From b9b611f24fa02017c93222d2cb4a561f013301db Mon Sep 17 00:00:00 2001 From: bender Date: Sun, 21 Jun 2026 17:51:59 +0000 Subject: [PATCH] Update src/pages/HomePage.tsx --- src/pages/HomePage.tsx | 258 +++++++++++++++++++---------------------- 1 file changed, 121 insertions(+), 137 deletions(-) diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx index 07cad78..7d5cbe3 100644 --- a/src/pages/HomePage.tsx +++ b/src/pages/HomePage.tsx @@ -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 ( <> -
- +
+ - -
+ 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" + /> + +
-
- +
+ - -
+ 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." + ]} + /> + +
-
- +
+ - -
+ 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" + } + ]} + /> + +
-
- +
+ - -
+ 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" } + ]} + /> + +
-
- +
+ - -
+ 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+" } + ]} + /> + +
-
- +
+ - -
+ 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" } + ]} + /> + +
-
- +
+ - -
+ 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." } + ] + } + ]} + /> + +
-
- +
+ - -
+ tag="Get Started" + text="Join the Aerodrome ecosystem today." + primaryButton={{ text: "Launch App", href: "#" }} + secondaryButton={{ text: "Read Docs", href: "#" }} + /> + +
); } -- 2.49.1