"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardSplit from '@/components/sections/hero/HeroBillboardSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCenterForm from '@/components/sections/contact/ContactCenterForm';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Zap, CheckCircle, Sparkles, Users, Award } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="large"
      background="noise"
      cardStyle="inset"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="TechVenture"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Solutions", id: "products" },
            { name: "Team", id: "team" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get Started",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardSplit
          title="Transform Your Business with Enterprise-Grade IT Solutions"
          description="Empower your organization with cutting-edge technology, cloud infrastructure, and digital transformation services designed for modern businesses."
          tag="Enterprise Technology Partner"
          tagIcon={Zap}
          buttons={[
            { text: "Schedule Demo", href: "contact" },
            { text: "View Solutions", href: "products" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169860.jpg"
          imageAlt="IT Solutions Dashboard"
          frameStyle="browser"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Building the Future of Enterprise Technology"
          description="TechVenture is a forward-thinking IT company committed to delivering innovative solutions that drive digital transformation. We partner with businesses to unlock their potential through strategic technology implementation, expert consulting, and world-class support."
          tag="Our Mission"
          imageSrc="https://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167443.jpg"
          imageAlt="Our Team"
          buttons={[
            { text: "Learn More", href: "#" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyOne
          title="Comprehensive IT Solutions"
          description="Explore our complete range of services designed to modernize your infrastructure and accelerate digital transformation."
          tag="Our Services"
          tagIcon={CheckCircle}
          imageSrc="https://img.b2bpic.net/free-vector/infographic-dashboard-user-panel_52683-30026.jpg"
          imageAlt="Automation & Workflow"
          accordionItems={[
            {
              id: "1",              title: "Cloud Infrastructure & Migration",              content: "Seamlessly migrate your applications to secure, scalable cloud platforms. We handle architecture design, data migration, and optimization to maximize performance and minimize downtime."
            },
            {
              id: "2",              title: "Cybersecurity & Compliance",              content: "Protect your business with enterprise-grade security solutions. From threat detection to compliance management, we ensure your data stays secure against evolving threats."
            },
            {
              id: "3",              title: "Digital Transformation Consulting",              content: "Strategic guidance to modernize your operations. Our consultants work with your team to identify opportunities, plan implementation, and drive organizational change."
            },
            {
              id: "4",              title: "Managed IT Services",              content: "24/7 monitoring and support for your entire IT infrastructure. Proactive maintenance, rapid issue resolution, and continuous optimization keep your systems running smoothly."
            }
          ]}
          buttons={[
            { text: "Explore Services", href: "#" }
          ]}
          useInvertedBackground="noInvert"
          mediaPosition="left"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Our Solutions"
          description="Discover the powerful tools and platforms we use to deliver results for our clients."
          tag="Technology Stack"
          tagIcon={Sparkles}
          products={[
            {
              id: "1",              name: "Cloud Platform Suite",              price: "Custom Pricing",              imageSrc: "https://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241199.jpg",              imageAlt: "Cloud Platform Suite"
            },
            {
              id: "2",              name: "Security Nexus Pro",              price: "Custom Pricing",              imageSrc: "https://img.b2bpic.net/free-photo/futuristic-ai-data-visualization_23-2151977857.jpg",              imageAlt: "Security Nexus Pro"
            },
            {
              id: "3",              name: "Analytics Intelligence",              price: "Custom Pricing",              imageSrc: "https://img.b2bpic.net/free-photo/touching-future-data-analysis-technology-interface_23-2151964670.jpg",              imageAlt: "Analytics Intelligence"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "View All Solutions", href: "#" }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          title="Meet Our Expert Team"
          description="The talented professionals behind TechVenture's success, committed to your digital transformation journey."
          tag="Leadership"
          tagIcon={Users}
          members={[
            {
              id: "1",              name: "Alex Johnson",              role: "CTO & Co-founder",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Alex Johnson"
            },
            {
              id: "2",              name: "Sarah Chen",              role: "VP of Solutions",              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: "Sarah Chen"
            },
            {
              id: "3",              name: "Michael Rodriguez",              role: "Lead Cloud Architect",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "Michael Rodriguez"
            },
            {
              id: "4",              name: "Emma Thompson",              role: "Security Director",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",              imageAlt: "Emma Thompson"
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Trusted by Leading Enterprises"
          description="See how TechVenture has transformed businesses across industries."
          tag="Client Success"
          tagIcon={Award}
          testimonials={[
            {
              id: "1",              title: "Accelerated Cloud Migration",              quote: "TechVenture guided us through a complex cloud migration that reduced our infrastructure costs by 40% while improving system performance. Their expertise and support were invaluable.",              name: "David Martinez",              role: "CIO, FinTech Solutions Inc.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",              imageAlt: "David Martinez"
            },
            {
              id: "2",              title: "Enhanced Security Posture",              quote: "The cybersecurity framework implemented by TechVenture has been transformative. We now have complete visibility into our systems and have achieved industry compliance effortlessly.",              name: "Jennifer Lee",              role: "Director of IT, Healthcare Group",              imageSrc: "https://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",              imageAlt: "Jennifer Lee"
            },
            {
              id: "3",              title: "Digital Transformation Success",              quote: "From legacy systems to modern cloud architecture in 8 months. TechVenture's team managed every detail of our transformation, and our operations efficiency improved by 60%.",              name: "Robert Chen",              role: "CEO, Manufacturing Co.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",              imageAlt: "Robert Chen"
            },
            {
              id: "4",              title: "24/7 Managed Support",              quote: "Their managed IT services team is exceptional. We eliminated IT headaches and can now focus on core business growth. Support is responsive and professional.",              name: "Patricia Williams",              role: "COO, Retail Enterprise",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "Patricia Williams"
            },
            {
              id: "5",              title: "Strategic Technology Partnership",              quote: "TechVenture isn't just a vendor—they're a true partner invested in our success. Their strategic guidance shaped our technology roadmap for the next 5 years.",              name: "James Foster",              role: "VP Technology, E-commerce Platform",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg",              imageAlt: "James Foster"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenterForm
          title="Start Your Digital Transformation Today"
          description="Get in touch with our team to discuss your IT needs and discover how we can drive your business forward."
          inputs={[
            {
              id: "company",              label: "Company Name",              type: "text",              placeholder: "Your Company",              required: true
            },
            {
              id: "email",              label: "Email Address",              type: "email",              placeholder: "you@company.com",              required: true
            },
            {
              id: "phone",              label: "Phone Number",              type: "tel",              placeholder: "+1 (555) 123-4567",              required: false
            }
          ]}
          textarea={{
            id: "message",            label: "Tell us about your project",            placeholder: "Describe your IT challenges and goals...",            required: true
          }}
          buttonText="Schedule Consultation"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="TechVenture"
          columns={[
            {
              title: "Solutions",              items: [
                { label: "Cloud Services", href: "#" },
                { label: "Security", href: "#" },
                { label: "Consulting", href: "#" },
                { label: "Managed Services", href: "#" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#" },
                { label: "Our Team", href: "#" },
                { label: "Case Studies", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Documentation", href: "#" },
                { label: "API Reference", href: "#" },
                { label: "Support Center", href: "#" },
                { label: "Downloads", href: "#" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "info@techventure.io", href: "mailto:info@techventure.io" },
                { label: "1-800-TECH-VEN", href: "tel:+18008324836" },
                { label: "LinkedIn", href: "#" },
                { label: "Twitter", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 TechVenture. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}