"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBase from '@/components/sections/footer/FooterBase';
import { ArrowRight, CheckCircle, Heart, Rocket, Sparkles, Target, Users } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="StartupHub"
          navItems={[
            { name: "About", id: "about" },
            { name: "Team", id: "team" },
            { name: "Investors", id: "social-proof" },
            { name: "Contact", id: "contact" },
            { name: "Blog", id: "blog" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Build the Future, Today"
          description="Empower your team with cutting-edge tools designed for next-generation startups. Scale faster, innovate smarter, and capture market opportunities with confidence."
          background={{ variant: "glowing-orb" }}
          tag="Backed by Top VCs"
          tagIcon={Sparkles}
          imageSrc="https://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125956.jpg"
          imageAlt="Startup product showcase"
          imagePosition="right"
          buttons={[
            { text: "Get Started Free", href: "#contact" },
            { text: "View Demo", href: "#about" }
          ]}
          avatars={[
            { src: "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", alt: "Founder" },
            { src: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg", alt: "Co-founder" },
            { src: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg", alt: "Team member" }
          ]}
          avatarText="Trusted by 500+ startups"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Mission"
          tagIcon={Target}
          title="We're revolutionizing how startups scale from idea to IPO"
          description="Founded in 2022"
          subdescription="By entrepreneurs, for entrepreneurs"
          icon={Rocket}
          imageSrc="https://img.b2bpic.net/free-photo/multiethnic-specialists-engineers-doing-teamwork-modern-production-line_482257-125956.jpg"
          imageAlt="Our mission visualization"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardEleven
          title="Meet Our Leadership"
          description="The visionary team driving innovation and growth at StartupHub"
          tag="Team"
          tagIcon={Users}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          groups={[
            {
              id: "executives",              groupTitle: "Executive Leadership",              members: [
                {
                  id: "1",                  title: "Sarah Chen",                  subtitle: "CEO & Co-Founder",                  detail: "sarah@startuphub.io",                  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: "Sarah Chen"
                },
                {
                  id: "2",                  title: "Michael Torres",                  subtitle: "CTO & Co-Founder",                  detail: "michael@startuphub.io",                  imageSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",                  imageAlt: "Michael Torres"
                },
                {
                  id: "3",                  title: "Emma Rodriguez",                  subtitle: "Chief Product Officer",                  detail: "emma@startuphub.io",                  imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",                  imageAlt: "Emma Rodriguez"
                }
              ]
            },
            {
              id: "team",              groupTitle: "Extended Team",              members: [
                {
                  id: "4",                  title: "James Wilson",                  subtitle: "Head of Marketing",                  detail: "james@startuphub.io",                  imageSrc: "https://img.b2bpic.net/free-photo/cheerful-boss-sitting-with-newspaper-table_1098-3037.jpg",                  imageAlt: "James Wilson"
                },
                {
                  id: "5",                  title: "Lisa Park",                  subtitle: "VP of Sales",                  detail: "lisa@startuphub.io",                  imageSrc: "https://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg",                  imageAlt: "Lisa Park"
                },
                {
                  id: "6",                  title: "David Kim",                  subtitle: "Operations Director",                  detail: "david@startuphub.io",                  imageSrc: "https://img.b2bpic.net/free-photo/successful-professional-sitting-office_1098-21006.jpg",                  imageAlt: "David Kim"
                }
              ]
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardFourteen
          title="Our impact is growing every day. We're proud to serve the most innovative startups."
          tag="Growth"
          metrics={[
            {
              id: "1",              value: "500+",              description: "Active startup customers leveraging our platform"
            },
            {
              id: "2",              value: "$2.5B",              description: "Collective valuation of our portfolio companies"
            },
            {
              id: "3",              value: "15K+",              description: "Entrepreneurs trained through our programs"
            },
            {
              id: "4",              value: "94%",              description: "Customer retention rate quarter-over-quarter"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "John Smith",              imageSrc: "https://img.b2bpic.net/free-vector/logo-template-design_1289-202.jpg",              imageAlt: "Sequoia Capital"
            },
            {
              id: "2",              name: "Jessica Lee",              imageSrc: "https://img.b2bpic.net/free-vector/tree-logos-collection-flat-style_23-2147772178.jpg",              imageAlt: "Andreessen Horowitz"
            },
            {
              id: "3",              name: "Marcus Johnson",              imageSrc: "https://img.b2bpic.net/free-vector/tree-shape-logo-template_1156-717.jpg",              imageAlt: "Accel Partners"
            },
            {
              id: "4",              name: "Catherine White",              imageSrc: "https://img.b2bpic.net/free-vector/hand-drawn-flat-design-farmers-market-logo_23-2149326737.jpg",              imageAlt: "Benchmark Capital"
            },
            {
              id: "5",              name: "Robert Chen",              imageSrc: "https://img.b2bpic.net/free-vector/monoline-nature-logo-pack_23-2147690931.jpg",              imageAlt: "Khosla Ventures"
            },
            {
              id: "6",              name: "Amanda Brown",              imageSrc: "https://img.b2bpic.net/free-vector/gradient-logo-with-abstract-shape_23-2148217588.jpg",              imageAlt: "Thrive Capital"
            }
          ]}
          cardTitle="Backed by the world's leading venture capital firms"
          cardTag="Investor Logos"
          cardTagIcon={CheckCircle}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "David Miller",              imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12811.jpg",              imageAlt: "David Miller"
            },
            {
              id: "2",              name: "Rachel Green",              imageSrc: "https://img.b2bpic.net/free-photo/man-psychologist-sitting-office_1098-21011.jpg",              imageAlt: "Rachel Green"
            },
            {
              id: "3",              name: "Thomas Anderson",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-business-leader-sitting-table_1262-4841.jpg",              imageAlt: "Thomas Anderson"
            },
            {
              id: "4",              name: "Sophie Laurent",              imageSrc: "https://img.b2bpic.net/free-photo/successful-expert_1098-14503.jpg",              imageAlt: "Sophie Laurent"
            },
            {
              id: "5",              name: "Alex Martinez",              imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12811.jpg",              imageAlt: "Alex Martinez"
            },
            {
              id: "6",              name: "Emma Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/man-psychologist-sitting-office_1098-21011.jpg",              imageAlt: "Emma Thompson"
            }
          ]}
          cardTitle="Trusted by founders and CTOs building tomorrow's unicorns"
          cardTag="Customer Love"
          cardTagIcon={Heart}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to scale your startup?"
          ctaDescription="Join hundreds of founders already using StartupHub to accelerate growth"
          ctaIcon={ArrowRight}
          ctaButton={{
            text: "Start Your Free Trial",            href: "https://example.com/signup"
          }}
          faqs={[
            {
              id: "1",              title: "What do I get with a free trial?",              content: "Our free trial includes full access to core platform features, team collaboration tools, and our comprehensive founder resources library for 14 days."
            },
            {
              id: "2",              title: "How much does it cost?",              content: "Plans start at $99/month for growing startups. Enterprise plans available for teams needing custom integrations and dedicated support."
            },
            {
              id: "3",              title: "Can I switch plans anytime?",              content: "Yes, you can upgrade or downgrade your plan at any time. Changes take effect at your next billing cycle with no penalties."
            },
            {
              id: "4",              title: "What support do you offer?",              content: "We provide 24/7 support via email, chat, and phone. Plus, dedicated success managers for enterprise customers."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>

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