"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Zap, Shield, TrendingUp, BarChart3, Users, Code, Linkedin, Twitter, Github, Globe, Mail } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Nexus"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Team", id: "team" },
            { name: "Investors", id: "investors" },
            { name: "Contact", id: "contact" },
            { name: "Careers", id: "careers" }
          ]}
          bottomLeftText="San Francisco, CA"
          bottomRightText="hello@nexus.io"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Accelerate Your Growth with Nexus"
          description="The all-in-one platform designed for ambitious startups. Build faster, scale smarter, and secure your future with cutting-edge technology and world-class support."
          tag="Backed by Top Investors"
          tagIcon={Zap}
          background={{ variant: "glowing-orb" }}
          imageSrc="https://img.b2bpic.net/free-photo/teammates-working-late-office_23-2148991369.jpg"
          imageAlt="Startup growth illustration"
          imagePosition="right"
          buttons={[
            { text: "Start Free Trial", href: "contact" },
            { text: "View Demo", href: "https://demo.example.com" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureBorderGlow
          title="Powerful Features for Startup Success"
          description="Everything you need to build, launch, and scale your product"
          features={[
            {
              icon: Zap,
              title: "Lightning Fast Performance",              description: "Sub-millisecond response times and optimized infrastructure for maximum speed and reliability"
            },
            {
              icon: Shield,
              title: "Enterprise Security",              description: "Bank-level encryption, SOC 2 compliance, and 24/7 security monitoring"
            },
            {
              icon: TrendingUp,
              title: "Unlimited Scalability",              description: "Auto-scaling infrastructure handles millions of requests without performance degradation"
            },
            {
              icon: BarChart3,
              title: "Advanced Analytics",              description: "Real-time insights and custom dashboards to track what matters most"
            },
            {
              icon: Users,
              title: "Team Collaboration",              description: "Built-in tools for seamless teamwork and project management"
            },
            {
              icon: Code,
              title: "Developer Friendly",              description: "Comprehensive APIs and SDKs with excellent documentation and support"
            }
          ]}
          tag="Key Capabilities"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          title="Meet the Team"
          description="The brilliant minds powering Nexus forward"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          members={[
            {
              id: "1",              name: "Sarah Chen",              role: "Founder & CEO",              description: "Former VP of Product at TechCorp. 10+ years building scalable platforms.",              imageSrc: "https://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",              imageAlt: "Sarah Chen, CEO",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com/in/sarahchen" },
                { icon: Twitter, url: "https://twitter.com/sarahchen" }
              ]
            },
            {
              id: "2",              name: "Alex Rivera",              role: "CTO & Co-Founder",              description: "Stanford PhD in Computer Science. Built infrastructure for 100M+ users.",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",              imageAlt: "Alex Rivera, CTO",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com/in/alexrivera" },
                { icon: Github, url: "https://github.com/alexrivera" }
              ]
            },
            {
              id: "3",              name: "Marcus Johnson",              role: "VP of Business Development",              description: "Ex-Stripe, brought on 500+ enterprise customers. Strategic visionary.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",              imageAlt: "Marcus Johnson, VP",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com/in/marcusjohnson" },
                { icon: Twitter, url: "https://twitter.com/marcusj" }
              ]
            },
            {
              id: "4",              name: "Emma Liu",              role: "Head of Design",              description: "Award-winning designer. Passionate about creating intuitive user experiences.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Emma Liu, Head of Design",              socialLinks: [
                { icon: Linkedin, url: "https://linkedin.com/in/emmaliu" },
                { icon: Globe, url: "https://emmaliu.design" }
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Customers Say"
          description="Hear from founders and leaders who are transforming their businesses with Nexus"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              name: "Jessica Wong",              role: "Founder",              company: "TechVentures Inc",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg",              imageAlt: "Jessica Wong"
            },
            {
              id: "2",              name: "David Lee",              role: "CEO",              company: "InnovateLabs",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              imageAlt: "David Lee"
            },
            {
              id: "3",              name: "Rachel Martinez",              role: "CTO",              company: "CloudScale",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg",              imageAlt: "Rachel Martinez"
            },
            {
              id: "4",              name: "Thomas Anderson",              role: "VP Engineering",              company: "NextGen Systems",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-middle-aged-business-leader-window_1262-5674.jpg",              imageAlt: "Thomas Anderson"
            },
            {
              id: "5",              name: "Priya Sharma",              role: "Founder & CEO",              company: "DataFlow AI",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",              imageAlt: "Priya Sharma"
            },
            {
              id: "6",              name: "Michael Zhang",              role: "Founder",              company: "SecureStack",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg",              imageAlt: "Michael Zhang"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started"
          tagIcon={Mail}
          title="Ready to Transform Your Business?"
          description="Join hundreds of startups accelerating their growth with Nexus. Sign up for our free trial today."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="your@startup.com"
          buttonText="Get Started Free"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

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