"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, TrendingUp, Users, DollarSign, Globe, Zap, Mail, Twitter, Linkedin, Github } from 'lucide-react';

export default function StartupPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="none"
      cardStyle="glass-depth"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      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" },
            { name: "Blog", id: "https://blog.example.com" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Build the Future with StartupHub"
          description="Empower your startup with cutting-edge tools designed for rapid growth, seamless collaboration, and market-leading innovation. From MVP to unicorn status."
          tag="Innovation Powered"
          tagIcon={Sparkles}
          background={{ variant: "rotated-rays-animated-grid" }}
          mediaItems={[
            { imageSrc: "https://img.b2bpic.net/free-photo/businessman-checking-report-tablet_482257-120320.jpg", imageAlt: "Startup team working together" },
            { imageSrc: "https://img.b2bpic.net/free-photo/multiethnic-coworkers-looking-revenue-figures-tablet-diverse-office_482257-126319.jpg", imageAlt: "Product launch technology" },
            { imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-coworkers-looking-revenue-figures-paperwork_482257-126641.jpg", imageAlt: "Office collaboration workspace" },
            { imageSrc: "https://img.b2bpic.net/free-photo/happy-colleagues-sitting-office-coworking_171337-17723.jpg", imageAlt: "Diverse startup team culture" },
            { imageSrc: "https://img.b2bpic.net/free-photo/group-business-executives-discussing-laptop-their-des_1170-1929.jpg", imageAlt: "Growth and success analytics" }
          ]}
          buttons={[
            { text: "Start Building", href: "contact" },
            { text: "Watch Demo", href: "https://www.youtube.com" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Trusted by hundreds of startups and venture-backed companies building the next generation of technology"
          useInvertedBackground="noInvert"
          metrics={[
            { icon: TrendingUp, label: "Active Startups", value: "500+" },
            { icon: Users, label: "Team Members", value: "2,500+" },
            { icon: DollarSign, label: "Capital Raised", value: "$2.5B+" },
            { icon: Globe, label: "Countries", value: "45+" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSeven
          title="Powerful Features Built for Startup Success"
          description="Everything you need to move fast, collaborate effectively, and scale your startup with confidence."
          tag="Core Features"
          tagIcon={Zap}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Real-time Collaboration",              description: "Work seamlessly with your team across time zones with instant sync, live editing, and built-in communication tools.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-colleagues-sitting-office-coworking_171337-17723.jpg",              imageAlt: "Team collaboration"
            },
            {
              id: 2,
              title: "Analytics Dashboard",              description: "Track key metrics, user behavior, and growth indicators in real-time with customizable dashboards and automated reports.",              imageSrc: "https://img.b2bpic.net/free-photo/group-business-executives-discussing-laptop-their-des_1170-1929.jpg",              imageAlt: "Analytics and growth metrics"
            },
            {
              id: 3,
              title: "Security & Compliance",              description: "Enterprise-grade security, GDPR compliance, and regular audits ensure your data and your users' data stay protected.",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-checking-report-tablet_482257-120320.jpg",              imageAlt: "Security and data protection"
            },
            {
              id: 4,
              title: "API & Integrations",              description: "Connect with 500+ tools and services via our comprehensive API. Build custom workflows without leaving the platform.",              imageSrc: "https://img.b2bpic.net/free-photo/multiethnic-coworkers-looking-revenue-figures-tablet-diverse-office_482257-126319.jpg",              imageAlt: "API and integrations"
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen
          title="Meet the Team Behind Your Success"
          tag="Leadership"
          memberVariant="card"
          useInvertedBackground="noInvert"
          members={[
            {
              id: "1",              name: "Alex Chen",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "Alex Chen, CEO and Founder"
            },
            {
              id: "2",              name: "Sarah Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",              imageAlt: "Sarah Johnson, VP of Product"
            },
            {
              id: "3",              name: "Marcus Williams",              imageSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",              imageAlt: "Marcus Williams, CTO"
            },
            {
              id: "4",              name: "Elena Rodriguez",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",              imageAlt: "Elena Rodriguez, Head of Design"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Loved by Founders and Teams"
          description="Hear from startup leaders who are transforming their businesses with StartupHub"
          tag="Success Stories"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Jessica Mitchell, CEO of TechFlow",              date: "Date: 15 March 2025",              title: "This platform changed everything for us",              quote: "StartupHub enabled our team to move 3x faster. What used to take weeks now takes days. The collaboration features are game-changing, and the support team is incredibly responsive. We can't imagine building without it.",              tag: "Series A",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-coworkers-looking-revenue-figures-paperwork_482257-126641.jpg"
            },
            {
              id: "2",              name: "David Thompson, Founder of DataViz",              date: "Date: 22 February 2025",              title: "Best investment in our startup tooling",              quote: "As a bootstrapped founder, every dollar counts. StartupHub delivers enterprise-grade features at a fraction of the cost. The ROI is immediate, and the platform scales with us effortlessly.",              tag: "Bootstrap",              avatarSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/multiethnic-coworkers-looking-revenue-figures-tablet-diverse-office_482257-126319.jpg"
            },
            {
              id: "3",              name: "Priya Patel, VP Product at ScaleUp AI",              date: "Date: 8 January 2025",              title: "Seamless integration with our tech stack",              quote: "The API documentation is exceptional, and integration took just hours. Our engineering team loves the flexibility and the developer experience. It's rare to find a vendor this focused on customer success.",              tag: "Series B",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/happy-colleagues-sitting-office-coworking_171337-17723.jpg"
            },
            {
              id: "4",              name: "Michael Chen, Founder of NeoVentures",              date: "Date: 25 December 2024",              title: "From zero to product-market fit in months",              quote: "StartupHub's structured approach helped us validate our product faster than we ever thought possible. The community and resources are invaluable. Highly recommend for any early-stage startup.",              tag: "Pre-Series A",              avatarSrc: "https://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84733.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/group-business-executives-discussing-laptop-their-des_1170-1929.jpg"
            },
            {
              id: "5",              name: "Rachel Green, CEO of FutureLabs",              date: "Date: 10 November 2024",              title: "World-class customer support and platform",              quote: "The team goes above and beyond to help us succeed. Regular check-ins, proactive suggestions, and genuine partnership. This is what customer-centric really means.",              tag: "Series A",              avatarSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/businessman-checking-report-tablet_482257-120320.jpg"
            },
            {
              id: "6",              name: "James Anderson, Founder of InnovateCo",              date: "Date: 3 October 2024",              title: "Essential backbone for our growth",              quote: "StartupHub is like having a seasoned operations director on your team. It keeps everything organized, visible, and manageable. Our founders sleep better knowing everything is running smoothly.",              tag: "Series C",              avatarSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/multiethnic-coworkers-looking-revenue-figures-tablet-diverse-office_482257-126319.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Newsletter"
          title="Get Early Access"
          description="Join thousands of founders and builders staying updated with the latest StartupHub features, insights, and startup best practices."
          tagIcon={Mail}
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="you@startup.com"
          buttonText="Join Now"
          termsText="We respect your privacy. Unsubscribe anytime. See our Terms and Privacy Policy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="StartupHub"
          copyrightText="© 2025 StartupHub Inc. All rights reserved."
          socialLinks={[
            { icon: Twitter, href: "https://twitter.com/startuphub", ariaLabel: "Twitter" },
            { icon: Linkedin, href: "https://linkedin.com/company/startuphub", ariaLabel: "LinkedIn" },
            { icon: Github, href: "https://github.com/startuphub", ariaLabel: "GitHub" },
            { icon: Mail, href: "mailto:hello@startuphub.io", ariaLabel: "Email" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}