"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Rocket, Zap, Users, Sparkles, Quote } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant={"directional-hover"}
      defaultTextAnimation={"background-highlight"}
      borderRadius={"sharp"}
      contentWidth={"smallMedium"}
      sizing={"largeSmallSizeMediumTitles"}
      background={"aurora"}
      cardStyle={"subtle-shadow"}
      primaryButtonStyle={"inset-glow"}
      secondaryButtonStyle={"radial-glow"}
      headingFontWeight={"bold"}
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="LaunchHub"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Team", id: "team" },
            { name: "Investors", id: "investors" },
            { name: "Metrics", id: "metrics" },
            { name: "Testimonials", id: "testimonials" }
          ]}
          button={{ text: "Get Started", href: "contact" }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboard
          title="The Future of Startup Success"
          description="Connect with top investors, showcase your team, and scale your vision. LaunchHub accelerates startup growth through intelligent investor matching and networking."
          background={{ variant: "aurora" }}
          tag="Backed by Leading VCs"
          tagIcon={Rocket}
          imageSrc="https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg"
          imageAlt="Startup team collaboration"
          buttons={[
            { text: "Start Pitching", href: "contact" },
            { text: "Explore Features", href: "features" }
          ]}
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg", alt: "Founder" },
            { src: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg", alt: "CTO" },
            { src: "https://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", alt: "Product Lead" }
          ]}
          avatarText="Join 500+ funded startups"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          title="Powerful Features for Growth"
          description="Everything you need to attract investors and scale your startup efficiently."
          tag="Why LaunchHub"
          tagIcon={Zap}
          imageSrc="https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg"
          imageAlt="Features showcase"
          mediaPosition="left"
          useInvertedBackground="noInvert"
          accordionItems={[
            {
              id: "1",              title: "Intelligent Investor Matching",              content: "Our AI-powered algorithm connects you with VCs and angel investors perfectly aligned with your industry, stage, and geography. Increase your chances of landing meetings with decision-makers."
            },
            {
              id: "2",              title: "Professional Pitch Deck Templates",              content: "Access investor-approved pitch deck templates designed by top startup advisors. Customize, collaborate, and share with investors in seconds."
            },
            {
              id: "3",              title: "Real-Time Analytics Dashboard",              content: "Track engagement, monitor investor interest, and measure your pitch effectiveness. Get actionable insights to refine your strategy."
            },
            {
              id: "4",              title: "Secure Document Sharing",              content: "Share sensitive financial documents and cap tables securely. Control access, track views, and manage permissions with enterprise-grade security."
            }
          ]}
          buttons={[{ text: "See All Features", href: "contact" }]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet Our Team"
          description="Experienced leaders from top tech and finance companies building the future of startup funding."
          tag="Leadership"
          tagIcon={Users}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          team={[
            {
              id: "1",              name: "Alex Chen",              role: "CEO & Founder",              imageSrc: "https://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",              imageAlt: "Alex Chen"
            },
            {
              id: "2",              name: "Jordan Williams",              role: "CTO & Co-Founder",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",              imageAlt: "Jordan Williams"
            },
            {
              id: "3",              name: "Sarah Martinez",              role: "VP Product",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",              imageAlt: "Sarah Martinez"
            },
            {
              id: "4",              name: "Michael Kumar",              role: "Head of Investor Relations",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",              imageAlt: "Michael Kumar"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="LaunchHub Impact"
          description="Proven results powering startup growth and investor success."
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          metrics={[
            { id: "1", value: "500+", description: "Funded Startups" },
            { id: "2", value: "$2.5B+", description: "Capital Connected" },
            { id: "3", value: "1000+", description: "Active Investors" },
            { id: "4", value: "94%", description: "Success Rate" }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Trusted by Founders & Investors"
          description="See what industry leaders are saying about LaunchHub."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="blur-reveal"
          speed={40}
          testimonials={[
            {
              id: "1",              name: "Emma Rodriguez",              handle: "@emmarodriguez",              testimonial: "LaunchHub connected us with the perfect investor in just three weeks. The platform made fundraising so much less daunting.",              imageSrc: "https://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg",              imageAlt: "Emma Rodriguez"
            },
            {
              id: "2",              name: "James Wilson",              handle: "@jameswilson",              testimonial: "As an investor, I love how streamlined LaunchHub makes deal sourcing. The quality of pitches is exceptional.",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "James Wilson"
            },
            {
              id: "3",              name: "Lisa Chen",              handle: "@lisachen",              testimonial: "The AI matching is incredibly accurate. Spent less time on irrelevant meetings and more time with investors who genuinely fit our vision.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              imageAlt: "Lisa Chen"
            },
            {
              id: "4",              name: "David Thompson",              handle: "@dthompson",              testimonial: "Best platform I've used for managing deal flow. The analytics dashboard gives me insights I can't get anywhere else.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "David Thompson"
            },
            {
              id: "5",              name: "Priya Patel",              handle: "@priyapatel",              testimonial: "LaunchHub's team has been incredibly supportive throughout our fundraising journey. Highly recommend to any startup serious about growth.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg",              imageAlt: "Priya Patel"
            },
            {
              id: "6",              name: "Marcus Thompson",              handle: "@marcus_t",              testimonial: "The professionalism and ease of use set LaunchHub apart from other fundraising platforms I've tried.",              imageSrc: "https://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg",              imageAlt: "Marcus Thompson"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Transform Your Fundraising?"
          ctaDescription="Join hundreds of founders who've successfully raised capital with LaunchHub. Get instant access to our platform."
          ctaButton={{ text: "Start Your Free Trial", href: "https://example.com/signup" }}
          ctaIcon={Sparkles}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "How does the investor matching work?",              content: "Our AI analyzes your company profile, industry, stage, and growth metrics to identify investors with the best fit. We consider their portfolio, typical check size, and investment thesis."
            },
            {
              id: "2",              title: "What stage startups can use LaunchHub?",              content: "We support startups from pre-seed to Series C. Whether you're just starting out or scaling aggressively, LaunchHub adapts to your stage and fundraising goals."
            },
            {
              id: "3",              title: "Is my data secure on LaunchHub?",              content: "Yes, we use enterprise-grade encryption and comply with SOC 2, GDPR, and CCPA standards. All documents are securely stored with granular access controls."
            },
            {
              id: "4",              title: "Can investors use the platform too?",              content: "Absolutely. Investors get their own dashboard to manage deal sourcing, track portfolio companies, and collaborate with co-investors efficiently."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "features" },
                { label: "Pricing", href: "https://example.com/pricing" },
                { label: "Security", href: "https://example.com/security" },
                { label: "Roadmap", href: "https://example.com/roadmap" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "https://example.com/about" },
                { label: "Blog", href: "https://example.com/blog" },
                { label: "Careers", href: "https://example.com/careers" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "https://example.com/privacy" },
                { label: "Terms of Service", href: "https://example.com/terms" },
                { label: "Cookie Policy", href: "https://example.com/cookies" }
              ]
            }
          ]}
          copyrightText="© 2025 LaunchHub. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}