"use client";

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Zap, Rocket, Star, Twitter, Linkedin, Github } from 'lucide-react';

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="medium"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Pitchdrive"
          navItems={[
            { name: "About", id: "about" },
            { name: "How It Works", id: "features" },
            { name: "Metrics", id: "metrics" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Pitchdrive"
          description="The fastest way to pitch investors and secure funding. Built for bold founders and visionary teams."
          buttons={[
            { text: "Get Started", href: "https://app.pitchdrive.com" },
            { text: "View Demo", href: "#about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/sales-manager-creates-presentation-pitch-new-strategy-development_482257-91026.jpg"
          imageAlt="Startup pitch presentation background"
          showDimOverlay={true}
          logoLineHeight={1.1}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose Pitchdrive"
          description="We understand the investor mindset. That's why we built tools that speak their language."
          tabs={[
            {
              id: "speed",
              label: "Lightning Fast",
              description: "Create investor-ready pitch decks in minutes, not weeks. Our AI-powered tools eliminate the busywork and let you focus on what matters: your vision and traction."
            },
            {
              id: "insights",
              label: "Deep Insights",
              description: "Real-time analytics show you exactly how investors engage with your pitch. Track every click, every pause, every moment of interest to refine your approach."
            },
            {
              id: "network",
              label: "Investor Network",
              description: "Direct access to curated investor networks across sectors and stages. Get introduced to the right people at the right time with warm connections that matter."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-young-business-team-working_23-2149153838.jpg"
          imageAlt="Pitchdrive team collaboration"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureProcessSteps
          tag="How It Works"
          tagIcon={Zap}
          title="From Idea to Investment in Three Steps"
          description="Our proven workflow gets you in front of investors faster than ever. Built by founders who've raised millions."
          steps={[
            {
              number: "01",
              title: "Build Your Pitch",
              tag: "10 minutes",
              description: "Use our AI-assisted editor to craft a compelling narrative. Start with templates or go fully custom. Your story, perfected."
            },
            {
              number: "02",
              title: "Share & Track",
              tag: "Real-time",
              description: "Send pitch decks that track engagement. See who's reading, how long they stay on each slide, and which parts captivate them most."
            },
            {
              number: "03",
              title: "Close The Round",
              tag: "Ongoing",
              description: "Connect with pre-vetted investors, get introductions, and manage your funding journey from one dashboard. Close faster."
            }
          ]}
          buttons={[{ text: "Start Building", href: "https://app.pitchdrive.com" }]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="We've Moved the Needle"
          description="Real results from real founders using Pitchdrive"
          metrics={[
            {
              id: "1",
              value: "$8.2B",
              description: "Capital Raised by Pitchdrive Users"
            },
            {
              id: "2",
              value: "12,400+",
              description: "Successful Funding Rounds Completed"
            },
            {
              id: "3",
              value: "94%",
              description: "Founder Satisfaction Rate"
            },
            {
              id: "4",
              value: "42 Days",
              description: "Average Time to First Investment"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",
              name: "Michael Chen",
              imageSrc: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              name: "Emily Rodriguez",
              imageSrc: "https://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg",
              imageAlt: "Emily Rodriguez"
            },
            {
              id: "4",
              name: "David Kim",
              imageSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
              imageAlt: "David Kim"
            },
            {
              id: "5",
              name: "Lisa Anderson",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",
              imageAlt: "Lisa Anderson"
            },
            {
              id: "6",
              name: "James Wilson",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-confident-businessman_1098-21013.jpg",
              imageAlt: "James Wilson"
            }
          ]}
          cardTitle="Thousands of founders closed their rounds using Pitchdrive"
          cardTag="See what they're saying"
          cardTagIcon={Star}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started Today"
          title="Ready to pitch to the world?"
          description="Join thousands of founders who've raised millions with Pitchdrive. Start building your pitch deck in minutes, connect with investors, and close your round."
          tagIcon={Rocket}
          inputPlaceholder="your@email.com"
          buttonText="Get Access"
          termsText="We respect your privacy. Unsubscribe anytime. By signing up, you agree to our Terms of Service and Privacy Policy."
          useInvertedBackground="invertDefault"
          onSubmit={(email) => console.log('Newsletter signup:', email)}
        />
      </div>

      <FooterCard
        logoText="Pitchdrive"
        copyrightText="© 2025 Pitchdrive Inc. All rights reserved. Making founders unstoppable."
        socialLinks={[
          {
            icon: Twitter,
            href: "https://twitter.com/pitchdrive",
            ariaLabel: "Follow us on Twitter"
          },
          {
            icon: Linkedin,
            href: "https://linkedin.com/company/pitchdrive",
            ariaLabel: "Follow us on LinkedIn"
          },
          {
            icon: Github,
            href: "https://github.com/pitchdrive",
            ariaLabel: "Visit our GitHub"
          }
        ]}
      />
    </ThemeProvider>
  );
}