From d32741cb0a282a60f134ff94e250e5922b7ff3a4 Mon Sep 17 00:00:00 2001 From: neverland Date: Tue, 21 Jul 2026 11:43:16 +0800 Subject: [PATCH] docs: update homepage feature cards --- website/i18n.json | 20 +- website/theme/components/Features.module.scss | 13 - website/theme/components/Features.tsx | 86 +- .../Features/assets/Compatible.json | 1226 ++++++++++++++ .../components/Features/assets/Compatible.svg | 38 + .../Features/assets/FrameCheck.json | 1445 +++++++++++++++++ .../components/Features/assets/FrameCheck.svg | 154 ++ .../components/Features/assets/Lightning.json | 981 +++++++++++ .../components/Features/assets/Lightning.svg | 42 + .../Features/assets/Speedometer.json | 876 ++++++++++ .../Features/assets/Speedometer.svg | 73 + 11 files changed, 4886 insertions(+), 68 deletions(-) delete mode 100644 website/theme/components/Features.module.scss create mode 100644 website/theme/components/Features/assets/Compatible.json create mode 100644 website/theme/components/Features/assets/Compatible.svg create mode 100644 website/theme/components/Features/assets/FrameCheck.json create mode 100644 website/theme/components/Features/assets/FrameCheck.svg create mode 100644 website/theme/components/Features/assets/Lightning.json create mode 100644 website/theme/components/Features/assets/Lightning.svg create mode 100644 website/theme/components/Features/assets/Speedometer.json create mode 100644 website/theme/components/Features/assets/Speedometer.svg diff --git a/website/i18n.json b/website/i18n.json index b253a42..0735681 100644 --- a/website/i18n.json +++ b/website/i18n.json @@ -27,21 +27,13 @@ "en": "Configure the whole toolchain from a single rstack.config.ts file.", "zh": "在一份 rstack.config.ts 中配置完整工具链。" }, - "fullWorkflow": { - "en": "Full Workflow", - "zh": "完整工作流" - }, - "fullWorkflowDesc": { - "en": "Cover applications, libraries, tests, linting, docs, and staged files.", - "zh": "覆盖应用、库、测试、代码检查、文档和暂存文件。" - }, "ecosystemPowered": { "en": "Rstack Powered", "zh": "Rstack 驱动" }, "ecosystemPoweredDesc": { - "en": "Built on Rsbuild, Rslib, Rstest, Rslint, Rspress, and Oxfmt.", - "zh": "基于 Rsbuild、Rslib、Rstest、Rslint、Rspress 和 Oxfmt。" + "en": "Built on Rsbuild, Rslib, Rstest, Rslint, and Rspress.", + "zh": "基于 Rsbuild、Rslib、Rstest、Rslint 和 Rspress。" }, "workflowFriendly": { "en": "Workflow Friendly", @@ -51,14 +43,6 @@ "en": "Keep using your preferred runtime, package manager, and task runner.", "zh": "继续使用你熟悉的运行时、包管理器和任务编排工具。" }, - "composable": { - "en": "Composable", - "zh": "灵活组合" - }, - "composableDesc": { - "en": "Adopt the commands you need while retaining access to the underlying tools.", - "zh": "按需采用不同命令，同时保留底层工具的完整能力。" - }, "guide": { "en": "Guide", "zh": "指南" diff --git a/website/theme/components/Features.module.scss b/website/theme/components/Features.module.scss deleted file mode 100644 index b5d786d..0000000 --- a/website/theme/components/Features.module.scss +++ /dev/null @@ -1,13 +0,0 @@ -:global { - .max-w-6xl.flex.m-auto { - max-width: 1200px; - } - - html.dark { - --rp-home-feature-bg: linear-gradient( - 135deg, - rgba(255, 255, 255, 0), - rgba(255, 255, 255, 0.03) - ); - } -} diff --git a/website/theme/components/Features.tsx b/website/theme/components/Features.tsx index c80c5ef..73e425d 100644 --- a/website/theme/components/Features.tsx +++ b/website/theme/components/Features.tsx @@ -1,48 +1,60 @@ import { useI18n } from '@rspress/core/runtime'; -import { HomeFeature } from '@rspress/core/theme-original'; +import { Link } from '@rspress/core/theme-original'; import { containerStyle, innerContainerStyle } from '@rstack-dev/doc-ui/section-style'; -import './Features.module.scss'; +import { type Feature, WhyRspack as BaseFeatures } from '@rstack-dev/doc-ui/why-rspack'; +import { memo, useMemo } from 'react'; +import CompatibleJson from './Features/assets/Compatible.json'; +import Compatible from './Features/assets/Compatible.svg'; +import FrameCheckJson from './Features/assets/FrameCheck.json'; +import FrameCheck from './Features/assets/FrameCheck.svg'; +import LightningJson from './Features/assets/Lightning.json'; +import Lightning from './Features/assets/Lightning.svg'; +import SpeedometerJson from './Features/assets/Speedometer.json'; +import Speedometer from './Features/assets/Speedometer.svg'; +import { useI18nUrl } from './utils'; -export function Features() { +export const Features = memo(() => { const t = useI18n(); - const features = [ - { - title: t('unifiedCli'), - details: t('unifiedCliDesc'), - icon: '⌨️', - }, - { - title: t('oneConfig'), - details: t('oneConfigDesc'), - icon: '🧭', - }, - { - title: t('fullWorkflow'), - details: t('fullWorkflowDesc'), - icon: '🧰', - }, - { - title: t('ecosystemPowered'), - details: t('ecosystemPoweredDesc'), - icon: '⚡', - }, - { - title: t('workflowFriendly'), - details: t('workflowFriendlyDesc'), - icon: '🤝', - }, - { - title: t('composable'), - details: t('composableDesc'), - icon: '🧩', - }, - ]; + const tUrl = useI18nUrl(); + const features: Feature[] = useMemo( + () => [ + { + img: Speedometer, + url: tUrl('/guide/quick-start#cli-commands'), + title: t('unifiedCli'), + description: t('unifiedCliDesc'), + lottieJsonData: SpeedometerJson, + }, + { + img: Lightning, + url: tUrl('/guide/configuration'), + title: t('oneConfig'), + description: t('oneConfigDesc'), + lottieJsonData: LightningJson, + }, + { + img: FrameCheck, + url: tUrl('/guide/configuration'), + title: t('ecosystemPowered'), + description: t('ecosystemPoweredDesc'), + lottieJsonData: FrameCheckJson, + }, + { + img: Compatible, + url: tUrl('/guide/quick-start'), + title: t('workflowFriendly'), + description: t('workflowFriendlyDesc'), + lottieJsonData: CompatibleJson, + }, + ], + [t, tUrl], + ); return (
- +
); -} +}); diff --git a/website/theme/components/Features/assets/Compatible.json b/website/theme/components/Features/assets/Compatible.json new file mode 100644 index 0000000..fc14b58 --- /dev/null +++ b/website/theme/components/Features/assets/Compatible.json @@ -0,0 +1,1226 @@ +{ + "nm": "S", + "h": 128, + "w": 128, + "meta": { "g": "@lottiefiles/toolkit-js 0.33.2" }, + "layers": [ + { + "ty": 3, + "nm": "N", + "sr": 1, + "st": 0, + "op": 375, + "ip": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { "a": 0, "k": [50, 50, 0] }, + "s": { "a": 0, "k": [74, 74, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [64, 64, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 0 } + }, + "ef": [], + "ind": 1 + }, + { + "ty": 4, + "nm": "L", + "sr": 1, + "st": 0, + "op": 375, + "ip": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { "a": 0, "k": [32.851, 15] }, + "s": { "a": 0, "k": [100, 100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [51.351, 50] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + }, + "ef": [], + "shapes": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 1, + "k": [ + { + "o": { "x": 0.64, "y": 0 }, + "i": { "x": 0.36, "y": 1 }, + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [3.5, 15], + [62.5, 15] + ] + } + ], + "t": 10 + }, + { + "o": { "x": 0.64, "y": 0 }, + "i": { "x": 0.36, "y": 1 }, + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [-6.5, 15], + [10.75, 15] + ] + } + ], + "t": 24.426 + }, + { + "o": { "x": 0.64, "y": 0 }, + "i": { "x": 0.36, "y": 1 }, + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [51.25, 15], + [68.5, 15] + ] + } + ], + "t": 37.951 + }, + { + "o": { "x": 0.64, "y": 0 }, + "i": { "x": 0.36, "y": 1 }, + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [51.25, 15], + [68.5, 15] + ] + } + ], + "t": 46.065 + }, + { + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [3.5, 15], + [62.5, 15] + ] + } + ], + "t": 65 + } + ] + } + }, + { + "ty": "st", + "nm": "S", + "lc": 2, + "lj": 1, + "ml": 4, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 6 }, + "c": { "a": 0, "k": [0.977, 0.224, 0.126] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 1, + "k": [ + { + "o": { "x": 0.64, "y": 0 }, + "i": { "x": 0.36, "y": 1 }, + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0], + [0, 0] + ], + "v": [ + [-4, 8], + [4, 0], + [-4, -8] + ] + } + ], + "t": 10 + }, + { + "o": { "x": 0.64, "y": 0 }, + "i": { "x": 0.36, "y": 1 }, + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0], + [0, 0] + ], + "v": [ + [-55.75, 8], + [-47.75, 0], + [-55.75, -8] + ] + } + ], + "t": 24.426 + }, + { + "o": { "x": 0.64, "y": 0 }, + "i": { "x": 0.36, "y": 1 }, + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0], + [0, 0] + ], + "v": [ + [2, 8], + [10, 0], + [2, -8] + ] + } + ], + "t": 37.951 + }, + { + "o": { "x": 0.64, "y": 0 }, + "i": { "x": 0.36, "y": 1 }, + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0], + [0, 0] + ], + "v": [ + [2, 8], + [10, 0], + [2, -8] + ] + } + ], + "t": 46.065 + }, + { + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0], + [0, 0] + ], + "v": [ + [-4, 8], + [4, 0], + [-4, -8] + ] + } + ], + "t": 65 + } + ] + } + }, + { + "ty": "st", + "nm": "S", + "lc": 2, + "lj": 2, + "ml": 1, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 6 }, + "c": { "a": 0, "k": [0.977, 0.224, 0.126] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [58.5, 15] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + } + ], + "ind": 2, + "parent": 1 + }, + { + "ty": 4, + "nm": "L", + "sr": 1, + "st": 0, + "op": 375, + "ip": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { "a": 0, "k": [27.378, 34] }, + "s": { "a": 0, "k": [100, 100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [78.378, 50] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + }, + "ef": [], + "shapes": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 1, + "k": [ + { + "o": { "x": 0.64, "y": 0 }, + "i": { "x": 0.36, "y": 1 }, + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [-0.879, 0.878], + [-2.828, 0], + [0, 0], + [-0.878, -0.879], + [0, -2.828], + [0, 0], + [0.879, -0.878], + [2.828, 0], + [0, 0], + [0.878, 0.879], + [0, 2.828], + [0, 0] + ], + "o": [ + [0, 0], + [0, -2.828], + [0.878, -0.879], + [0, 0], + [2.828, 0], + [0.879, 0.878], + [0, 0], + [0, 2.828], + [-0.878, 0.879], + [0, 0], + [-2.828, 0], + [-0.879, -0.878], + [0, 0], + [0, 0] + ], + "v": [ + [-20, -13.5], + [-20, -21], + [-19.121, -26.121], + [-14, -27], + [14, -27], + [19.121, -26.121], + [20, -21], + [20, 21], + [19.121, 26.121], + [14, 27], + [-14, 27], + [-19.121, 26.121], + [-20, 21], + [-20, 13.5] + ] + } + ], + "t": 10 + }, + { + "o": { "x": 0.64, "y": 0 }, + "i": { "x": 0.36, "y": 1 }, + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [-0.879, 0.878], + [-2.828, 0], + [0, 0], + [-0.878, -0.879], + [0, -2.828], + [0, 0], + [0.879, -0.878], + [2.828, 0], + [0, 0], + [0.878, 0.879], + [0, 2.828], + [0, 0] + ], + "o": [ + [0, 0], + [0, -2.828], + [0.878, -0.879], + [0, 0], + [2.828, 0], + [0.879, 0.878], + [0, 0], + [0, 2.828], + [-0.878, 0.879], + [0, 0], + [-2.828, 0], + [-0.879, -0.878], + [0, 0], + [0, 0] + ], + "v": [ + [-20, -19.5], + [-20, -21], + [-19.121, -26.121], + [-14, -27], + [14, -27], + [19.121, -26.121], + [20, -21], + [20, 21], + [19.121, 26.121], + [14, 27], + [-14, 27], + [-19.121, 26.121], + [-20, 21], + [-20, 20.25] + ] + } + ], + "t": 24.426 + }, + { + "o": { "x": 0.64, "y": 0 }, + "i": { "x": 0.36, "y": 1 }, + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [-0.879, 0.878], + [-2.828, 0], + [0, 0], + [-0.878, -0.879], + [0, -2.828], + [0, 0], + [0.879, -0.878], + [2.828, 0], + [0, 0], + [0.878, 0.879], + [0, 2.828], + [0, 0] + ], + "o": [ + [0, 0], + [0, -2.828], + [0.878, -0.879], + [0, 0], + [2.828, 0], + [0.879, 0.878], + [0, 0], + [0, 2.828], + [-0.878, 0.879], + [0, 0], + [-2.828, 0], + [-0.879, -0.878], + [0, 0], + [0, 0] + ], + "v": [ + [-20, -19.5], + [-20, -21], + [-19.121, -26.121], + [-14, -27], + [14, -27], + [19.121, -26.121], + [20, -21], + [20, 21], + [19.121, 26.121], + [14, 27], + [-14, 27], + [-19.121, 26.121], + [-20, 21], + [-20, 20.25] + ] + } + ], + "t": 31.639 + }, + { + "o": { "x": 0.64, "y": 0 }, + "i": { "x": 0.36, "y": 1 }, + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [-0.879, 0.878], + [-2.828, 0], + [0, 0], + [-0.878, -0.879], + [0, -2.828], + [0, 0], + [0.879, -0.878], + [2.828, 0], + [0, 0], + [0.878, 0.879], + [0, 2.828], + [0, 0] + ], + "o": [ + [0, 0], + [0, -2.828], + [0.878, -0.879], + [0, 0], + [2.828, 0], + [0.879, 0.878], + [0, 0], + [0, 2.828], + [-0.878, 0.879], + [0, 0], + [-2.828, 0], + [-0.879, -0.878], + [0, 0], + [0, 0] + ], + "v": [ + [-20, 0], + [-20, -21], + [-19.121, -26.121], + [-14, -27], + [14, -27], + [19.121, -26.121], + [20, -21], + [20, 21], + [19.121, 26.121], + [14, 27], + [-14, 27], + [-19.121, 26.121], + [-20, 21], + [-20, -0.625] + ] + } + ], + "t": 41.558 + }, + { + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [-0.879, 0.878], + [-2.828, 0], + [0, 0], + [-0.878, -0.879], + [0, -2.828], + [0, 0], + [0.879, -0.878], + [2.828, 0], + [0, 0], + [0.878, 0.879], + [0, 2.828], + [0, 0] + ], + "o": [ + [0, 0], + [0, -2.828], + [0.878, -0.879], + [0, 0], + [2.828, 0], + [0.879, 0.878], + [0, 0], + [0, 2.828], + [-0.878, 0.879], + [0, 0], + [-2.828, 0], + [-0.879, -0.878], + [0, 0], + [0, 0] + ], + "v": [ + [-20, -13.5], + [-20, -21], + [-19.121, -26.121], + [-14, -27], + [14, -27], + [19.121, -26.121], + [20, -21], + [20, 21], + [19.121, 26.121], + [14, 27], + [-14, 27], + [-19.121, 26.121], + [-20, 21], + [-20, 13.5] + ] + } + ], + "t": 60.491 + } + ] + } + }, + { + "ty": "st", + "nm": "S", + "lc": 2, + "lj": 1, + "ml": 4, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 5 }, + "c": { "a": 0, "k": [1, 0.545, 0] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [27, 34] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + } + ], + "ind": 3, + "parent": 1 + }, + { + "ty": 4, + "nm": "L", + "sr": 1, + "st": 0, + "op": 375, + "ip": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { "a": 0, "k": [26.622, 34] }, + "s": { "a": 0, "k": [100, 100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [21.622, 50] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + }, + "ef": [], + "shapes": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 1, + "k": [ + { + "o": { "x": 0.64, "y": 0 }, + "i": { "x": 0.36, "y": 1 }, + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [-0.878, 0.879], + [0, 2.828], + [0, 0] + ], + "o": [ + [0, 0], + [2.828, 0], + [0.879, -0.878], + [0, 0], + [0, 0] + ], + "v": [ + [10, 27], + [14, 27], + [19.121, 26.121], + [20, 21], + [20, 13.5] + ] + } + ], + "t": 10 + }, + { + "o": { "x": 0.64, "y": 0 }, + "i": { "x": 0.36, "y": 1 }, + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [-0.878, 0.879], + [0, 2.828], + [0, 0] + ], + "o": [ + [0, 0], + [2.828, 0], + [0.879, -0.878], + [0, 0], + [0, 0] + ], + "v": [ + [10, 27], + [14, 27], + [19.121, 26.121], + [20, 21], + [20, 20.25] + ] + } + ], + "t": 24.426 + }, + { + "o": { "x": 0.64, "y": 0 }, + "i": { "x": 0.36, "y": 1 }, + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [-0.878, 0.879], + [0, 2.828], + [0, 0] + ], + "o": [ + [0, 0], + [2.828, 0], + [0.879, -0.878], + [0, 0], + [0, 0] + ], + "v": [ + [10, 27], + [14, 27], + [19.121, 26.121], + [20, 21], + [20, 20.25] + ] + } + ], + "t": 41.558 + }, + { + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [-0.878, 0.879], + [0, 2.828], + [0, 0] + ], + "o": [ + [0, 0], + [2.828, 0], + [0.879, -0.878], + [0, 0], + [0, 0] + ], + "v": [ + [10, 27], + [14, 27], + [19.121, 26.121], + [20, 21], + [20, 13.5] + ] + } + ], + "t": 60.491 + } + ] + } + }, + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 1, + "k": [ + { + "o": { "x": 0.64, "y": 0 }, + "i": { "x": 0.36, "y": 1 }, + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [-0.879, -0.878], + [-2.828, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 2.828], + [0.878, 0.879], + [0, 0], + [0, 0] + ], + "v": [ + [-20, 13.5], + [-20, 21], + [-19.121, 26.121], + [-14, 27], + [-10, 27] + ] + } + ], + "t": 10 + }, + { + "o": { "x": 0.64, "y": 0 }, + "i": { "x": 0.36, "y": 1 }, + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [-0.879, -0.878], + [-2.828, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 2.828], + [0.878, 0.879], + [0, 0], + [0, 0] + ], + "v": [ + [-20, 13.5], + [-20, 21], + [-19.121, 26.121], + [-14, 27], + [-10, 27] + ] + } + ], + "t": 41.558 + }, + { + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [-0.879, -0.878], + [-2.828, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 2.828], + [0.878, 0.879], + [0, 0], + [0, 0] + ], + "v": [ + [-20, 13.5], + [-20, 21], + [-19.121, 26.121], + [-14, 27], + [-10, 27] + ] + } + ], + "t": 60.491 + } + ] + } + }, + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 1, + "k": [ + { + "o": { "x": 0.64, "y": 0 }, + "i": { "x": 0.36, "y": 1 }, + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [0.878, -0.879], + [0, -2.828], + [0, 0] + ], + "o": [ + [0, 0], + [-2.828, 0], + [-0.879, 0.878], + [0, 0], + [0, 0] + ], + "v": [ + [-10, -27], + [-14, -27], + [-19.121, -26.121], + [-20, -21], + [-20, -13.5] + ] + } + ], + "t": 10 + }, + { + "o": { "x": 0.64, "y": 0 }, + "i": { "x": 0.36, "y": 1 }, + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [0.878, -0.879], + [0, -2.828], + [0, 0] + ], + "o": [ + [0, 0], + [-2.828, 0], + [-0.879, 0.878], + [0, 0], + [0, 0] + ], + "v": [ + [-10, -27], + [-14, -27], + [-19.121, -26.121], + [-20, -21], + [-20, -13.5] + ] + } + ], + "t": 41.558 + }, + { + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [0.878, -0.879], + [0, -2.828], + [0, 0] + ], + "o": [ + [0, 0], + [-2.828, 0], + [-0.879, 0.878], + [0, 0], + [0, 0] + ], + "v": [ + [-10, -27], + [-14, -27], + [-19.121, -26.121], + [-20, -21], + [-20, -13.5] + ] + } + ], + "t": 60.491 + } + ] + } + }, + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 1, + "k": [ + { + "o": { "x": 0.64, "y": 0 }, + "i": { "x": 0.36, "y": 1 }, + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [-0.878, -0.879], + [0, -2.828], + [0, 0] + ], + "o": [ + [0, 0], + [2.828, 0], + [0.879, 0.878], + [0, 0], + [0, 0] + ], + "v": [ + [10, -27], + [14, -27], + [19.121, -26.121], + [20, -21], + [20, -13.5] + ] + } + ], + "t": 10 + }, + { + "o": { "x": 0.64, "y": 0 }, + "i": { "x": 0.36, "y": 1 }, + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [-0.878, -0.879], + [0, -2.828], + [0, 0] + ], + "o": [ + [0, 0], + [2.828, 0], + [0.879, 0.878], + [0, 0], + [0, 0] + ], + "v": [ + [10, -27], + [14, -27], + [19.121, -26.121], + [20, -21], + [20, -20] + ] + } + ], + "t": 24.426 + }, + { + "o": { "x": 0.64, "y": 0 }, + "i": { "x": 0.36, "y": 1 }, + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [-0.878, -0.879], + [0, -2.828], + [0, 0] + ], + "o": [ + [0, 0], + [2.828, 0], + [0.879, 0.878], + [0, 0], + [0, 0] + ], + "v": [ + [10, -27], + [14, -27], + [19.121, -26.121], + [20, -21], + [20, -20] + ] + } + ], + "t": 41.558 + }, + { + "s": [ + { + "c": false, + "i": [ + [0, 0], + [0, 0], + [-0.878, -0.879], + [0, -2.828], + [0, 0] + ], + "o": [ + [0, 0], + [2.828, 0], + [0.879, 0.878], + [0, 0], + [0, 0] + ], + "v": [ + [10, -27], + [14, -27], + [19.121, -26.121], + [20, -21], + [20, -13.5] + ] + } + ], + "t": 60.491 + } + ] + } + }, + { "ty": "mm", "nm": "M", "mm": 1 }, + { + "ty": "st", + "nm": "S", + "lc": 2, + "lj": 1, + "ml": 4, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 5 }, + "c": { "a": 0, "k": [1, 0.545, 0] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [-0.378, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [26.622, 34] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + } + ], + "ind": 4, + "parent": 1 + } + ], + "v": "5.12.1", + "fr": 20, + "op": 375, + "ip": 0, + "assets": [] +} diff --git a/website/theme/components/Features/assets/Compatible.svg b/website/theme/components/Features/assets/Compatible.svg new file mode 100644 index 0000000..c6d7a7a --- /dev/null +++ b/website/theme/components/Features/assets/Compatible.svg @@ -0,0 +1,38 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/website/theme/components/Features/assets/FrameCheck.json b/website/theme/components/Features/assets/FrameCheck.json new file mode 100644 index 0000000..d54c8c0 --- /dev/null +++ b/website/theme/components/Features/assets/FrameCheck.json @@ -0,0 +1,1445 @@ +{ + "nm": "5", + "h": 500, + "w": 500, + "meta": { "g": "@lottiefiles/toolkit-js 0.33.2" }, + "layers": [ + { + "ty": 3, + "nm": "N", + "sr": 1, + "st": 0, + "op": 300, + "ip": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { "a": 0, "k": [50, 50, 0] }, + "s": { "a": 0, "k": [500, 500, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [250, 250, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 0 } + }, + "ef": [], + "ind": 1 + }, + { + "ty": 4, + "nm": "m", + "sr": 1, + "st": 0, + "op": 90, + "ip": 0, + "hasMask": false, + "td": 1, + "ao": 0, + "ks": { + "a": { "a": 0, "k": [6, -8, 0] }, + "s": { "a": 0, "k": [20, 20, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [-1.092, 0.473, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + }, + "ef": [], + "shapes": [ + { + "ty": "gr", + "nm": "S", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": false, + "i": [ + [0, 0], + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0], + [0, 0] + ], + "v": [ + [-75, -17], + [-19, 39.5], + [76.5, -53.5] + ] + } + } + }, + { + "ty": "st", + "nm": "S", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 40 }, + "c": { "a": 0, "k": [1, 1, 1] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tm", + "nm": "T", + "e": { + "a": 1, + "k": [ + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [0], + "t": 15 + }, + { "s": [100], "t": 22 } + ] + }, + "o": { "a": 0, "k": 0 }, + "s": { "a": 0, "k": 0 }, + "m": 1 + } + ], + "ind": 2, + "parent": 3 + }, + { + "ty": 4, + "nm": "G", + "sr": 1, + "st": 0, + "op": 300, + "ip": 0, + "tt": 1, + "hasMask": false, + "ao": 0, + "ks": { + "a": { "a": 0, "k": [-2.301, 2.073, 0] }, + "s": { + "a": 1, + "k": [ + { + "o": { "x": 0.53, "y": 0 }, + "i": { "x": 0.47, "y": 1 }, + "s": [100, 100, 100], + "t": 5 + }, + { + "o": { "x": 0.53, "y": 0 }, + "i": { "x": 0.47, "y": 1 }, + "s": [110, 90, 100], + "t": 10.005 + }, + { + "o": { "x": 0.53, "y": 0 }, + "i": { "x": 0.47, "y": 1 }, + "s": [80, 120, 100], + "t": 15.01 + }, + { + "o": { "x": 0.53, "y": 0 }, + "i": { "x": 0.47, "y": 1 }, + "s": [110, 90, 100], + "t": 20.015 + }, + { "s": [100, 100, 100], "t": 25.021 } + ] + }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [-2.301, 2.073, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + }, + "ef": [], + "shapes": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [1.248, 1.247], + [1.248, -1.248], + [0, 0], + [0, 0], + [0, 0], + [1.248, -1.247], + [-1.248, -1.248], + [0, 0], + [-1.248, 1.247], + [0, 0] + ], + "o": [ + [-1.248, -1.248], + [0, 0], + [0, 0], + [0, 0], + [-1.248, -1.247], + [-1.248, 1.248], + [0, 0], + [1.248, 1.247], + [0, 0], + [1.248, -1.248] + ], + "v": [ + [12.763, -8.52], + [8.246, -8.52], + [-6.163, 5.889], + [-6.163, 5.889], + [-12.847, -0.795], + [-17.365, -0.795], + [-17.365, 3.723], + [-8.422, 12.666], + [-3.905, 12.666], + [12.763, -4.002] + ] + } + } + }, + { + "ty": "st", + "nm": "S", + "lc": 2, + "lj": 2, + "ml": 1, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 0.5 }, + "c": { "a": 0, "k": [0.977, 0.224, 0.126] } + }, + { + "ty": "fl", + "nm": "F", + "c": { "a": 0, "k": [1, 0.545, 0] }, + "r": 1, + "o": { "a": 0, "k": 100 } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + } + ], + "ind": 3, + "parent": 6 + }, + { + "ty": 4, + "nm": "m", + "sr": 1, + "st": 0, + "op": 90, + "ip": 0, + "hd": true, + "hasMask": false, + "td": 1, + "ao": 0, + "ks": { + "a": { "a": 0, "k": [6, -8, 0] }, + "s": { "a": 0, "k": [20, 20, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [-1.092, 0.473, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + }, + "ef": [], + "shapes": [ + { + "ty": "gr", + "nm": "S", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": false, + "i": [ + [0, 0], + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0], + [0, 0] + ], + "v": [ + [-75, -17], + [-19, 39.5], + [76.5, -53.5] + ] + } + } + }, + { + "ty": "st", + "nm": "S", + "lc": 1, + "lj": 1, + "ml": 4, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 40 }, + "c": { "a": 0, "k": [1, 1, 1] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tm", + "nm": "T", + "e": { "a": 0, "k": 100 }, + "o": { "a": 0, "k": 0 }, + "s": { + "a": 1, + "k": [ + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [0], + "t": 7 + }, + { "s": [100], "t": 12.4 } + ] + }, + "m": 1 + } + ], + "ind": 4, + "parent": 5 + }, + { + "ty": 4, + "nm": "G", + "sr": 1, + "st": 0, + "op": 300, + "ip": 0, + "tt": 1, + "hasMask": false, + "ao": 0, + "ks": { + "a": { "a": 0, "k": [-2.301, 2.073, 0] }, + "s": { + "a": 1, + "k": [ + { + "o": { "x": 0.53, "y": 0 }, + "i": { "x": 0.47, "y": 1 }, + "s": [100, 100, 100], + "t": 5 + }, + { + "o": { "x": 0.53, "y": 0 }, + "i": { "x": 0.47, "y": 1 }, + "s": [110, 90, 100], + "t": 10.005 + }, + { + "o": { "x": 0.53, "y": 0 }, + "i": { "x": 0.47, "y": 1 }, + "s": [80, 120, 100], + "t": 15.01 + }, + { + "o": { "x": 0.53, "y": 0 }, + "i": { "x": 0.47, "y": 1 }, + "s": [110, 90, 100], + "t": 20.015 + }, + { "s": [100, 100, 100], "t": 25.021 } + ] + }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [-2.301, 2.073, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + }, + "ef": [], + "shapes": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [1.248, 1.247], + [1.248, -1.248], + [0, 0], + [0, 0], + [0, 0], + [1.248, -1.247], + [-1.248, -1.248], + [0, 0], + [-1.248, 1.247], + [0, 0] + ], + "o": [ + [-1.248, -1.248], + [0, 0], + [0, 0], + [0, 0], + [-1.248, -1.247], + [-1.248, 1.248], + [0, 0], + [1.248, 1.247], + [0, 0], + [1.248, -1.248] + ], + "v": [ + [12.763, -8.52], + [8.246, -8.52], + [-6.163, 5.889], + [-6.163, 5.889], + [-12.847, -0.795], + [-17.365, -0.795], + [-17.365, 3.723], + [-8.422, 12.666], + [-3.905, 12.666], + [12.763, -4.002] + ] + } + } + }, + { + "ty": "st", + "nm": "S", + "lc": 2, + "lj": 2, + "ml": 1, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 0.5 }, + "c": { "a": 0, "k": [0.977, 0.224, 0.126] } + }, + { + "ty": "fl", + "nm": "F", + "c": { "a": 0, "k": [1, 0.545, 0] }, + "r": 1, + "o": { "a": 0, "k": 100 } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + } + ], + "ind": 5, + "parent": 6 + }, + { + "ty": 4, + "nm": "L", + "sr": 1, + "st": 13, + "op": 313, + "ip": 13, + "hasMask": false, + "ao": 0, + "ks": { + "a": { "a": 0, "k": [-2.301, 2.075, 0] }, + "s": { + "a": 1, + "k": [ + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [100, 100, 100], + "t": 13 + }, + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [90, 90, 100], + "t": 18.005 + }, + { "s": [100, 100, 100], "t": 23.01 } + ] + }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [49.991, 50.002, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + }, + "ef": [], + "shapes": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": false, + "i": [ + [0, 0], + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0], + [0, 0] + ], + "v": [ + [18.178, -9.76], + [22.918, -12.49], + [22.918, -12.49] + ] + } + } + }, + { + "ty": "st", + "nm": "S", + "lc": 2, + "lj": 2, + "ml": 1, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 0.5 }, + "c": { "a": 0, "k": [0.977, 0.224, 0.126] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": false, + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [18.178, 13.9], + [22.908, 16.63] + ] + } + } + }, + { + "ty": "st", + "nm": "S", + "lc": 2, + "lj": 2, + "ml": 1, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 0.5 }, + "c": { "a": 0, "k": [0.977, 0.224, 0.126] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": false, + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [-2.302, 25.72], + [-2.302, 31.19] + ] + } + } + }, + { + "ty": "st", + "nm": "S", + "lc": 2, + "lj": 2, + "ml": 1, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 0.5 }, + "c": { "a": 0, "k": [0.977, 0.224, 0.126] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": false, + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [-22.772, 13.9], + [-27.502, 16.62] + ] + } + } + }, + { + "ty": "st", + "nm": "S", + "lc": 2, + "lj": 2, + "ml": 1, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 0.5 }, + "c": { "a": 0, "k": [0.977, 0.224, 0.126] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": false, + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [-22.772, -9.75], + [-27.502, -12.48] + ] + } + } + }, + { + "ty": "st", + "nm": "S", + "lc": 2, + "lj": 2, + "ml": 1, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 0.5 }, + "c": { "a": 0, "k": [0.977, 0.224, 0.126] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": false, + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [-2.302, -21.58], + [-2.302, -27.04] + ] + } + } + }, + { + "ty": "st", + "nm": "S", + "lc": 2, + "lj": 2, + "ml": 1, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 0.5 }, + "c": { "a": 0, "k": [0.977, 0.224, 0.126] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": false, + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [7.312, -14.577], + [13.699, -25.64] + ] + } + } + }, + { + "ty": "st", + "nm": "S", + "lc": 2, + "lj": 2, + "ml": 1, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 0.5 }, + "c": { "a": 0, "k": [0.977, 0.224, 0.126] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": false, + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [16.924, 2.073], + [29.699, 2.073] + ] + } + } + }, + { + "ty": "st", + "nm": "S", + "lc": 2, + "lj": 2, + "ml": 1, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 0.5 }, + "c": { "a": 0, "k": [0.977, 0.224, 0.126] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": false, + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [7.312, 18.723], + [13.699, 29.786] + ] + } + } + }, + { + "ty": "st", + "nm": "S", + "lc": 2, + "lj": 2, + "ml": 1, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 0.5 }, + "c": { "a": 0, "k": [0.977, 0.224, 0.126] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": false, + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [-11.914, 18.723], + [-18.301, 29.786] + ] + } + } + }, + { + "ty": "st", + "nm": "S", + "lc": 2, + "lj": 2, + "ml": 1, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 0.5 }, + "c": { "a": 0, "k": [0.977, 0.224, 0.126] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": false, + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [-21.526, 2.073], + [-34.301, 2.073] + ] + } + } + }, + { + "ty": "st", + "nm": "S", + "lc": 2, + "lj": 2, + "ml": 1, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 0.5 }, + "c": { "a": 0, "k": [0.977, 0.224, 0.126] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": false, + "i": [ + [0, 0], + [0, 0] + ], + "o": [ + [0, 0], + [0, 0] + ], + "v": [ + [-11.914, -14.577], + [-18.301, -25.64] + ] + } + } + }, + { + "ty": "st", + "nm": "S", + "lc": 2, + "lj": 2, + "ml": 1, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 0.5 }, + "c": { "a": 0, "k": [0.977, 0.224, 0.126] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tm", + "nm": "T", + "e": { + "a": 1, + "k": [ + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [0], + "t": 13 + }, + { "s": [100], "t": 23.01 } + ] + }, + "o": { "a": 0, "k": 0 }, + "s": { + "a": 1, + "k": [ + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [0], + "t": 23 + }, + { "s": [100], "t": 33.011 } + ] + }, + "m": 1 + } + ], + "ind": 6, + "parent": 1 + } + ], + "v": "5.10.0", + "fr": 20, + "op": 36, + "ip": 0, + "assets": [] +} diff --git a/website/theme/components/Features/assets/FrameCheck.svg b/website/theme/components/Features/assets/FrameCheck.svg new file mode 100644 index 0000000..dc271f9 --- /dev/null +++ b/website/theme/components/Features/assets/FrameCheck.svg @@ -0,0 +1,154 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/website/theme/components/Features/assets/Lightning.json b/website/theme/components/Features/assets/Lightning.json new file mode 100644 index 0000000..e3c7449 --- /dev/null +++ b/website/theme/components/Features/assets/Lightning.json @@ -0,0 +1,981 @@ +{ + "nm": "4", + "h": 1000, + "w": 1000, + "meta": { "g": "@lottiefiles/toolkit-js 0.33.2" }, + "layers": [ + { + "ty": 4, + "nm": "G", + "sr": 1, + "st": 0, + "op": 60, + "ip": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { "a": 0, "k": [-206.132, -265.931, 0] }, + "s": { + "a": 1, + "k": [ + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [80, 80, 100], + "t": 6 + }, + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [130, 130, 100], + "t": 16 + }, + { + "o": { "x": 0.302, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [80, 80, 100], + "t": 26 + }, + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [80, 80, 100], + "t": 36 + }, + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [130, 130, 100], + "t": 46 + }, + { "s": [80, 80, 100], "t": 56 } + ] + }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [293.868, 234.069, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + }, + "ef": [], + "shapes": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [0, -17.121], + [17.121, 0], + [0, 17.121], + [-17.121, 0] + ], + "o": [ + [0, 17.121], + [-17.121, 0], + [0, -17.121], + [17.121, 0] + ], + "v": [ + [-175.132, -265.931], + [-206.132, -234.931], + [-237.132, -265.931], + [-206.132, -296.931] + ] + } + } + }, + { + "ty": "fl", + "nm": "F", + "c": { "a": 0, "k": [0.977, 0.224, 0.126] }, + "r": 1, + "o": { "a": 0, "k": 100 } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + } + ], + "ind": 1 + }, + { + "ty": 4, + "nm": "G", + "sr": 1, + "st": 0, + "op": 60, + "ip": 0, + "hd": true, + "hasMask": false, + "ao": 0, + "ks": { + "a": { "a": 0, "k": [-219.132, -71.931, 0] }, + "s": { + "a": 1, + "k": [ + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [80, 80, 100], + "t": 4 + }, + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [130, 130, 100], + "t": 14 + }, + { + "o": { "x": 0.302, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [80, 80, 100], + "t": 24 + }, + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [80, 80, 100], + "t": 34 + }, + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [130, 130, 100], + "t": 44 + }, + { "s": [80, 80, 100], "t": 54 } + ] + }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [280.868, 428.069, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + }, + "ef": [], + "shapes": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [0, -17.121], + [17.121, 0], + [0, 17.121], + [-17.121, 0] + ], + "o": [ + [0, 17.121], + [-17.121, 0], + [0, -17.121], + [17.121, 0] + ], + "v": [ + [-188.132, -71.931], + [-219.132, -40.931], + [-250.132, -71.931], + [-219.132, -102.931] + ] + } + } + }, + { + "ty": "fl", + "nm": "F", + "c": { "a": 0, "k": [0.977, 0.224, 0.126] }, + "r": 1, + "o": { "a": 0, "k": 100 } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + } + ], + "ind": 2 + }, + { + "ty": 4, + "nm": "G", + "sr": 1, + "st": 0, + "op": 60, + "ip": 0, + "hd": true, + "hasMask": false, + "ao": 0, + "ks": { + "a": { "a": 0, "k": [90.868, 267.069, 0] }, + "s": { + "a": 1, + "k": [ + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [80, 80, 100], + "t": 0 + }, + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [130, 130, 100], + "t": 10 + }, + { + "o": { "x": 0.302, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [80, 80, 100], + "t": 20 + }, + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [80, 80, 100], + "t": 30 + }, + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [130, 130, 100], + "t": 40 + }, + { "s": [80, 80, 100], "t": 50 } + ] + }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [590.868, 767.069, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + }, + "ef": [], + "shapes": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [0, -17.121], + [17.121, 0], + [0, 17.121], + [-17.121, 0] + ], + "o": [ + [0, 17.121], + [-17.121, 0], + [0, -17.121], + [17.121, 0] + ], + "v": [ + [121.868, 267.069], + [90.868, 298.069], + [59.868, 267.069], + [90.868, 236.069] + ] + } + } + }, + { + "ty": "fl", + "nm": "F", + "c": { "a": 0, "k": [0.977, 0.224, 0.126] }, + "r": 1, + "o": { "a": 0, "k": 100 } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + } + ], + "ind": 3 + }, + { + "ty": 4, + "nm": "G", + "sr": 1, + "st": 0, + "op": 60, + "ip": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { "a": 0, "k": [246.868, 177.069, 0] }, + "s": { + "a": 1, + "k": [ + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [80, 80, 100], + "t": 2 + }, + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [130, 130, 100], + "t": 12 + }, + { + "o": { "x": 0.302, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [80, 80, 100], + "t": 22 + }, + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [80, 80, 100], + "t": 32 + }, + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [130, 130, 100], + "t": 42 + }, + { "s": [80, 80, 100], "t": 52 } + ] + }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [746.868, 677.069, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + }, + "ef": [], + "shapes": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [0, -17.121], + [17.121, 0], + [0, 17.121], + [-17.121, 0] + ], + "o": [ + [0, 17.121], + [-17.121, 0], + [0, -17.121], + [17.121, 0] + ], + "v": [ + [277.868, 177.069], + [246.868, 208.069], + [215.868, 177.069], + [246.868, 146.069] + ] + } + } + }, + { + "ty": "fl", + "nm": "F", + "c": { "a": 0, "k": [0.977, 0.224, 0.126] }, + "r": 1, + "o": { "a": 0, "k": 100 } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + } + ], + "ind": 4 + }, + { + "ty": 4, + "nm": "G", + "sr": 1, + "st": 32, + "op": 58, + "ip": 32, + "hasMask": false, + "ao": 0, + "ks": { + "a": { "a": 0, "k": [0, -6.227, 0] }, + "s": { "a": 0, "k": [100, 100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [500, 493.773, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + }, + "ef": [], + "shapes": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": false, + "i": [ + [0, 0], + [0, 0], + [-0.356, -0.001], + [0, 0], + [0.255, -0.261], + [0, 0] + ], + "o": [ + [0, 0], + [-0.237, 0.266], + [0, 0], + [0.365, 0.001], + [0, 0], + [0, 0] + ], + "v": [ + [312.568, -298.069], + [225.406, -200.118], + [225.713, -199.431], + [331.13, -199.187], + [331.425, -198.486], + [238.693, -103.386] + ] + } + } + }, + { + "ty": "st", + "nm": "S", + "lc": 2, + "lj": 1, + "ml": 10, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 40 }, + "c": { "a": 0, "k": [0.977, 0.224, 0.126] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": false, + "i": [ + [0, 0], + [0, 0], + [-0.356, -0.001], + [0, 0], + [0.255, -0.261], + [0, 0] + ], + "o": [ + [0, 0], + [-0.237, 0.266], + [0, 0], + [0.365, 0.001], + [0, 0], + [0, 0] + ], + "v": [ + [-244.276, 90.931], + [-331.438, 188.882], + [-331.13, 189.569], + [-225.713, 189.813], + [-225.418, 190.514], + [-318.15, 285.614] + ] + } + } + }, + { + "ty": "st", + "nm": "S", + "lc": 2, + "lj": 1, + "ml": 10, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 40 }, + "c": { "a": 0, "k": [0.977, 0.224, 0.126] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, -6.227] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, -6.227] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tm", + "nm": "T", + "e": { + "a": 1, + "k": [ + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [0], + "t": 32 + }, + { "s": [100], "t": 48.667 } + ] + }, + "o": { "a": 0, "k": 0 }, + "s": { + "a": 1, + "k": [ + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [0], + "t": 40.333 + }, + { "s": [100], "t": 57 } + ] + }, + "m": 1 + } + ], + "ind": 5 + }, + { + "ty": 4, + "nm": "G", + "sr": 1, + "st": 0, + "op": 26, + "ip": 0, + "hd": true, + "hasMask": false, + "ao": 0, + "ks": { + "a": { "a": 0, "k": [0, -6.227, 0] }, + "s": { "a": 0, "k": [100, 100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [500, 493.773, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + }, + "ef": [], + "shapes": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": false, + "i": [ + [0, 0], + [0, 0], + [-0.356, -0.001], + [0, 0], + [0.255, -0.261], + [0, 0] + ], + "o": [ + [0, 0], + [-0.237, 0.266], + [0, 0], + [0.365, 0.001], + [0, 0], + [0, 0] + ], + "v": [ + [312.568, -298.069], + [225.406, -200.118], + [225.713, -199.431], + [331.13, -199.187], + [331.425, -198.486], + [238.693, -103.386] + ] + } + } + }, + { + "ty": "st", + "nm": "S", + "lc": 2, + "lj": 1, + "ml": 10, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 40 }, + "c": { "a": 0, "k": [0.977, 0.224, 0.126] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": false, + "i": [ + [0, 0], + [0, 0], + [-0.356, -0.001], + [0, 0], + [0.255, -0.261], + [0, 0] + ], + "o": [ + [0, 0], + [-0.237, 0.266], + [0, 0], + [0.365, 0.001], + [0, 0], + [0, 0] + ], + "v": [ + [-244.276, 90.931], + [-331.438, 188.882], + [-331.13, 189.569], + [-225.713, 189.813], + [-225.418, 190.514], + [-318.15, 285.614] + ] + } + } + }, + { + "ty": "st", + "nm": "S", + "lc": 2, + "lj": 1, + "ml": 10, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 40 }, + "c": { "a": 0, "k": [0.977, 0.224, 0.126] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, -6.227] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, -6.227] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "tm", + "nm": "T", + "e": { + "a": 1, + "k": [ + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [0], + "t": 0 + }, + { "s": [100], "t": 16.667 } + ] + }, + "o": { "a": 0, "k": 0 }, + "s": { + "a": 1, + "k": [ + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [0], + "t": 8.333 + }, + { "s": [100], "t": 25 } + ] + }, + "m": 1 + } + ], + "ind": 6 + }, + { + "ty": 4, + "nm": "L", + "sr": 1, + "st": 0, + "op": 60, + "ip": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { "a": 0, "k": [0, 0, 0] }, + "s": { + "a": 1, + "k": [ + { + "o": { "x": 1, "y": 0 }, + "i": { "x": 0.986, "y": 1 }, + "s": [90, 90, 100], + "t": 0 + }, + { + "o": { "x": 0.029, "y": 0 }, + "i": { "x": 0, "y": 1 }, + "s": [110, 110, 100], + "t": 10 + }, + { + "o": { "x": 0.167, "y": 0.167 }, + "i": { "x": 0.833, "y": 0.833 }, + "s": [90, 90, 100], + "t": 20 + }, + { + "o": { "x": 1, "y": 0 }, + "i": { "x": 0.986, "y": 1 }, + "s": [90, 90, 100], + "t": 30 + }, + { + "o": { "x": 0.029, "y": 0 }, + "i": { "x": 0, "y": 1 }, + "s": [110, 110, 100], + "t": 40 + }, + { "s": [90, 90, 100], "t": 50 } + ] + }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [500, 500, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + }, + "ef": [], + "shapes": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [-4.421, 0], + [0, 0], + [4.998, -7.629], + [0, 0], + [-8.916, -0.343], + [0, 0], + [1.489, -1.671], + [0, 0], + [-0.471, 2.761], + [0, 0], + [7.107, 0], + [0, 0], + [-1.24, 2.597], + [0, 0] + ], + "o": [ + [0, 0], + [9.121, 0], + [0, 0], + [-4.89, 7.463], + [0, 0], + [2.237, 0.086], + [0, 0], + [-1.863, 2.092], + [0, 0], + [1.196, -7.006], + [0, 0], + [-2.878, 0], + [0, 0], + [1.904, -3.99] + ], + "v": [ + [-47.265, -200.931], + [132.183, -200.931], + [141.778, -183.173], + [20.147, -50.415], + [29.301, -32.665], + [170.905, -39.436], + [172.78, -35.029], + [-105.788, 294.269], + [-110.619, 291.945], + [-45.238, 55.037], + [-56.546, 41.635], + [-158.029, 53.186], + [-161.561, 47.587], + [-57.617, -194.401] + ] + } + } + }, + { + "ty": "st", + "nm": "S", + "lc": 1, + "lj": 1, + "ml": 10, + "o": { "a": 0, "k": 100 }, + "w": { "a": 0, "k": 40 }, + "c": { "a": 0, "k": [1, 0.545, 0] } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [0, 0] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + } + ], + "ind": 7 + } + ], + "v": "5.9.6", + "fr": 20, + "op": 60, + "ip": 0, + "assets": [] +} diff --git a/website/theme/components/Features/assets/Lightning.svg b/website/theme/components/Features/assets/Lightning.svg new file mode 100644 index 0000000..263fef7 --- /dev/null +++ b/website/theme/components/Features/assets/Lightning.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/website/theme/components/Features/assets/Speedometer.json b/website/theme/components/Features/assets/Speedometer.json new file mode 100644 index 0000000..1578685 --- /dev/null +++ b/website/theme/components/Features/assets/Speedometer.json @@ -0,0 +1,876 @@ +{ + "nm": "S", + "h": 1080, + "w": 1920, + "meta": { "g": "@lottiefiles/toolkit-js 0.33.2" }, + "layers": [ + { + "ty": 4, + "nm": "L", + "sr": 1, + "st": 0, + "op": 50, + "ip": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { "a": 0, "k": [41.993, 169.381, 0] }, + "s": { "a": 0, "k": [264, 264] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [944, 940] }, + "r": { + "a": 1, + "k": [ + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [-126], + "t": 0 + }, + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [54], + "t": 41 + }, + { + "o": { "x": 0.333, "y": 0 }, + "i": { "x": 0.667, "y": 1 }, + "s": [54], + "t": 53 + }, + { "s": [-126], "t": 81 } + ] + }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + }, + "ef": [], + "shapes": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [8.14, 0], + [0, 8.139], + [-8.14, 0], + [0, -8.14] + ], + "o": [ + [-8.14, 0], + [0, -8.14], + [8.14, 0], + [0, 8.139] + ], + "v": [ + [-37.84, 72.65], + [-52.579, 57.911], + [-37.84, 43.172], + [-23.102, 57.911] + ] + } + } + }, + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [0, 0], + [3.141, 0], + [0, -15.935], + [-2.847, -4.471], + [0, 0], + [0, 0], + [0, 0], + [-3.199, 0], + [0, 15.933], + [3.158, 4.627], + [0, 0] + ], + "o": [ + [-2.831, -0.928], + [-15.934, 0], + [0, 5.692], + [0, 0], + [0, 0], + [0, 0], + [2.875, 0.962], + [15.934, 0], + [0, -6.026], + [0, 0], + [0, 0] + ], + "v": [ + [-28.853, 30.507], + [-37.84, 29.06], + [-66.691, 57.911], + [-62.173, 73.366], + [-81.743, 93.661], + [-61.673, 109.13], + [-46.983, 85.258], + [-37.84, 86.762], + [-8.99, 57.911], + [-14.001, 41.668], + [81.743, -109.13] + ] + } + } + }, + { "ty": "mm", "nm": "M", "mm": 1 }, + { + "ty": "fl", + "nm": "F", + "c": { "a": 0, "k": [0.977, 0.224, 0.126] }, + "r": 1, + "o": { "a": 0, "k": 100 } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [81.993, 109.381] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + } + ], + "ind": 1 + }, + { + "ty": 4, + "nm": "L", + "sr": 1, + "st": 0, + "op": 50, + "ip": 0, + "hasMask": false, + "ao": 0, + "ks": { + "a": { "a": 0, "k": [301.194, 151.151] }, + "s": { "a": 0, "k": [264, 264] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [959, 551] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + }, + "ef": [], + "shapes": [ + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [5.243, -0.333], + [0, 0], + [-6.281, 0], + [0, 0], + [-6.174, -0.373], + [0, 0], + [4.983, 0.107] + ], + "o": [ + [0, 0], + [6.292, -0.398], + [0, 0], + [6.13, 0], + [0, 0], + [-5.228, -0.324], + [-5.258, 0] + ], + "v": [ + [-15.706, 25.337], + [-18.872, -24.739], + [0.076, -25.337], + [0.321, -25.337], + [18.872, -24.773], + [15.825, 25.314], + [0.101, 24.837] + ] + } + } + }, + { + "ty": "fl", + "nm": "F", + "c": { "a": 0, "k": [1, 0.545, 0] }, + "r": 1, + "o": { "a": 0, "k": 100 } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [300.999, 25.588] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [0, 0], + [10.275, 1.931], + [0, 0], + [-11.961, -3.866] + ], + "o": [ + [-9.956, -3.219], + [0, 0], + [12.348, 2.328], + [0, 0] + ], + "v": [ + [7.533, 28.537], + [-22.959, 20.776], + [-13.678, -28.537], + [22.959, -19.207] + ] + } + } + }, + { + "ty": "fl", + "nm": "F", + "c": { "a": 0, "k": [1, 0.545, 0] }, + "r": 1, + "o": { "a": 0, "k": 100 } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [371.035, 33.995] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [9.925, -3.234], + [0, 0], + [-12.371, 2.361], + [0, 0] + ], + "o": [ + [0, 0], + [11.922, -3.876], + [0, 0], + [-10.307, 1.97] + ], + "v": [ + [-7.479, 28.559], + [-23.008, -19.157], + [13.6, -28.559], + [23.008, 20.724] + ] + } + } + }, + { + "ty": "fl", + "nm": "F", + "c": { "a": 0, "k": [1, 0.545, 0] }, + "r": 1, + "o": { "a": 0, "k": 100 } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [231.043, 34.14] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [0, 0], + [9.471, 4.449], + [0, 0], + [-10.618, -6.732] + ], + "o": [ + [-8.85, -5.61], + [0, 0], + [11.373, 5.341], + [0, 0] + ], + "v": [ + [0.375, 30.286], + [-27.236, 15.127], + [-5.902, -30.286], + [27.236, -12.089] + ] + } + } + }, + { + "ty": "fl", + "nm": "F", + "c": { "a": 0, "k": [1, 0.545, 0] }, + "r": 1, + "o": { "a": 0, "k": 100 } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [435.086, 58.975] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [8.832, -5.62], + [0, 0], + [-11.341, 5.36], + [0, 0] + ], + "o": [ + [0, 0], + [10.596, -6.737], + [0, 0], + [-9.457, 4.469] + ], + "v": [ + [-0.311, 30.284], + [-27.251, -12.047], + [5.809, -30.284], + [27.251, 15.079] + ] + } + } + }, + { + "ty": "fl", + "nm": "F", + "c": { "a": 0, "k": [1, 0.545, 0] }, + "r": 1, + "o": { "a": 0, "k": 100 } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [167.075, 59.223] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [0, 0], + [8.061, 6.664], + [0, 0], + [-8.619, -9.148] + ], + "o": [ + [-7.202, -7.634], + [0, 0], + [9.663, 7.981], + [0, 0] + ], + "v": [ + [-6.75, 30.114], + [-29.755, 8.564], + [2.202, -30.114], + [29.755, -4.303] + ] + } + } + }, + { + "ty": "fl", + "nm": "F", + "c": { "a": 0, "k": [1, 0.545, 0] }, + "r": 1, + "o": { "a": 0, "k": 100 } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [490.71, 99.204] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [7.161, -7.629], + [0, 0], + [-9.675, 8.017], + [0, 0] + ], + "o": [ + [0, 0], + [8.59, -9.153], + [0, 0], + [-8.068, 6.683] + ], + "v": [ + [6.816, 30.105], + [-29.767, -4.233], + [-2.244, -30.105], + [29.767, 8.536] + ] + } + } + }, + { + "ty": "fl", + "nm": "F", + "c": { "a": 0, "k": [1, 0.545, 0] }, + "r": 1, + "o": { "a": 0, "k": 100 } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [111.544, 99.522] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [0, 0], + [6.168, 8.452], + [0, 0], + [-6.081, -10.985] + ], + "o": [ + [-5.071, -9.163], + [0, 0], + [7.394, 10.133], + [0, 0] + ], + "v": [ + [-13.482, 28.062], + [-30.421, 1.514], + [10.111, -28.062], + [30.421, 3.768] + ] + } + } + }, + { + "ty": "fl", + "nm": "F", + "c": { "a": 0, "k": [1, 0.545, 0] }, + "r": 1, + "o": { "a": 0, "k": 100 } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [534.491, 152.025] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [5.042, -9.158], + [0, 0], + [-7.399, 10.178], + [0, 0] + ], + "o": [ + [0, 0], + [6.051, -10.986], + [0, 0], + [-6.168, 8.487] + ], + "v": [ + [13.528, 28.05], + [-30.424, 3.845], + [-10.156, -28.05], + [30.424, 1.458] + ] + } + } + }, + { + "ty": "fl", + "nm": "F", + "c": { "a": 0, "k": [1, 0.545, 0] }, + "r": 1, + "o": { "a": 0, "k": 100 } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [67.843, 152.439] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [0, 0], + [3.866, 9.707], + [0, 0], + [-3.146, -12.181] + ], + "o": [ + [-2.622, -10.138], + [0, 0], + [4.65, 11.666], + [0, 0] + ], + "v": [ + [-19.401, 24.239], + [-29.176, -5.67], + [17.431, -24.239], + [29.177, 11.696] + ] + } + } + }, + { + "ty": "fl", + "nm": "F", + "c": { "a": 0, "k": [1, 0.545, 0] }, + "r": 1, + "o": { "a": 0, "k": 100 } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [563.646, 214.181] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [2.592, -10.138], + [0, 0], + [-4.633, 11.706], + [0, 0] + ], + "o": [ + [0, 0], + [3.116, -12.176], + [0, 0], + [-3.856, 9.736] + ], + "v": [ + [19.448, 24.213], + [-29.164, 11.777], + [-17.488, -24.213], + [29.164, -5.74] + ] + } + } + }, + { + "ty": "fl", + "nm": "F", + "c": { "a": 0, "k": [1, 0.545, 0] }, + "r": 1, + "o": { "a": 0, "k": 100 } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [38.788, 214.707] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [0, 0], + [1.319, 10.363], + [0, 0], + [-0.021, -12.573] + ], + "o": [ + [-0.02, -10.495], + [0, 0], + [1.583, 12.427], + [0, 0] + ], + "v": [ + [-24.081, 18.884], + [-26.095, -12.552], + [23.679, -18.884], + [26.095, 18.797] + ] + } + } + }, + { + "ty": "fl", + "nm": "F", + "c": { "a": 0, "k": [1, 0.545, 0] }, + "r": 1, + "o": { "a": 0, "k": 100 } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [576.253, 281.882] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + }, + { + "ty": "gr", + "nm": "G", + "it": [ + { + "ty": "sh", + "nm": "P", + "d": 1, + "ks": { + "a": 0, + "k": { + "c": true, + "i": [ + [0, 0], + [0, 0], + [-1.55, 12.426], + [0, 0], + [0, -10.504], + [0, 0] + ], + "o": [ + [0, 0], + [0, -12.412], + [0, 0], + [-1.293, 10.374], + [0, 0], + [0, 0] + ], + "v": [ + [-26.062, 19.492], + [-26.062, 18.022], + [-23.726, -19.492], + [26.062, -13.279], + [24.112, 18.183], + [24.112, 19.169] + ] + } + } + }, + { + "ty": "fl", + "nm": "F", + "c": { "a": 0, "k": [1, 0.545, 0] }, + "r": 1, + "o": { "a": 0, "k": 100 } + }, + { + "ty": "tr", + "a": { "a": 0, "k": [0, 0] }, + "s": { "a": 0, "k": [100, 100] }, + "sk": { "a": 0, "k": 0 }, + "p": { "a": 0, "k": [26.312, 283.118] }, + "r": { "a": 0, "k": 0 }, + "sa": { "a": 0, "k": 0 }, + "o": { "a": 0, "k": 100 } + } + ] + } + ], + "ind": 2 + } + ], + "v": "5.9.3", + "fr": 20, + "op": 50, + "ip": 0, + "assets": [] +} diff --git a/website/theme/components/Features/assets/Speedometer.svg b/website/theme/components/Features/assets/Speedometer.svg new file mode 100644 index 0000000..5c3a7e1 --- /dev/null +++ b/website/theme/components/Features/assets/Speedometer.svg @@ -0,0 +1,73 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file