"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { BookOpen, CheckCircle, Lightbulb, Mail, Rocket, Sparkles, Star, TrendingUp, Users, Zap } from "lucide-react";

export default function StartupPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="StartupHub"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get Started",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Empower Your Growth with StartupHub"
          description="Build, scale, and succeed with our innovative platform designed specifically for ambitious startups. Join thousands of founders already transforming their ideas into thriving businesses."
          tag="Welcome to the Future"
          tagIcon={Rocket}
          buttons={[
            { text: "Start Your Journey", href: "pricing" },
            { text: "Watch Demo", href: "https://www.youtube.com" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/young-colleagues-sitting-while-work-with-laptops-desk_171337-16969.jpg"
          imageAlt="Modern startup workspace with collaboration"
          imagePosition="right"
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose StartupHub?"
          description="We're committed to providing the tools and support you need to succeed."
          tabs={[
            {
              id: "innovation",              label: "Innovation First",              description: "Our platform leverages cutting-edge technology to give your startup a competitive edge. We continuously evolve our features to match market demands and help you stay ahead."
            },
            {
              id: "support",              label: "Expert Support",              description: "Access our dedicated team of startup experts who understand your challenges. Get personalized guidance, strategic advice, and mentorship from industry leaders."
            },
            {
              id: "community",              label: "Thriving Community",              description: "Connect with other founders, share experiences, and build relationships. Our community provides networking opportunities and collaborative growth potential for all members."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/lifestyle-people-office_23-2149173779.jpg"
          imageAlt="Collaborative team environment"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSixteen
          title="What Sets Us Apart"
          description="See how StartupHub compares to traditional business platforms and solutions."
          tag="Why We Win"
          tagIcon={Sparkles}
          negativeCard={{
            items: [
              "Complex, outdated interfaces",              "Limited scalability options",              "Slow customer support",              "High implementation costs",              "Lack of modern integrations"
            ]
          }}
          positiveCard={{
            items: [
              "Intuitive, modern design",              "Unlimited scalability",              "24/7 priority support",              "Affordable pricing plans",              "500+ integrations"
            ]
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Simple, Transparent Pricing"
          description="Choose the perfect plan for your startup stage and scale as you grow."
          tag="Flexible Plans"
          tagIcon={Zap}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          plans={[
            {
              id: "starter",              badge: "Starter",              badgeIcon: Sparkles,
              price: "$29/mo",              subtitle: "Perfect for early-stage startups",              buttons: [
                { text: "Start Free Trial", href: "contact" },
                { text: "Learn More", href: "#pricing" }
              ],
              features: [
                "Up to 5 team members",                "50GB storage",                "Basic analytics",                "Email support",                "3 projects"
              ]
            },
            {
              id: "growth",              badge: "Growth",              badgeIcon: TrendingUp,
              price: "$79/mo",              subtitle: "For scaling startups",              buttons: [
                { text: "Start Free Trial", href: "contact" },
                { text: "Learn More", href: "#pricing" }
              ],
              features: [
                "Up to 25 team members",                "500GB storage",                "Advanced analytics",                "Priority support",                "Unlimited projects"
              ]
            },
            {
              id: "enterprise",              badge: "Enterprise",              badgeIcon: Star,
              price: "Custom",              subtitle: "For established companies",              buttons: [
                { text: "Contact Sales", href: "contact" },
                { text: "Schedule Demo", href: "contact" }
              ],
              features: [
                "Unlimited team members",                "Unlimited storage",                "Custom analytics",                "Dedicated support",                "Custom integrations"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah Chen, CEO of TechFlow"
            },
            {
              id: "2",              name: "Marcus Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Marcus Johnson, Founder of GrowthLabs"
            },
            {
              id: "3",              name: "Emily Rodriguez",              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",              imageAlt: "Emily Rodriguez, CTO of InnovateCo"
            },
            {
              id: "4",              name: "David Kim",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "David Kim, Product Lead"
            },
            {
              id: "5",              name: "Jessica Liu",              imageSrc: "https://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Jessica Liu, Operations Manager"
            },
            {
              id: "6",              name: "Alex Turner",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Alex Turner, Business Development"
            }
          ]}
          cardTitle="Join 5,000+ startups already accelerating their growth with StartupHub"
          cardTag="Trusted by industry leaders"
          cardTagIcon={CheckCircle}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardThree
          title="Latest Insights"
          description="Learn from industry experts and stay updated with startup trends."
          tag="Blog"
          tagIcon={BookOpen}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          blogs={[
            {
              id: "1",              category: "Innovation",              categoryIcon: Lightbulb,
              title: "The Future of Startup Technology in 2024",              description: "Explore emerging technologies that are reshaping the startup landscape and learn how to leverage them for competitive advantage.",              imageSrc: "https://img.b2bpic.net/free-photo/innovation-creative-design-development-ideas-concept_53876-15871.jpg",              imageAlt: "Innovation and technology"
            },
            {
              id: "2",              category: "Growth",              categoryIcon: TrendingUp,
              title: "Scaling Your Startup: Lessons from $100M Companies",              description: "Discover the key strategies successful startups used to scale from zero to hero. Real stories, real numbers, real results.",              imageSrc: "https://img.b2bpic.net/free-photo/ideas-progress-vision-inspiration-design-concept_53876-120004.jpg",              imageAlt: "Business growth analytics"
            },
            {
              id: "3",              category: "Team",              categoryIcon: Users,
              title: "Building High-Performance Teams on a Bootstrap Budget",              description: "Learn how to hire, motivate, and retain top talent without breaking the bank. Expert advice for lean teams.",              imageSrc: "https://img.b2bpic.net/free-photo/branding-innovation-creative-inspire-concept_53876-127566.jpg",              imageAlt: "Team collaboration and productivity"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started Today"
          title="Ready to Transform Your Startup?"
          description="Join thousands of founders building the future. Get exclusive access to our platform and start your free trial today."
          tagIcon={Mail}
          inputPlaceholder="Your email address"
          buttonText="Claim Your Free Trial"
          termsText="We respect your privacy. Unsubscribe anytime. Read our privacy policy."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="StartupHub"
          copyrightText="© 2024 StartupHub. All rights reserved."
          columns={[
            {
              title: "Product",              items: [
                { label: "Features", href: "#features" },
                { label: "Pricing", href: "#pricing" },
                { label: "Integrations", href: "#" },
                { label: "API Docs", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Documentation", href: "#" },
                { label: "Community", href: "#" },
                { label: "Support", href: "#contact" },
                { label: "Status", href: "#" }
              ]
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Cookie Policy", href: "#" },
                { label: "Security", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}