Merge version_1 into main #2
292
src/app/page.tsx
292
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..."}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -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() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardTwo
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Choose the plan that fits your analytics needs"
|
||||
tag="Pricing"
|
||||
tagIcon={DollarSign}
|
||||
tagAnimation="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "starter", badge: "Starter", badgeIcon: Rocket,
|
||||
price: "$299/mo", subtitle: "Perfect for early-stage projects", buttons: [
|
||||
{ text: "Get Started", href: "#" },
|
||||
{ text: "Talk to Sales", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Up to 10 protocols", "1M API calls/month", "Email support", "Basic dashboard", "Standard integrations"],
|
||||
},
|
||||
{
|
||||
id: "professional", badge: "Professional", badgeIcon: Sparkles,
|
||||
price: "$999/mo", subtitle: "Best for growing teams", buttons: [
|
||||
{ text: "Get Started", href: "#" },
|
||||
{ text: "Talk to Sales", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Unlimited protocols", "50M API calls/month", "Priority support", "Advanced dashboards", "Custom integrations", "Webhooks & streaming"],
|
||||
},
|
||||
{
|
||||
id: "enterprise", badge: "Enterprise", badgeIcon: Crown,
|
||||
price: "Custom", subtitle: "For mission-critical deployments", buttons: [
|
||||
{ text: "Contact Sales", href: "#" },
|
||||
{ text: "Schedule Demo", href: "#" },
|
||||
],
|
||||
features: [
|
||||
"Everything in Professional", "Unlimited API calls", "24/7 dedicated support", "Custom SLA", "On-premise deployment", "Advanced security features"],
|
||||
},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTwo
|
||||
title="Meet Our Team"
|
||||
description="Talented experts building the future of blockchain analytics"
|
||||
tag="Team"
|
||||
tagIcon={Users}
|
||||
tagAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "1", name: "Alexander Chen", role: "Founder & CEO", description: "Former blockchain engineer at Consensys. PhD in distributed systems.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/professional-headshot-of-a-confident-bus-1772574778726-3553c500.png", imageAlt: "Alexander Chen", socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Twitter, url: "https://twitter.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2", name: "Sarah Martinez", role: "CTO", description: "Led data infrastructure at Stripe. 12+ years in systems design.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/professional-headshot-of-a-skilled-tech--1772574779768-271b9118.png", imageAlt: "Sarah Martinez", socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Github, url: "https://github.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3", name: "James Patterson", role: "Head of Product", description: "Previously at Figma building enterprise features. Product strategist.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/professional-headshot-of-an-experienced--1772574779389-1be87267.png", imageAlt: "James Patterson", socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Twitter, url: "https://twitter.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "4", name: "Emma Thompson", role: "VP Marketing", description: "Growth lead at Protocol Labs. B2B SaaS specialist.", imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/professional-headshot-of-a-marketing-str-1772574779602-0b341fb0.png", imageAlt: "Emma Thompson", socialLinks: [
|
||||
{ icon: Linkedin, url: "https://linkedin.com" },
|
||||
{ icon: Twitter, url: "https://twitter.com" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
title="Trusted by Industry Leaders"
|
||||
description="See what customers say about Kit"
|
||||
@@ -218,65 +264,29 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Michael Chen",
|
||||
role: "CEO",
|
||||
company: "DeFi Capital",
|
||||
rating: 5,
|
||||
id: "1", name: "Michael Chen", role: "CEO", company: "DeFi Capital", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/professional-portrait-of-a-satisfied-cus-1772574779453-717f42f1.png",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/professional-portrait-of-a-satisfied-cus-1772574779453-717f42f1.png", imageAlt: "Michael Chen"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Lisa Rodriguez",
|
||||
role: "VP Analytics",
|
||||
company: "CryptoFlow Labs",
|
||||
rating: 5,
|
||||
id: "2", name: "Lisa Rodriguez", role: "VP Analytics", company: "CryptoFlow Labs", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/professional-portrait-of-a-happy-client--1772574779566-132a7850.png",
|
||||
imageAlt: "Lisa Rodriguez",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/professional-portrait-of-a-happy-client--1772574779566-132a7850.png", imageAlt: "Lisa Rodriguez"},
|
||||
{
|
||||
id: "3",
|
||||
name: "David Kim",
|
||||
role: "Data Lead",
|
||||
company: "BlockAnalytics",
|
||||
rating: 5,
|
||||
id: "3", name: "David Kim", role: "Data Lead", company: "BlockAnalytics", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/professional-portrait-of-a-content-custo-1772574778959-1a2d8618.png",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/professional-portrait-of-a-content-custo-1772574778959-1a2d8618.png", imageAlt: "David Kim"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sarah Johnson",
|
||||
role: "Founder",
|
||||
company: "Protocol Ventures",
|
||||
rating: 5,
|
||||
id: "4", name: "Sarah Johnson", role: "Founder", company: "Protocol Ventures", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/professional-portrait-of-a-successful-bu-1772574781793-29c82695.png",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/professional-portrait-of-a-successful-bu-1772574781793-29c82695.png", imageAlt: "Sarah Johnson"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Marcus Thompson",
|
||||
role: "CRO",
|
||||
company: "Data Markets Inc",
|
||||
rating: 5,
|
||||
id: "5", name: "Marcus Thompson", role: "CRO", company: "Data Markets Inc", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/professional-portrait-of-a-tech-leader-c-1772574778989-599897d5.png",
|
||||
imageAlt: "Marcus Thompson",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/professional-portrait-of-a-tech-leader-c-1772574778989-599897d5.png", imageAlt: "Marcus Thompson"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Emily Wang",
|
||||
role: "Product Manager",
|
||||
company: "TechFlow Ventures",
|
||||
rating: 5,
|
||||
id: "6", name: "Emily Wang", role: "Product Manager", company: "TechFlow Ventures", rating: 5,
|
||||
imageSrc:
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/professional-portrait-of-a-satisfied-ent-1772574779259-c7c84f1d.png",
|
||||
imageAlt: "Emily Wang",
|
||||
},
|
||||
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/professional-portrait-of-a-satisfied-ent-1772574779259-c7c84f1d.png", imageAlt: "Emily Wang"},
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
@@ -285,12 +295,49 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about Kit"
|
||||
tag="Help"
|
||||
tagIcon={HelpCircle}
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1", title: "What blockchains does Kit support?", content:
|
||||
"Kit supports all major blockchains including Ethereum, Arbitrum, Optimism, Polygon, Avalanche, and more. We continuously add new chains based on community demand."},
|
||||
{
|
||||
id: "2", title: "How often is data updated?", content:
|
||||
"Our analytics engine processes blockchain data with sub-second latency. Most metrics update in real-time as transactions are confirmed on-chain."},
|
||||
{
|
||||
id: "3", title: "Can I customize dashboards?", content:
|
||||
"Yes! Professional and Enterprise plans include full dashboard customization, custom metrics, and white-label options for partners."},
|
||||
{
|
||||
id: "4", title: "What's your data retention policy?", content:
|
||||
"We retain full historical data for all accounts. Starter plans have 90 days of query access, while Professional and Enterprise have unlimited historical access."},
|
||||
{
|
||||
id: "5", title: "Do you offer API access?", content:
|
||||
"All plans include REST API access. Professional and Enterprise plans also get WebSocket streaming, webhooks, and GraphQL endpoints."},
|
||||
{
|
||||
id: "6", title: "What about data security?", content:
|
||||
"We maintain SOC 2 Type II compliance, end-to-end encryption, role-based access control, and regular security audits. Enterprise customers can request on-premise deployment."},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AS8KzCErPpy44KVNgLaO3UeMq8/customer-support-representative-helping--1772574779783-e36e4ffe.png"
|
||||
imageAlt="Customer support team"
|
||||
mediaAnimation="blur-reveal"
|
||||
mediaPosition="left"
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
title: "Product", items: [
|
||||
{ label: "Features", href: "#features" },
|
||||
{ label: "Pricing", href: "/pricing" },
|
||||
{ label: "Security", href: "#" },
|
||||
@@ -298,8 +345,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Careers", href: "#" },
|
||||
@@ -307,8 +353,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Developers",
|
||||
items: [
|
||||
title: "Developers", items: [
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "API Reference", href: "#" },
|
||||
{ label: "GitHub", href: "#" },
|
||||
@@ -316,8 +361,7 @@ export default function HomePage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Cookie Policy", href: "#" },
|
||||
|
||||
Reference in New Issue
Block a user