"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
import SplitAbout from "@/components/sections/about/SplitAbout";
import TeamCardEleven from "@/components/sections/team/TeamCardEleven";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import PricingCardThree from "@/components/sections/pricing/PricingCardThree";
import ContactFaq from "@/components/sections/contact/ContactFaq";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Globe, Rocket, Sparkles, TrendingUp, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="StartupHub"
          navItems={[
            { name: "About", id: "about" },
            { name: "Team", id: "team" },
            { name: "Investors", id: "socialProof" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get Started",            href: "contact"
          }}
          className="z-50"
          navItemClassName="text-sm font-medium"
          buttonClassName="px-6 py-2"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Launch Your Vision"
          description="Build, scale, and transform your startup with cutting-edge technology and investor-backed support. Join the next generation of innovative founders reshaping industries."
          tag="Innovation First"
          tagIcon={Sparkles}
          background={{ variant: "canvas-reveal" }}
          imageSrc="https://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg"
          imageAlt="Startup dashboard with analytics"
          buttons={[
            { text: "Start Building", href: "contact" },
            { text: "Learn More", href: "about" }
          ]}
          className="relative"
          containerClassName="min-h-screen"
          textBoxClassName="z-10"
          titleClassName="text-5xl md:text-6xl font-light tracking-tight"
          descriptionClassName="text-lg text-opacity-80 max-w-2xl"
          tagClassName="inline-flex items-center gap-2 text-sm font-medium"
          buttonClassName="group relative overflow-hidden"
          cardWrapperClassName="perspective-1000"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Empowering the Next Generation"
          description="We're a community of entrepreneurs, investors, and builders dedicated to accelerating startup success. Our platform combines capital, mentorship, and network to turn bold ideas into category-defining companies."
          tag="Our Mission"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg"
          imageAlt="Team collaboration"
          bulletPoints={[
            {
              title: "Funding Access",              description: "Connect with venture capital partners and angel investors worldwide",              icon: TrendingUp
            },
            {
              title: "Expert Mentorship",              description: "Learn from industry leaders who have scaled companies to unicorn status",              icon: Users
            },
            {
              title: "Global Network",              description: "Join 5000+ founders and 200+ investors in our thriving ecosystem",              icon: Globe
            },
            {
              title: "Growth Tools",              description: "Access proprietary resources and frameworks built for startup success",              icon: Zap
            }
          ]}
          buttons={[
            { text: "Explore Resources", href: "contact" }
          ]}
          className="py-20"
          titleClassName="text-4xl font-light"
          descriptionClassName="text-base text-opacity-70 max-w-xl"
          bulletPointClassName="py-4"
          bulletTitleClassName="font-medium text-base"
          bulletDescriptionClassName="text-sm text-opacity-60 mt-1"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardEleven
          title="Meet Our Leadership"
          description="A diverse team of experienced entrepreneurs and technologists driving innovation and growth"
          tag="Team"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          groups={[
            {
              id: "founders",              groupTitle: "Founders",              members: [
                {
                  id: "1",                  title: "Sarah Chen",                  subtitle: "CEO & Co-founder",                  detail: "sarah@startuphub.io",                  imageSrc: "https://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",                  imageAlt: "Sarah Chen"
                },
                {
                  id: "2",                  title: "Marcus Johnson",                  subtitle: "CTO & Co-founder",                  detail: "marcus@startuphub.io",                  imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",                  imageAlt: "Marcus Johnson"
                }
              ]
            },
            {
              id: "leadership",              groupTitle: "Leadership",              members: [
                {
                  id: "3",                  title: "Elena Rodriguez",                  subtitle: "Head of Operations",                  detail: "elena@startuphub.io",                  imageSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",                  imageAlt: "Elena Rodriguez"
                },
                {
                  id: "4",                  title: "James Williams",                  subtitle: "VP of Business Development",                  detail: "james@startuphub.io",                  imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",                  imageAlt: "James Williams"
                }
              ]
            },
            {
              id: "team",              groupTitle: "Core Team",              members: [
                {
                  id: "5",                  title: "Priya Kapoor",                  subtitle: "Head of Design",                  detail: "priya@startuphub.io",                  imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-senior-business-man-relaxing_1262-2369.jpg",                  imageAlt: "Priya Kapoor"
                },
                {
                  id: "6",                  title: "David Liu",                  subtitle: "Product Manager",                  detail: "david@startuphub.io",                  imageSrc: "https://img.b2bpic.net/free-photo/pensive-mature-businessman-formal-suit-glasses-standing-by-office-glass-wall-looking-away-copy-space-business-portrait-concept_74855-14255.jpg",                  imageAlt: "David Liu"
                }
              ]
            }
          ]}
          className="py-20"
          titleClassName="text-4xl font-light"
          descriptionClassName="text-base text-opacity-70 max-w-2xl"
          memberClassName="py-4 border-b border-opacity-10 last:border-b-0"
          memberTitleClassName="font-medium text-base"
          memberSubtitleClassName="text-sm text-opacity-60"
          memberDetailClassName="text-sm font-mono text-opacity-50"
        />
      </div>

      <div id="socialProof" data-section="socialProof">
        <FeatureCardTwentyFour
          title="Backed by Industry Leaders"
          description="Our investors include prominent venture capital firms and angel investors who are actively supporting the next wave of innovation"
          tag="Investor Network"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="opacity"
          features={[
            {
              id: "1",              title: "Silicon Valley Venture Partners",              author: "Series A Lead",              description: "Early-stage specialist with 15+ successful exits in the fintech and SaaS spaces",              tags: ["Venture Capital", "Technology"],
              imageSrc: "https://img.b2bpic.net/free-vector/abstract-squares-graph-logo-pack_1043-103.jpg",              imageAlt: "Silicon Valley Venture Partners"
            },
            {
              id: "2",              title: "Global Innovation Fund",              author: "Series A Participant",              description: "International investor focused on climate tech, healthtech, and AI-powered solutions",              tags: ["Climate Tech", "Healthcare"],
              imageSrc: "https://img.b2bpic.net/free-vector/geometric-harmony-hills-private-school-logo-template_742173-18879.jpg",              imageAlt: "Global Innovation Fund"
            },
            {
              id: "3",              title: "NextGen Capital Partners",              author: "Seed Round Investor",              description: "Specialized in pre-seed and seed funding for B2B SaaS and developer tools",              tags: ["SaaS", "Developer Tools"],
              imageSrc: "https://img.b2bpic.net/free-vector/gradient-accounting-logo-template_23-2148854301.jpg",              imageAlt: "NextGen Capital Partners"
            },
            {
              id: "4",              title: "Enterprise Growth Equity",              author: "Series B Participant",              description: "Growth-stage investor with deep expertise in enterprise software scaling",              tags: ["Enterprise", "Growth"],
              imageSrc: "https://img.b2bpic.net/free-vector/gradient-code-logo-white-blue_23-2148809624.jpg",              imageAlt: "Enterprise Growth Equity"
            }
          ]}
          className="py-20"
          titleClassName="text-4xl font-light"
          descriptionClassName="text-base text-opacity-70 max-w-2xl"
          cardTitleClassName="text-lg font-medium"
          authorClassName="text-sm text-opacity-60"
          cardDescriptionClassName="text-base text-opacity-70 line-clamp-2"
          tagsContainerClassName="flex flex-wrap gap-2 mt-3"
          tagClassName="text-xs px-3 py-1 rounded-full bg-opacity-10"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          title="By The Numbers"
          description="Demonstrable impact across our entire ecosystem of founders and investors"
          tag="Metrics"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "$450M",              title: "Capital Deployed",              description: "Total funding across all portfolio companies",              imageSrc: "https://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",              imageAlt: "Capital metrics"
            },
            {
              id: "2",              value: "850+",              title: "Active Startups",              description: "Companies in our ecosystem growing daily",              imageSrc: "https://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",              imageAlt: "Startup community"
            },
            {
              id: "3",              value: "5x",              title: "Avg Growth Rate",              description: "Year-over-year revenue growth of portfolio companies",              imageSrc: "https://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",              imageAlt: "Growth metrics"
            },
            {
              id: "4",              value: "200+",              title: "Expert Mentors",              description: "Industry leaders providing strategic guidance",              imageSrc: "https://img.b2bpic.net/free-photo/woman-watching-business-conference-computer-screen-looking-statistics_482257-125563.jpg",              imageAlt: "Mentor network"
            }
          ]}
          className="py-20"
          titleClassName="text-4xl font-light"
          descriptionClassName="text-base text-opacity-70 max-w-2xl"
          valueClassName="text-5xl font-light text-primary-cta"
          cardTitleClassName="text-xl font-medium mt-4"
          cardDescriptionClassName="text-sm text-opacity-60 mt-2"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Simple, Transparent Pricing"
          description="Choose the plan that fits your startup stage and unlock unlimited growth potential"
          tag="Pricing"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          plans={[
            {
              id: "1",              price: "Free",              name: "Founder",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "Learn More", href: "about" }
              ],
              features: [
                "Community access",                "Monthly founder talks",                "Basic resource library",                "Networking events"
              ]
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "$499/mo",              name: "Growth",              buttons: [
                { text: "Start Free Trial", href: "contact" },
                { text: "Chat with us", href: "contact" }
              ],
              features: [
                "Everything in Founder, plus:",                "1-on-1 mentor matching",                "Investor introductions",                "Advanced analytics",                "Priority support",                "Custom resources"
              ]
            },
            {
              id: "3",              price: "Custom",              name: "Enterprise",              buttons: [
                { text: "Request Demo", href: "contact" },
                { text: "Contact Sales", href: "contact" }
              ],
              features: [
                "Everything in Growth, plus:",                "Dedicated success manager",                "Custom funding packages",                "Board advisory access",                "White-label options",                "24/7 premium support"
              ]
            }
          ]}
          className="py-20"
          titleClassName="text-4xl font-light"
          descriptionClassName="text-base text-opacity-70 max-w-2xl"
          badgeClassName="bg-accent text-white text-xs font-medium px-3 py-1 rounded-full"
          priceClassName="text-5xl font-light mt-6"
          nameClassName="text-xl font-medium mt-2"
          featuresClassName="space-y-3 mt-8"
          featureItemClassName="flex items-start gap-3 text-sm"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Launch?"
          ctaDescription="Join hundreds of successful startups transforming their industries. Get started with our platform today."
          ctaButton={{
            text: "Start Your Journey",            href: "https://contact.startuphub.io"
          }}
          ctaIcon={Rocket}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "How do I apply for funding?",              content: "Simply complete our application form and our team will review your pitch. We typically respond within 2-3 business days with feedback or next steps for qualified founders."
            },
            {
              id: "2",              title: "What equity do you take?",              content: "We don't take equity from founders. Our platform is free for early-stage startups. Growth and Enterprise plans are optional premium offerings with transparent pricing."
            },
            {
              id: "3",              title: "Can international teams apply?",              content: "Absolutely! We support startups globally. Our mentors and investors span 50+ countries, and we have specialized programs for different regions."
            },
            {
              id: "4",              title: "How often are mentoring sessions?",              content: "Growth plan members get monthly 1-on-1 sessions with matched mentors. Enterprise customers work with dedicated success managers for ongoing support."
            },
            {
              id: "5",              title: "What industries do you focus on?",              content: "We support all sectors - from fintech and healthtech to climate tech and B2B SaaS. Our diverse investor base means opportunities across virtually every industry."
            },
            {
              id: "6",              title: "Is there a minimum funding requirement?",              content: "No minimum! We work with pre-seed through Series B startups. Our program adapts to your stage with relevant resources and connections."
            }
          ]}
          className="py-20"
          ctaTitleClassName="text-2xl font-medium"
          ctaDescriptionClassName="text-base text-opacity-70 mt-3"
          ctaButtonClassName="mt-6 w-full"
          accordionTitleClassName="font-medium text-base py-4"
          accordionContentClassName="text-base text-opacity-70 pb-4"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="StartupHub"
          copyrightText="© 2025 StartupHub. All rights reserved."
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "about" },
                { label: "Pricing", href: "pricing" },
                { label: "Security", href: "#" },
                { label: "Roadmap", href: "#" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Blog", href: "#" },
                { label: "Founder Toolkit", href: "#" },
                { label: "Investor Guide", href: "#" },
                { label: "Community", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Careers", href: "#" },
                { label: "Contact", href: "contact" },
                { label: "Partners", href: "#" }
              ]
            }
          ]}
          className="bg-opacity-50"
          logoTextClassName="text-2xl font-light"
          columnTitleClassName="font-medium text-base mb-4"
          columnItemClassName="text-sm text-opacity-70 hover:text-opacity-100"
          copyrightTextClassName="text-xs text-opacity-50"
        />
      </div>
    </ThemeProvider>
  );
}