Merge version_1_1782064186367 into main #2
@@ -6,163 +6,147 @@ import FeaturesMediaCarousel from '@/components/sections/features/FeaturesMediaC
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import MetricsIconCards from '@/components/sections/metrics/MetricsIconCards';
|
||||
import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
|
||||
import { TrendingUp, Users, Zap } from "lucide-react";
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<div id="hero" data-section="hero">
|
||||
<SectionErrorBoundary name="hero">
|
||||
<HeroBillboard
|
||||
title="Trade. Earn. Take to the Skies."
|
||||
description="Aerodrome is the central liquidity hub for the Base network, designed to provide the deepest liquidity and most efficient swaps for any asset."
|
||||
primaryButton={{
|
||||
text: "Launch App", href: "#swap"}}
|
||||
secondaryButton={{
|
||||
text: "Learn More", href: "#about"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-particle-burst-background_1017-3286.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Trade. Earn. Take to the Skies."
|
||||
description="Aerodrome is the central liquidity hub for the Base network, designed to provide the deepest liquidity and most efficient swaps for any asset."
|
||||
primaryButton={{
|
||||
text: "Launch App", href: "#swap"
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Learn More", href: "#about"
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-particle-burst-background_1017-3286.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutTextSplit
|
||||
title="Built for Base"
|
||||
descriptions={[
|
||||
"Aerodrome Finance is designed as the core trading hub for the Base network. By inheriting the architecture of our proven models, we ensure high efficiency and low fees for every transaction.", "Whether you are swapping tokens, providing liquidity, or participating in governance, our infrastructure is built to scale and secure your assets."]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Built for Base"
|
||||
descriptions={[
|
||||
"Aerodrome Finance is designed as the core trading hub for the Base network. By inheriting the architecture of our proven models, we ensure high efficiency and low fees for every transaction.", "Whether you are swapping tokens, providing liquidity, or participating in governance, our infrastructure is built to scale and secure your assets."
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesMediaCarousel
|
||||
tag="Capabilities"
|
||||
title="Why Choose Aerodrome?"
|
||||
description="Powerful tools to manage your assets efficiently."
|
||||
items={[
|
||||
{
|
||||
title: "High-Speed Swaps", description: "Instant execution with minimal slippage.", buttonIcon: "Zap", imageSrc: "http://img.b2bpic.net/free-photo/modern-trading-setup-with-monitor-running-forex-trends-going-up_482257-126331.jpg"},
|
||||
{
|
||||
title: "Robust Security", description: "Inheriting proven contract architectures.", buttonIcon: "Shield", imageSrc: "http://img.b2bpic.net/free-photo/finance-technology-with-forex-trading-graph-background_53876-104208.jpg"},
|
||||
{
|
||||
title: "Global Liquidity", description: "Deep markets for any asset class.", buttonIcon: "Globe", imageSrc: "http://img.b2bpic.net/free-photo/abstract-networking-concept-still-life-composition_23-2149035698.jpg"},
|
||||
{
|
||||
title: "Automated Yields", description: "Earn rewards on your idle deposits.", buttonIcon: "TrendingUp", imageSrc: "http://img.b2bpic.net/free-photo/stock-exchange-trading-forex-finance-graphic-concept_53876-120906.jpg"},
|
||||
{
|
||||
title: "Governance Power", description: "Vote on the future of the network.", buttonIcon: "Vote", imageSrc: "http://img.b2bpic.net/free-photo/black-male-ceo-dealing-with-back-pain-stretching-his-muscles-desk_482257-127929.jpg"},
|
||||
{
|
||||
title: "Base Integration", description: "Optimized for the Base ecosystem.", buttonIcon: "Database", imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160247.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Capabilities"
|
||||
title="Why Choose Aerodrome?"
|
||||
description="Powerful tools to manage your assets efficiently."
|
||||
items={[
|
||||
{
|
||||
title: "High-Speed Swaps", description: "Instant execution with minimal slippage.", buttonIcon: "Zap", imageSrc: "http://img.b2bpic.net/free-photo/modern-trading-setup-with-monitor-running-forex-trends-going-up_482257-126331.jpg"
|
||||
},
|
||||
{
|
||||
title: "Robust Security", description: "Inheriting proven contract architectures.", buttonIcon: "Shield", imageSrc: "http://img.b2bpic.net/free-photo/finance-technology-with-forex-trading-graph-background_53876-104208.jpg"
|
||||
},
|
||||
{
|
||||
title: "Global Liquidity", description: "Deep markets for any asset class.", buttonIcon: "Globe", imageSrc: "http://img.b2bpic.net/free-photo/abstract-networking-concept-still-life-composition_23-2149035698.jpg"
|
||||
},
|
||||
{
|
||||
title: "Automated Yields", description: "Earn rewards on your idle deposits.", buttonIcon: "TrendingUp", imageSrc: "http://img.b2bpic.net/free-photo/stock-exchange-trading-forex-finance-graphic-concept_53876-120906.jpg"
|
||||
},
|
||||
{
|
||||
title: "Governance Power", description: "Vote on the future of the network.", buttonIcon: "Vote", imageSrc: "http://img.b2bpic.net/free-photo/black-male-ceo-dealing-with-back-pain-stretching-his-muscles-desk_482257-127929.jpg"
|
||||
},
|
||||
{
|
||||
title: "Base Integration", description: "Optimized for the Base ecosystem.", buttonIcon: "Database", imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160247.jpg"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="product" data-section="product">
|
||||
<SectionErrorBoundary name="product">
|
||||
<div id="product" data-section="product">
|
||||
<SectionErrorBoundary name="product">
|
||||
<FeaturesImageBento
|
||||
tag="Hub Features"
|
||||
title="Your Financial Hub"
|
||||
description="Tools designed for every liquidity need."
|
||||
items={[
|
||||
{
|
||||
title: "Asset Management", description: "Track your portfolio in real-time.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-kit-collection_23-2149200480.jpg"},
|
||||
{
|
||||
title: "Token Swapping", description: "Trade across hundreds of pairs.", imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface-template-collection_23-2148593866.jpg"},
|
||||
{
|
||||
title: "Governance", description: "Influence protocol changes.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-neon-cross_23-2150913412.jpg"},
|
||||
{
|
||||
title: "Performance Tracking", description: "Visualise your historical growth.", imageSrc: "http://img.b2bpic.net/free-photo/data-analysis-results-summary-graph-chart-word-graphic_53876-133686.jpg"},
|
||||
{
|
||||
title: "Secure Vaults", description: "Lock assets for higher rewards.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-advisor-reviewing-legal-balance-desk-green-screen_482257-121489.jpg"},
|
||||
{
|
||||
title: "Farming Rewards", description: "Active earning mechanisms.", imageSrc: "http://img.b2bpic.net/free-vector/creative-agriculture-25-blue-icon-pack-such-as-agriculture-garden-agriculture-farming-agriculture_1142-26733.jpg"},
|
||||
{
|
||||
title: "Swap Settings", description: "Customize your trading experience.", imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Hub Features"
|
||||
title="Your Financial Hub"
|
||||
description="Tools designed for every liquidity need."
|
||||
items={[
|
||||
{ title: "Asset Management", description: "Track your portfolio in real-time.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-kit-collection_23-2149200480.jpg" },
|
||||
{ title: "Token Swapping", description: "Trade across hundreds of pairs.", imageSrc: "http://img.b2bpic.net/free-vector/banking-app-interface-template-collection_23-2148593866.jpg" },
|
||||
{ title: "Governance", description: "Influence protocol changes.", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-neon-cross_23-2150913412.jpg" },
|
||||
{ title: "Performance Tracking", description: "Visualise your historical growth.", imageSrc: "http://img.b2bpic.net/free-photo/data-analysis-results-summary-graph-chart-word-graphic_53876-133686.jpg" },
|
||||
{ title: "Secure Vaults", description: "Lock assets for higher rewards.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-advisor-reviewing-legal-balance-desk-green-screen_482257-121489.jpg" },
|
||||
{ title: "Farming Rewards", description: "Active earning mechanisms.", imageSrc: "http://img.b2bpic.net/free-vector/creative-agriculture-25-blue-icon-pack-such-as-agriculture-garden-agriculture-farming-agriculture_1142-26733.jpg" },
|
||||
{ title: "Swap Settings", description: "Customize your trading experience.", imageSrc: "http://img.b2bpic.net/free-photo/cool-different-types-buttons_23-2150170585.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<div id="metrics" data-section="metrics">
|
||||
<SectionErrorBoundary name="metrics">
|
||||
<MetricsIconCards
|
||||
tag="Performance"
|
||||
title="Ecosystem Metrics"
|
||||
description="Tracking growth in the Base liquidity space."
|
||||
metrics={[
|
||||
{
|
||||
icon: "TrendingUp", title: "Total Value Locked", value: "$1.2B"},
|
||||
{
|
||||
icon: "Users", title: "Active Liquidity Providers", value: "50k+"},
|
||||
{
|
||||
icon: "Zap", title: "Daily Transactions", value: "150k+"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Performance"
|
||||
title="Ecosystem Metrics"
|
||||
description="Tracking growth in the Base liquidity space."
|
||||
metrics={[
|
||||
{ icon: "TrendingUp", title: "Total Value Locked", value: "$1.2B" },
|
||||
{ icon: "Users", title: "Active Liquidity Providers", value: "50k+" },
|
||||
{ icon: "Zap", title: "Daily Transactions", value: "150k+" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Trusted by Experts"
|
||||
title="Community Voices"
|
||||
description="What users say about our ecosystem."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivers", role: "DeFi Developer", company: "CryptoBuilders", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-young-handsome-man-working-laptop_1262-3582.jpg"},
|
||||
{
|
||||
name: "Sarah Chen", role: "Blockchain Analyst", company: "TokenInsights", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-students-classroom_329181-13009.jpg"},
|
||||
{
|
||||
name: "Markus Vogt", role: "Liquidity Provider", company: "YieldHunters", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-worker-reading-annual-reports_482257-75598.jpg"},
|
||||
{
|
||||
name: "Elena Rossi", role: "Fintech Lead", company: "BaseBuilders", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg"},
|
||||
{
|
||||
name: "David Thorne", role: "DeFi Lead", company: "ExchangeTech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Trusted by Experts"
|
||||
title="Community Voices"
|
||||
description="What users say about our ecosystem."
|
||||
testimonials={[
|
||||
{ name: "Alex Rivers", role: "DeFi Developer", company: "CryptoBuilders", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pensive-young-handsome-man-working-laptop_1262-3582.jpg" },
|
||||
{ name: "Sarah Chen", role: "Blockchain Analyst", company: "TokenInsights", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-students-classroom_329181-13009.jpg" },
|
||||
{ name: "Markus Vogt", role: "Liquidity Provider", company: "YieldHunters", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/office-worker-reading-annual-reports_482257-75598.jpg" },
|
||||
{ name: "Elena Rossi", role: "Fintech Lead", company: "BaseBuilders", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-confident-bearded-man-brown-suit-wearing-glasses-looking-camera-smiling-cheerfully-with-arms-crossed-standing-purple-background_141793-110713.jpg" },
|
||||
{ name: "David Thorne", role: "DeFi Lead", company: "ExchangeTech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-industry-technician-high-tech-factory-inspection-quality-control-production_482257-132256.jpg" }
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<div id="faq" data-section="faq">
|
||||
<SectionErrorBoundary name="faq">
|
||||
<FaqTabbedAccordion
|
||||
tag="Support"
|
||||
title="Need Help?"
|
||||
description="Everything you need to know about Aerodrome."
|
||||
categories={[
|
||||
{
|
||||
name: "General", items: [
|
||||
{
|
||||
question: "What is Aerodrome?", answer: "The core trading and liquidity hub for the Base network."},
|
||||
{
|
||||
question: "How do I earn rewards?", answer: "Deposit your tokens into liquidity pools."},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Support"
|
||||
title="Need Help?"
|
||||
description="Everything you need to know about Aerodrome."
|
||||
categories={[
|
||||
{
|
||||
name: "General", items: [
|
||||
{ question: "What is Aerodrome?", answer: "The core trading and liquidity hub for the Base network." },
|
||||
{ question: "How do I earn rewards?", answer: "Deposit your tokens into liquidity pools." }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<div id="contact" data-section="contact">
|
||||
<SectionErrorBoundary name="contact">
|
||||
<ContactCta
|
||||
tag="Get Started"
|
||||
text="Join the Aerodrome ecosystem today."
|
||||
primaryButton={{
|
||||
text: "Launch App", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "Read Docs", href: "#"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Get Started"
|
||||
text="Join the Aerodrome ecosystem today."
|
||||
primaryButton={{ text: "Launch App", href: "#" }}
|
||||
secondaryButton={{ text: "Read Docs", href: "#" }}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user