"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { CheckCircle, Quote, Rocket, Star, TrendingUp, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="medium"
      background="none"
      cardStyle="gradient-mesh"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "Features", id: "features" },
            { name: "Team", id: "team" },
            { name: "Investors", id: "investors" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="StartupHub"
          bottomLeftText="Empowering Innovation"
          bottomRightText="hello@startuphub.io"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Transform Ideas Into Impact"
          description="Empower your team with intelligent automation and real-time insights. Built for founders who move fast."
          tag="Welcome to StartupHub"
          tagIcon={Zap}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-modern-laptop-with-rate-charts-display-while-man-woman-working-business-project-design-computer-screen-with-data-chart-information-finance-analysis-desk_482257-40065.jpg"
          imageAlt="StartupHub analytics dashboard showing real-time metrics and team performance"
          buttons={[
            { text: "Get Started Free", href: "contact" },
            { text: "Watch Demo", href: "https://www.youtube.com" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          features={[
            {
              title: "Real-Time Collaboration",              description: "Keep your entire team in sync with instant updates and seamless communication across all platforms.",              imageSrc: "https://img.b2bpic.net/free-photo/group-three-young-multi-ethnic-successful-business-people-sitting-coworking-space-talking-about-new-project-competitor-team-making-plans-bypass-their-project_176420-8311.jpg",              imageAlt: "Team collaboration interface showing real-time updates"
            },
            {
              title: "Intelligent Automation",              description: "Eliminate repetitive tasks and focus on what matters. Our AI learns your workflow and optimizes automatically.",              imageSrc: "https://img.b2bpic.net/free-photo/information-technology-connection-graphics-concept_53876-121040.jpg",              imageAlt: "Automation workflow builder with drag-and-drop interface"
            },
            {
              title: "Advanced Analytics",              description: "Deep insights into your business metrics. Track KPIs, monitor growth, and make data-driven decisions in real-time.",              imageSrc: "https://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",              imageAlt: "Analytics dashboard with performance charts and metrics"
            },
            {
              title: "Enterprise Security",              description: "Bank-level encryption and compliance with SOC 2, GDPR, and HIPAA standards. Your data is always protected.",              imageSrc: "https://img.b2bpic.net/free-photo/group-three-young-multi-ethnic-successful-business-people-sitting-coworking-space-talking-about-new-project-competitor-team-making-plans-bypass-their-project_176420-8311.jpg",              imageAlt: "Security features and compliance certifications"
            }
          ]}
          title="Powerful Features for Growth"
          description="Everything you need to scale your startup with confidence. From day one to Series C and beyond."
          tag="Why Choose Us"
          tagIcon={Star}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          metrics={[
            {
              id: "1",              value: "500K+",              title: "Active Users",              description: "Founders and teams leveraging our platform daily",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-businessman-holding-blank-speech-arrow-pointer-directing-upward-his-head-isolated-dark-gray-copy-space_171337-582.jpg",              imageAlt: "Growth metrics visualization"
            },
            {
              id: "2",              value: "$2B+",              title: "Capital Raised",              description: "By startups using StartupHub to scale faster",              imageSrc: "https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133719.jpg",              imageAlt: "Team collaboration success story"
            }
          ]}
          title="Trusted by Innovators Worldwide"
          description="Our platform powers growth for thousands of startups across every industry and region."
          tag="Our Impact"
          tagIcon={TrendingUp}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen
          title="Led by Visionary Entrepreneurs Who've Built Billion-Dollar Companies"
          tag="Our Leadership"
          members={[
            {
              id: "1",              name: "Sarah Chen",              imageSrc: "https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-134863.jpg",              imageAlt: "Sarah Chen, CEO and Founder"
            },
            {
              id: "2",              name: "Alex Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/man-executive-instructing-diverse-employees-new-modern-company-office-room-before-business-meeting-with-partners-analysing-reports-tablet_482257-5242.jpg",              imageAlt: "Alex Rodriguez, CTO and Co-Founder"
            },
            {
              id: "3",              name: "Emma Thompson",              imageSrc: "https://img.b2bpic.net/free-photo/team-diverse-coworkers-modern-office-discuss-their-project-together_93675-133516.jpg",              imageAlt: "Emma Thompson, Head of Product"
            },
            {
              id: "4",              name: "Marcus Williams",              imageSrc: "https://img.b2bpic.net/free-photo/young-coworkers-sharing-concepts-together_329181-19755.jpg",              imageAlt: "Marcus Williams, VP of Operations"
            }
          ]}
          memberVariant="card"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          testimonials={[
            {
              id: "1",              name: "Jessica Martinez",              handle: "@jmartinez",              testimonial: "StartupHub completely transformed how our team collaborates. We cut our project delivery time in half and team morale has never been better.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",              imageAlt: "Jessica Martinez"
            },
            {
              id: "2",              name: "David Kim",              handle: "@dkim",              testimonial: "The automation features alone saved us thousands of hours per month. This is the tool every startup founder needs on day one.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "David Kim"
            },
            {
              id: "3",              name: "Priya Patel",              handle: "@ppatel",              testimonial: "We went from chaos to clarity. The analytics dashboard gives us the insights we need to make smart business decisions in minutes.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg",              imageAlt: "Priya Patel"
            },
            {
              id: "4",              name: "James Wilson",              handle: "@jwilson",              testimonial: "The best investment we've made for our startup this year. StartupHub enabled us to scale from 10 to 100 people without losing our culture.",              imageSrc: "https://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84733.jpg",              imageAlt: "James Wilson"
            },
            {
              id: "5",              name: "Sophie Laurent",              handle: "@slaurent",              testimonial: "Finally, a platform built by people who understand startup life. The customer support is incredible and the product keeps getting better.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",              imageAlt: "Sophie Laurent"
            },
            {
              id: "6",              name: "Michael Zhang",              handle: "@mzhang",              testimonial: "Our investors were impressed by how quickly we could demonstrate traction using StartupHub's analytics. Highly recommended for any founder.",              imageSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",              imageAlt: "Michael Zhang"
            }
          ]}
          animationType="slide-up"
          title="Loved by Founders and Leaders"
          description="See what successful entrepreneurs are saying about how StartupHub transformed their business."
          tag="Testimonials"
          tagIcon={Quote}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          speed={40}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Started"
          title="Join the Next Generation of Founders"
          description="Subscribe to our newsletter for exclusive insights on scaling startups, investor tips, and early access to new features."
          tagIcon={Rocket}
          background={{ variant: "gradient-bars" }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/e-mail-global-communications-connection-social-networking-concept_53876-134026.jpg"
          imageAlt="Newsletter subscription illustration"
          mediaPosition="right"
          inputPlaceholder="your@email.com"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "features" },
                { label: "Security", href: "security" },
                { label: "Pricing", href: "pricing" },
                { label: "Updates", href: "updates" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Blog", href: "blog" },
                { label: "Careers", href: "careers" },
                { label: "Press", href: "press" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Documentation", href: "docs" },
                { label: "API Reference", href: "api" },
                { label: "Community", href: "community" },
                { label: "Support", href: "support" }
              ]
            }
          ]}
          copyrightText="© 2025 StartupHub. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}