diff --git a/src/app/page.tsx b/src/app/page.tsx index 5462163..a80818d 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -72,11 +72,9 @@ export default function HomePage() { buttonAnimation="blur-reveal" background={{ variant: "radial-gradient" }} dashboard={{ - title: "On-Chain Metrics Hub", - logoIcon: Hexagon, + title: "On-Chain Metrics Hub", logoIcon: Hexagon, imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/a-premium-saas-dashboard-interface-with--1772574780490-1bb7cc92.png", - buttons: [ + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/a-premium-saas-dashboard-interface-with--1772574780490-1bb7cc92.png", buttons: [ { text: "Dashboard", href: "#" }, { text: "Export CSV", href: "#" }, ], @@ -87,52 +85,34 @@ export default function HomePage() { ], stats: [ { - title: "Protocol Revenue", - values: [1784250, 2458900, 3127500], - valuePrefix: "$", - description: "Total protocol fees.", - }, + title: "Protocol Revenue", values: [1784250, 2458900, 3127500], + valuePrefix: "$", description: "Total protocol fees."}, { - title: "Trading Volume", - values: [7.84, 12.5, 9.32], - valuePrefix: "$", - valueSuffix: "M", - description: "24h transaction flow.", - }, + title: "Trading Volume", values: [7.84, 12.5, 9.32], + valuePrefix: "$", valueSuffix: "M", description: "24h transaction flow."}, { - title: "Active Wallets", - values: [11240, 15680, 13450], - description: "Connected wallets.", - }, + title: "Active Wallets", values: [11240, 15680, 13450], + description: "Connected wallets."}, ], - chartTitle: "Staking Rewards", - chartData: [ + chartTitle: "Staking Rewards", chartData: [ { value: 50 }, { value: 30 }, { value: 70 }, { value: 40 }, { value: 90 }, ], - listTitle: "Treasury Transfers", - listItems: [ + listTitle: "Treasury Transfers", listItems: [ { icon: CircleDollarSign, - title: "$12,000 USDC", - status: "Confirmed", - }, + title: "$12,000 USDC", status: "Confirmed"}, { icon: ArrowLeftRight, - title: "Swap: 5 ETH", - status: "Executed", - }, + title: "Swap: 5 ETH", status: "Executed"}, { icon: Send, - title: "Transfer: 2,500 DAI", - status: "Confirmed", - }, + title: "Transfer: 2,500 DAI", status: "Confirmed"}, ], - searchPlaceholder: "Search protocols...", - }} + searchPlaceholder: "Search protocols..."}} /> @@ -147,7 +127,7 @@ export default function HomePage() { { value: "50+", title: "Enterprise Clients" }, { value: "$10M+", title: "TVL Tracked" }, ]} - imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/modern-office-environment-showcasing-dig-1772574779587-350023dd.png?_wi=1" + imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/modern-office-environment-showcasing-dig-1772574779587-350023dd.png" imageAlt="Kit analytics platform in action" mediaAnimation="blur-reveal" metricsAnimation="slide-up" @@ -164,41 +144,21 @@ export default function HomePage() { tagAnimation="slide-up" features={[ { - id: "1", - title: "Real-Time Analytics", - description: - "Stream live data from multiple blockchains with sub-second latency. Monitor protocol metrics, trading volumes, and wallet movements as they happen.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/real-time-data-analytics-visualization-m-1772574779897-392f1d2d.png", - imageAlt: "Real-time analytics dashboard", - }, + id: "1", title: "Real-Time Analytics", description: + "Stream live data from multiple blockchains with sub-second latency. Monitor protocol metrics, trading volumes, and wallet movements as they happen.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/real-time-data-analytics-visualization-m-1772574779897-392f1d2d.png", imageAlt: "Real-time analytics dashboard"}, { - id: "2", - title: "Smart Integrations", - description: - "Connect Kit with your existing tools seamlessly. API-first architecture supports webhooks, REST endpoints, and custom integrations with zero friction.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/integration-and-api-management-interface-1772574779935-c6992b6f.png", - imageAlt: "Integration interface", - }, + id: "2", title: "Smart Integrations", description: + "Connect Kit with your existing tools seamlessly. API-first architecture supports webhooks, REST endpoints, and custom integrations with zero friction.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/integration-and-api-management-interface-1772574779935-c6992b6f.png", imageAlt: "Integration interface"}, { - id: "3", - title: "Enterprise Security", - description: - "Bank-grade encryption, SOC 2 compliance, and role-based access control. Your blockchain data stays secure with enterprise-grade infrastructure.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/security-and-compliance-dashboard-lock-i-1772574779882-302bb06d.png", - imageAlt: "Security dashboard", - }, + id: "3", title: "Enterprise Security", description: + "Bank-grade encryption, SOC 2 compliance, and role-based access control. Your blockchain data stays secure with enterprise-grade infrastructure.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/security-and-compliance-dashboard-lock-i-1772574779882-302bb06d.png", imageAlt: "Security dashboard"}, { - id: "4", - title: "Custom Reports", - description: - "Generate comprehensive reports instantly. Export data in multiple formats and schedule automated reports to stakeholders.", - imageSrc: - "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/custom-reporting-and-export-functionalit-1772574780686-5f2f8a80.png", - imageAlt: "Report generation tool", - }, + id: "4", title: "Custom Reports", description: + "Generate comprehensive reports instantly. Export data in multiple formats and schedule automated reports to stakeholders.", imageSrc: + "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/custom-reporting-and-export-functionalit-1772574780686-5f2f8a80.png", imageAlt: "Report generation tool"}, ]} gridVariant="four-items-2x2-equal-grid" animationType="slide-up" @@ -209,7 +169,93 @@ export default function HomePage() { /> -
+
+ +
+ +
+ +
+ +
+
+ +
+