import { useState } from 'react' import { motion } from 'framer-motion' import { Menu, X, Moon, Sun, Twitter, MessageCircle, Send, TrendingUp, Users, Zap, Shield, ChevronRight } from 'lucide-react' import { Button } from '@/components/ui/button' import { Container } from '@/components/ui/container' import { Sheet, SheetContent, SheetTrigger } from '@/components/ui/sheet' import { Card } from '@/components/ui/card' import { Switch } from '@/components/ui/switch' import { Label } from '@/components/ui/label' export default function App() { const [isDark, setIsDark] = useState(false) const [isOpen, setIsOpen] = useState(false) const toggleTheme = () => { setIsDark(!isDark) document.documentElement.classList.toggle('dark') } const testimonials = [ { name: "@CryptoKing", handle: "1.2M followers", quote: "This is the next 1000x gem! 🚀" }, { name: "@MoonShark", handle: "850K followers", quote: "Best tokenomics I've seen in ages" }, { name: "@DiamondHands", handle: "2.3M followers", quote: "Already 5x in presale! To the moon! 🌙" }, { name: "@WhaleHunter", handle: "650K followers", quote: "Serious team, real utility. Bullish!" }, { name: "@PumpMaster", handle: "1.8M followers", quote: "Perfect timing for the next cycle" }, ] const roadmap = [ { phase: "Phase 1", title: "Launch & Community", status: "completed", items: ["Token Creation", "Presale Launch", "Community Building", "DEX Listing"] }, { phase: "Phase 2", title: "Growth & Expansion", status: "current", items: ["CEX Listings", "Marketing Push", "Partnerships", "Staking Launch"] }, { phase: "Phase 3", title: "Ecosystem", status: "upcoming", items: ["NFT Marketplace", "Governance", "Mobile App", "Cross-chain Bridge"] }, { phase: "Phase 4", title: "Metaverse", status: "upcoming", items: ["Virtual World", "Play-to-Earn", "DAO Treasury", "Global Adoption"] }, ] const fundamentals = [ { icon: TrendingUp, title: "Deflationary Model", desc: "1% burn on every transaction" }, { icon: Shield, title: "Audited & Secure", desc: "Full smart contract audit completed" }, { icon: Zap, title: "Fast Transactions", desc: "Built on lightning-fast blockchain" }, { icon: Users, title: "Active Community", desc: "50K+ holders and growing daily" }, ] const tokenomics = [ { label: "Total Supply", value: "1,000,000,000", percentage: "100%" }, { label: "Liquidity Pool", value: "400,000,000", percentage: "40%" }, { label: "Marketing", value: "200,000,000", percentage: "20%" }, { label: "Team & Dev", value: "200,000,000", percentage: "20%" }, { label: "Staking Rewards", value: "150,000,000", percentage: "15%" }, { label: "Community", value: "50,000,000", percentage: "5%" }, ] const team = [ { name: "Alex Chen", role: "Founder & CEO", avatar: "AC" }, { name: "Sarah Kim", role: "CTO", avatar: "SK" }, { name: "Mike Johnson", role: "Head of Marketing", avatar: "MJ" }, { name: "Lisa Wong", role: "Lead Developer", avatar: "LW" }, ] return (

{/* Header */}

MEMECOIN

Dark Mode

{/* Hero Section */}

The Future of Meme Coins

Revolutionary tokenomics meets community-driven growth. Join the movement.

{/* Animated Coin */}

{/* Stats */}

50K+

Holders

$2.5M

Liquidity

150K

Community

10x

ATH Gains

{/* Floating Testimonials */}

{testimonials.map((testimonial, index) => (

{testimonial.name.charAt(1).toUpperCase()}

{testimonial.name}

{testimonial.handle}

{testimonial.quote}

))}

{/* Roadmap Section */}

Roadmap

Our journey to revolutionize the meme coin space

{roadmap.map((phase, index) => (

{phase.status.toUpperCase()}

{phase.phase}

{phase.title}

{phase.status === 'completed' ? (

) : (
)} {item}

))}

{/* Fundamentals Section */}

Fundamentals

Built on solid principles for long-term success

{fundamentals.map((item, index) => (

{item.title}

{item.desc}

))}

{/* Tokenomics Section */}

Tokenomics

Transparent and fair distribution for sustainable growth

{tokenomics.map((item, index) => (

{item.label}

{item.percentage}

{item.value}

))}

{/* Transaction Tax */}

Transaction Tax: 5%

Redistributed to Holders

Added to Liquidity

Token Burn

{/* Team Section */}

Meet the Team

Experienced professionals dedicated to our vision

{team.map((member, index) => (

{member.avatar}

{member.name}

{member.role}

))}

{/* Support Section */}

Join the Community

Connect with thousands of holders worldwide

Join 50K+ members

Twitter

Follow for updates

Discord

Chat with the team

{/* CTA */}

Ready to Join the Revolution?

Don't miss out on the next big thing in crypto

{/* Footer */}

) }

Meme Coin Launch Page Hero Component