"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Rocket, Users, Star, Sparkles, TrendingUp, Zap } from "lucide-react";

export default function StartupLandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="StartupHub"
          navItems={[
            { name: "Home", id: "home" },
            { name: "Team", id: "team" },
            { name: "Investors", id: "investors" },
            { name: "Features", id: "features" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="San Francisco, CA"
          bottomRightText="hello@startuphub.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Build the Future with StartupHub"
          description="Empowering innovative startups with cutting-edge tools, investor connections, and community support. Launch, grow, and scale your vision with our comprehensive platform."
          tag="Next-Gen Startup Platform"
          tagIcon={Rocket}
          background={{ variant: "glowing-orb" }}
          buttons={[
            { text: "Get Started Free", href: "contact" },
            { text: "Watch Demo", href: "https://example.com/demo" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991369.jpg"
          imageAlt="Startup team collaborating on innovation"
          imagePosition="right"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          title="Meet Our Founding Team"
          description="Experienced entrepreneurs and technologists driven to revolutionize the startup ecosystem"
          tag="Leadership"
          tagIcon={Users}
          textboxLayout="default"
          animationType="scale-rotate"
          useInvertedBackground="noInvert"
          team={[
            {
              id: "1",              name: "Sarah Chen",              role: "CEO & Co-Founder",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg"
            },
            {
              id: "2",              name: "Marcus Rodriguez",              role: "CTO & Co-Founder",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg"
            },
            {
              id: "3",              name: "Emma Thompson",              role: "Head of Design",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg"
            },
            {
              id: "4",              name: "James Park",              role: "VP of Operations",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg"
            }
          ]}
        />
      </div>

      <div id="investors" data-section="investors">
        <TestimonialCardTwelve
          cardTitle="Trusted by Leading Investors and Industry Leaders Worldwide"
          cardTag="Backed by Tier-1 Investors"
          cardTagIcon={Star}
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Google Ventures",              imageSrc: "https://img.b2bpic.net/free-vector/gradient-go-logo-template_23-2148985414.jpg"
            },
            {
              id: "2",              name: "Microsoft",              imageSrc: "https://img.b2bpic.net/free-vector/technology-logo_1071-152.jpg"
            },
            {
              id: "3",              name: "Amazon",              imageSrc: "https://img.b2bpic.net/free-vector/flat-design-g-letter-logo-pack_23-2148954419.jpg"
            },
            {
              id: "4",              name: "Apple",              imageSrc: "https://img.b2bpic.net/free-photo/woman-holding-g-letter_1149-1839.jpg"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="Powerful Features Built for Growth"
          description="Everything you need to launch and scale your startup successfully"
          tag="Core Features"
          tagIcon={Sparkles}
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "01",              title: "Advanced Analytics",              description: "Real-time insights into your business metrics and user behavior with comprehensive dashboards",              imageSrc: "https://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg"
            },
            {
              id: "02",              title: "Enterprise Security",              description: "Bank-grade encryption and compliance standards to protect your sensitive data and customer information",              imageSrc: "https://img.b2bpic.net/free-photo/empty-startup-office-displays-statistics_482257-119484.jpg"
            },
            {
              id: "03",              title: "API Integration",              description: "Seamlessly connect with 500+ third-party tools and services to streamline your workflows",              imageSrc: "https://img.b2bpic.net/free-photo/business-graphs-figures-laptop-left-open-desk-empty-office_482257-84546.jpg"
            },
            {
              id: "04",              title: "24/7 Support",              description: "Dedicated support team ready to help you succeed with expert guidance and troubleshooting",              imageSrc: "https://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="Our Impact in Numbers"
          description="Proven results from our thriving startup community"
          tag="Metrics"
          tagIcon={TrendingUp}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="scale-rotate"
          useInvertedBackground="noInvert"
          metrics={[
            {
              id: "1",              value: "5,000+",              description: "Active Startups"
            },
            {
              id: "2",              value: "$2.5B",              description: "Total Funding Raised"
            },
            {
              id: "3",              value: "98%",              description: "Customer Satisfaction"
            },
            {
              id: "4",              value: "150+",              description: "Countries"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Ready to Launch?"
          tagIcon={Zap}
          title="Join the Startup Revolution"
          description="Get early access to StartupHub and be part of the next generation of successful startups. Sign up today for exclusive benefits, investor connections, and growth resources."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Start Free Trial"
          termsText="By signing up, you agree to our Terms of Service and Privacy Policy. We'll send you startup tips and growth resources."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="StartupHub"
          leftLink={{ text: "Privacy Policy", href: "/privacy" }}
          rightLink={{ text: "Terms of Service", href: "/terms" }}
        />
      </div>
    </ThemeProvider>
  );
}