"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Users } from "lucide-react";

export default function StartupPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="StartupHub"
          navItems={[
            { name: "About", id: "about" },
            { name: "Team", id: "team" },
            { name: "Features", id: "features" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="StartupHub"
          description="Empowering the next generation of innovators with cutting-edge technology and strategic investment"
          buttons={[
            { text: "Get Started", href: "contact" },
            { text: "Learn More", href: "about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/portrait-smiling-coworkers-looking-revenue-figures-paperwork_482257-126641.jpg"
          imageAlt="Startup team collaborating on innovative technology"
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About StartupHub"
          description={[
            "We are a venture-backed startup accelerator focused on identifying and nurturing the brightest entrepreneurial talent. Our mission is to provide early-stage founders with the capital, mentorship, and network they need to scale their ideas into billion-dollar companies.",            "Since our founding, we've invested in over 200 startups across AI, fintech, climate tech, and enterprise software. Our portfolio companies have achieved a combined valuation of $50B+ and created thousands of jobs globally."
          ]}
          showBorder={true}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "View Our Portfolio", href: "https://example.com/portfolio" }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardFive
          team={[
            {
              id: "1",              name: "Sarah Chen",              role: "CEO & Founder",              imageSrc: "https://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",              imageAlt: "Sarah Chen, CEO and Founder"
            },
            {
              id: "2",              name: "Marcus Rodriguez",              role: "CTO & Co-Founder",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",              imageAlt: "Marcus Rodriguez, CTO and Co-Founder"
            },
            {
              id: "3",              name: "Emma Westbrook",              role: "Head of Design",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",              imageAlt: "Emma Westbrook, Head of Design"
            },
            {
              id: "4",              name: "James Liu",              role: "VP of Growth",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "James Liu, VP of Growth"
            }
          ]}
          title="Meet Our Team"
          description="A diverse group of experienced entrepreneurs, investors, and operators dedicated to building the future"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          tag="Leadership"
          tagIcon={Users}
          animationType="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="Why Choose StartupHub"
          description="We provide comprehensive support across all aspects of startup growth"
          tag="Our Services"
          features={[
            {
              id: 1,
              title: "Strategic Capital & Funding",              description: "Access to $500M+ in investment capital with flexible terms tailored to your startup's stage and needs",              imageSrc: "https://img.b2bpic.net/free-photo/shiny-bulb-businessman-s-hand_1232-148.jpg"
            },
            {
              id: 2,
              title: "Expert Mentorship",              description: "Learn from experienced founders and industry veterans who've scaled companies to unicorn status",              imageSrc: "https://img.b2bpic.net/free-vector/technological-ecology-concept-wallpaper_23-2148421388.jpg"
            },
            {
              id: 3,
              title: "Network Access",              description: "Connect with potential customers, partners, and future hires through our extensive founder community",              imageSrc: "https://img.b2bpic.net/free-photo/clear-light-bulb-with-orange-lights_395237-79.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get In Touch"
          title="Ready to Launch Your Startup?"
          description="Join our community of founders and innovators. Submit your application today and let's build something extraordinary together."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="Your email address"
          buttonText="Apply Now"
          termsText="We'll review your application and get back to you within 48 hours. We respect your privacy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="StartupHub"
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "#pricing" },
                { label: "Portfolio", href: "https://example.com/portfolio" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About", href: "#about" },
                { label: "Team", href: "#team" },
                { label: "Blog", href: "https://example.com/blog" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Founders Guide", href: "https://example.com/guide" },
                { label: "Documentation", href: "https://example.com/docs" },
                { label: "Community", href: "https://example.com/community" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "https://example.com/privacy" },
                { label: "Terms of Service", href: "https://example.com/terms" },
                { label: "Contact", href: "#contact" }
              ]
            }
          ]}
          copyrightText="© 2025 StartupHub. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}