"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import TextAbout from "@/components/sections/about/TextAbout";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterCard from "@/components/sections/footer/FooterCard";
import { CheckCircle, Mail, Star, TrendingUp, Zap, Sparkles, Twitter, Linkedin, Github } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="AiSetup"
          navItems={[
            { name: "Features", id: "features" },
            { name: "Solutions", id: "solutions" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Pricing", id: "contact" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Intelligent AI Solutions"
          bottomRightText="hello@aisetup.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="The AI Setup Built for Tomorrow"
          description="Harness the power of cutting-edge artificial intelligence. Seamless integration, powerful performance, and premium simplicity."
          tag="Advanced AI Technology"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "noiseDiagonalGradient" }}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APqFbAbpHYJLD6NALC1hlZf4hh/a-sleek-modern-ai-interface-dashboard-di-1772505073096-59fdf5d3.png"
          imageAlt="AI Setup Dashboard Interface"
          buttons={[
            { text: "Get Started", href: "#contact" },
            { text: "Learn More", href: "#features" }
          ]}
          buttonAnimation="slide-up"
          className="py-20"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardMedia
          title="Powerful Features"
          description="Everything you need to build intelligent solutions"
          tag="Capabilities"
          tagAnimation="slide-up"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            {
              id: "1",              title: "Advanced AI Models",              description: "Access state-of-the-art machine learning models optimized for performance and accuracy",              tag: "Core Technology",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APqFbAbpHYJLD6NALC1hlZf4hh/abstract-visualization-of-artificial-int-1772505072742-946d92d2.png?_wi=1"
            },
            {
              id: "2",              title: "Seamless Integration",              description: "Connect with existing tools and platforms through powerful APIs and webhooks",              tag: "Integration",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APqFbAbpHYJLD6NALC1hlZf4hh/seamless-integration-diagram-showing-mul-1772505074186-4a2828b4.png?_wi=1"
            },
            {
              id: "3",              title: "Enterprise Security",              description: "Bank-grade encryption and compliance with industry standards for complete peace of mind",              tag: "Security",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APqFbAbpHYJLD6NALC1hlZf4hh/enterprise-grade-security-interface-with-1772505073446-4662306d.png?_wi=1"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Why Choose Us"
          tagIcon={CheckCircle}
          title="Built for developers and enterprises who demand excellence"
          useInvertedBackground={true}
          buttons={[
            { text: "Explore Solutions", href: "#solutions" }
          ]}
        />
      </div>

      <div id="solutions" data-section="solutions">
        <ProductCardOne
          title="AI Solutions"
          description="Choose the perfect tier for your needs"
          tag="Pricing Plans"
          tagIcon={Zap}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              name: "Starter",              price: "$299/mo",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APqFbAbpHYJLD6NALC1hlZf4hh/premium-ai-software-interface-card-showc-1772505073243-5499ebd2.png"
            },
            {
              id: "2",              name: "Professional",              price: "$999/mo",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APqFbAbpHYJLD6NALC1hlZf4hh/advanced-ai-software-interface-card-for--1772505072501-d2504f7e.png"
            },
            {
              id: "3",              name: "Enterprise",              price: "Custom",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APqFbAbpHYJLD6NALC1hlZf4hh/enterprise-ai-interface-showing-comprehe-1772505072987-a4095675.png"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="Trusted by Industry Leaders"
          description="See what our customers have to say"
          tag="Success Stories"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell, CEO of TechVision",              date: "Date: 15 January 2025",              title: "Transformed Our AI Strategy",              quote: "AiSetup has been instrumental in scaling our machine learning operations. The ease of integration and reliability are unmatched in the industry.",              tag: "Enterprise",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APqFbAbpHYJLD6NALC1hlZf4hh/professional-headshot-of-a-tech-ceo-in-m-1772505072763-3e49ea0e.png",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APqFbAbpHYJLD6NALC1hlZf4hh/abstract-visualization-of-artificial-int-1772505072742-946d92d2.png?_wi=2"
            },
            {
              id: "2",              name: "David Chen, Data Science Lead at DataFlow",              date: "Date: 20 December 2024",              title: "Best AI Infrastructure",              quote: "The platform's performance and security features exceeded our expectations. Our team productivity increased by 40% within the first month.",              tag: "Professional",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APqFbAbpHYJLD6NALC1hlZf4hh/portrait-of-a-data-scientist-in-modern-t-1772505072565-a87684f6.png",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APqFbAbpHYJLD6NALC1hlZf4hh/a-sophisticated-3d-ai-model-visualizatio-1772505072878-7279b1cf.png"
            },
            {
              id: "3",              name: "Jessica Liu, Founder of AI Innovations",              date: "Date: 10 December 2024",              title: "Perfect for Startups",              quote: "From setup to production, AiSetup made everything seamless. It's the perfect foundation for building intelligent applications.",              tag: "Startup",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APqFbAbpHYJLD6NALC1hlZf4hh/headshot-of-a-startup-founder-in-minimal-1772505072389-d8a1f726.png",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APqFbAbpHYJLD6NALC1hlZf4hh/seamless-integration-diagram-showing-mul-1772505074186-4a2828b4.png?_wi=2"
            },
            {
              id: "4",              name: "Marcus Thompson, AI Researcher at InnovateLabs",              date: "Date: 5 December 2024",              title: "Research Grade Quality",              quote: "The advanced features and flexibility allow us to push the boundaries of what's possible with AI. Highly recommended for serious teams.",              tag: "Research",              avatarSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APqFbAbpHYJLD6NALC1hlZf4hh/portrait-of-an-ai-researcher-in-modern-r-1772505072920-66f7da3c.png",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APqFbAbpHYJLD6NALC1hlZf4hh/enterprise-grade-security-interface-with-1772505073446-4662306d.png?_wi=2"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardSeven
          title="By The Numbers"
          description="Our impact and growth"
          tag="Achievements"
          tagIcon={TrendingUp}
          tagAnimation="slide-up"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          metrics={[
            {
              id: "1",              value: "10K+",              title: "Active Users Worldwide",              items: ["Growing daily", "Enterprise clients"]
            },
            {
              id: "2",              value: "99.99%",              title: "Uptime Guarantee",              items: ["Zero downtime record", "Enterprise SLA"]
            },
            {
              id: "3",              value: "50M+",              title: "AI Requests Daily",              items: ["Millisecond response", "Global distribution"]
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get Started"
          tagIcon={Mail}
          title="Ready to Build with AI?"
          description="Join thousands of developers and enterprises transforming their business with our AI platform. Start your free trial today."
          buttons={[
            { text: "Start Free Trial", href: "https://example.com/signup" },
            { text: "Schedule Demo", href: "https://example.com/demo" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={true}
        />
      </div>

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