"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { Sparkles, Zap, Users, Heart, Rocket } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="compact"
      sizing="medium"
      background="aurora"
      cardStyle="solid"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Webild"
          button={{
            text: "Get Started",            href: "#contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Generate Projects That Matter"
          description="Webild transforms your ideas into fully-realized projects with intelligent generation, seamless collaboration, and powerful insights. Accelerate your workflow and bring your vision to life faster than ever."
          tag="AI-Powered Generation"
          tagIcon={Sparkles}
          buttons={[
            {
              text: "Start Generating",              href: "#contact"
            },
            {
              text: "Watch Demo"
            }
          ]}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/it-professionals-using-artificial-intelligence-augmented-reality-hologram_482257-91045.jpg",              imageAlt: "Project generation showcase"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/person-working-html-computer_23-2150038853.jpg",              imageAlt: "Startup workspace collaboration"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/meeting-developers_1098-19850.jpg",              imageAlt: "Technology development"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/it-consultants-brainstorm-ways-use-ai-cognitive-computing-extract-usable-information-from-complex-data-high-tech-facility-workers-implement-artificial-intelligence-process-inference-datasets_482257-70176.jpg",              imageAlt: "Analytics and insights"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/qualified-technicians-brainstorm-ways-use-ai-cognitive-computing-extract-usable-information-from-complex-data-team-specialists-implement-artificial-intelligence-process-massive-datasets_482257-70365.jpg",              imageAlt: "Team collaboration interface"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/group-teens-doing-experiments-robotics-laboratory-boy-girls-protective-vr_1268-23740.jpg",              imageAlt: "Growth and success metrics"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Empowering teams to generate, collaborate, and deliver exceptional projects with intelligent automation and real-time insights"
          buttons={[
            {
              text: "Learn More",              href: "#features"
            },
            {
              text: "Explore Features",              href: "#features"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          title="Powerful Features"
          description="Discover the capabilities that make Webild the ultimate project generation platform"
          tag="Features"
          tagIcon={Zap}
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          features={[
            {
              id: "01",              title: "Intelligent Automation",              description: "Let AI handle repetitive tasks and focus on what matters. Generate project structures, documentation, and more in seconds.",              imageSrc: "https://img.b2bpic.net/free-vector/robot-hand-presses-button-mechanical-gear_1150-43060.jpg",              imageAlt: "Automation workflow"
            },
            {
              id: "02",              title: "Real-Time Collaboration",              description: "Work together seamlessly with your team. Share updates, provide feedback, and stay synchronized across all projects.",              imageSrc: "https://img.b2bpic.net/free-photo/programming-background-with-html_23-2150038862.jpg",              imageAlt: "Team collaboration"
            },
            {
              id: "03",              title: "Deep Insights",              description: "Gain actionable insights into your projects. Track progress, identify bottlenecks, and optimize your workflow with data-driven metrics.",              imageSrc: "https://img.b2bpic.net/free-photo/hands-multitasking-with-laptop-notebook_23-2149311907.jpg",              imageAlt: "Analytics dashboard"
            },
            {
              id: "04",              title: "Seamless Integration",              description: "Connect with your favorite tools and services. APIs and plugins make it easy to integrate Webild into your existing workflow.",              imageSrc: "https://img.b2bpic.net/free-photo/automation-production-system-operation-precess-concept_53876-138637.jpg",              imageAlt: "Integration ecosystem"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardSix
          title="Meet Our Team"
          description="Meet the talented people building the future of project generation"
          tag="Team"
          tagIcon={Users}
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          members={[
            {
              id: "1",              name: "Alex Rivera",              role: "CEO & Founder",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Alex Rivera"
            },
            {
              id: "2",              name: "Jordan Chen",              role: "CTO",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageAlt: "Jordan Chen"
            },
            {
              id: "3",              name: "Maya Patel",              role: "Head of Design",              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: "Maya Patel"
            },
            {
              id: "4",              name: "Chris Thompson",              role: "VP Operations",              imageSrc: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",              imageAlt: "Chris Thompson"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          cardTitle="Trusted by 5,000+ teams who generate remarkable projects every day"
          cardTag="Customer Stories"
          cardTagIcon={Heart}
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Michael Chen",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              imageAlt: "Michael Chen"
            },
            {
              id: "3",              name: "Emma Davis",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-outdoors-business-man-smiles_23-2148763856.jpg",              imageAlt: "Emma Davis"
            },
            {
              id: "4",              name: "David Kim",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1563.jpg",              imageAlt: "David Kim"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started"
          title="Ready to generate your next project?"
          description="Join thousands of teams using Webild to accelerate their project generation workflow. Start free today and see the difference intelligent automation can make."
          tagIcon={Rocket}
          inputPlaceholder="Enter your email"
          buttonText="Start Free"
          termsText="By signing up, you agree to our Terms of Service and Privacy Policy."
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Webild"
          columns={[
            {
              title: "Product",              items: [
                {
                  label: "Features",                  href: "#features"
                },
                {
                  label: "Pricing",                  href: "#pricing"
                },
                {
                  label: "Security",                  href: "#security"
                },
                {
                  label: "Roadmap",                  href: "#roadmap"
                }
              ]
            },
            {
              title: "Company",              items: [
                {
                  label: "About",                  href: "#about"
                },
                {
                  label: "Team",                  href: "#team"
                },
                {
                  label: "Blog",                  href: "#blog"
                },
                {
                  label: "Careers",                  href: "#careers"
                }
              ]
            },
            {
              title: "Resources",              items: [
                {
                  label: "Documentation",                  href: "#docs"
                },
                {
                  label: "API Reference",                  href: "#api"
                },
                {
                  label: "Support",                  href: "#support"
                },
                {
                  label: "Community",                  href: "#community"
                }
              ]
            },
            {
              title: "Legal",              items: [
                {
                  label: "Privacy Policy",                  href: "#privacy"
                },
                {
                  label: "Terms of Service",                  href: "#terms"
                },
                {
                  label: "Cookie Policy",                  href: "#cookies"
                },
                {
                  label: "Contact",                  href: "#contact"
                }
              ]
            }
          ]}
          copyrightText="© 2025 Webild. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}