"use client";

import { BarChart3, Leaf, Mail, Package, Palette, Phone, Sparkles, Star, Zap } from "lucide-react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
import MediaAbout from "@/components/sections/about/MediaAbout";
import FeatureCardTwentySix from "@/components/sections/feature/FeatureCardTwentySix";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="fluid"
      cardStyle="outline"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="VendSpace"
          navItems={[
            { name: "Solutions", id: "features" },
            { name: "Pricing", id: "pricing" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
            { name: "Blog", id: "https://blog.example.com" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDualMedia
          title="Transform Your Vending Operations with Intelligent Solutions"
          description="Experience the future of automated retail with VendSpace. Our hyper-modern vending machine solutions leverage AI-powered analytics, seamless integrations, and premium hardware to maximize your revenue and streamline operations."
          tag="Premium Vending Solutions"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "fluid" }}
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/a-stunning-futuristic-vending-machine-da-1772518307644-0c3de1d4.png",              imageAlt: "VendSpace analytics dashboard interface"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/multiple-sleek-modern-vending-machines-a-1772518307786-4b3aa874.png",              imageAlt: "Modern VendSpace vending machines"
            }
          ]}
          rating={5}
          ratingText="Trusted by 500+ businesses worldwide"
          buttons={[
            { text: "Request Demo", href: "#contact" },
            { text: "Explore Solutions", href: "#features" }
          ]}
          buttonAnimation="slide-up"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Redefining Automated Retail"
          description="VendSpace combines cutting-edge technology with proven business models to deliver exceptional value. Our intelligent vending machines are designed for operators who demand premium quality, real-time insights, and seamless integration with their existing infrastructure."
          tag="About Us"
          tagIcon={Zap}
          tagAnimation="slide-up"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/multiple-sleek-modern-vending-machines-a-1772518307786-4b3aa874.png"
          imageAlt="VendSpace vending machines in action"
          useInvertedBackground={false}
          buttons={[
            { text: "Learn More", href: "#features" }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentySix
          title="Powerful Features Built for Success"
          description="Every feature is engineered to maximize efficiency, revenue, and customer satisfaction."
          tag="Innovation"
          tagAnimation="slide-up"
          features={[
            {
              title: "AI-Powered Analytics",              description: "Real-time insights into sales patterns, inventory levels, and customer behavior to optimize your operations.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/real-time-analytics-dashboard-showing-ve-1772518308033-df55765c.png",              imageAlt: "Analytics dashboard with real-time metrics",              buttonIcon: BarChart3
            },
            {
              title: "Smart Inventory Management",              description: "Automated inventory tracking with predictive restocking recommendations to eliminate stockouts.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/close-up-of-advanced-vending-machine-tec-1772518308113-1358bc09.png",              imageAlt: "Smart inventory management system",              buttonIcon: Package
            },
            {
              title: "Seamless Integration",              description: "Connect with payment systems, CRM platforms, and business intelligence tools effortlessly.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/integration-ecosystem-diagram-showing-ve-1772518307412-248fdb11.png",              imageAlt: "Integration ecosystem visualization",              buttonIcon: Zap
            },
            {
              title: "Sustainability Focused",              description: "Energy-efficient operations with comprehensive environmental monitoring and eco-friendly design.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/eco-friendly-vending-machine-in-a-green--1772518308538-caf1a179.png",              imageAlt: "Eco-friendly vending machine features",              buttonIcon: Leaf
            },
            {
              title: "24/7 Remote Support",              description: "Proactive monitoring, instant alerts, and expert support available around the clock.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/a-stunning-futuristic-vending-machine-da-1772518307644-0c3de1d4.png",              imageAlt: "Remote monitoring and support interface",              buttonIcon: Phone
            },
            {
              title: "White-Label Solutions",              description: "Customize branding and interfaces to match your company identity and customer experience.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/close-up-of-advanced-vending-machine-tec-1772518308113-1358bc09.png",              imageAlt: "Customizable interface design",              buttonIcon: Palette
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Our Vending Solutions"
          description="Choose the perfect VendSpace machine for your business needs."
          tag="Product Lineup"
          tagAnimation="slide-up"
          products={[
            {
              id: "1",              name: "VendSpace Standard",              price: "$8,999",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/professional-product-shot-of-vendspace-s-1772518308008-4ca67c3e.png",              imageAlt: "VendSpace Standard vending machine",              initialQuantity: 1
            },
            {
              id: "2",              name: "VendSpace Premium",              price: "$14,999",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/high-end-vendspace-premium-vending-machi-1772518309018-671b369b.png",              imageAlt: "VendSpace Premium vending machine",              initialQuantity: 1
            },
            {
              id: "3",              name: "VendSpace Enterprise",              price: "$24,999",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/industrial-grade-vendspace-enterprise-ve-1772518308156-9dc3dd01.png",              imageAlt: "VendSpace Enterprise vending machine",              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Flexible Pricing Plans"
          description="Choose a plan that scales with your business. All plans include 24/7 support and regular updates."
          tag="Pricing"
          tagAnimation="slide-up"
          plans={[
            {
              id: "starter",              title: "Starter",              price: "$199",              period: "/month",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/professional-product-shot-of-vendspace-s-1772518308008-4ca67c3e.png",              imageAlt: "Starter plan features",              button: { text: "Get Started", href: "#contact" },
              features: [
                "Up to 5 machines",                "Basic analytics dashboard",                "Standard support",                "Monthly performance reports",                "Integration with 1 payment system"
              ]
            },
            {
              id: "professional",              title: "Professional",              price: "$599",              period: "/month",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/high-end-vendspace-premium-vending-machi-1772518309018-671b369b.png",              imageAlt: "Professional plan features",              button: { text: "Choose Plan", href: "#contact" },
              features: [
                "Up to 25 machines",                "Advanced analytics & AI insights",                "Priority support",                "Real-time reporting",                "Integration with 5+ systems",                "Predictive inventory management"
              ]
            },
            {
              id: "enterprise",              title: "Enterprise",              price: "Custom",              period: "/contact",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/industrial-grade-vendspace-enterprise-ve-1772518308156-9dc3dd01.png",              imageAlt: "Enterprise plan features",              button: { text: "Contact Sales", href: "#contact" },
              features: [
                "Unlimited machines",                "Custom analytics & white-label",                "Dedicated account manager",                "Real-time API access",                "Custom integrations",                "Advanced sustainability tracking",                "SLA guarantees"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Trusted by Industry Leaders"
          description="Join hundreds of businesses transforming their operations with VendSpace."
          tag="Partners"
          tagAnimation="slide-up"
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/professional-tech-company-logo-design-mo-1772518306715-be0e6661.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/modern-retail-chain-company-logo-clean-p-1772518306419-15bd3a31.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/food-and-beverage-company-logo-design-pr-1772518306797-bd06f049.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/hospitality-industry-company-logo-modern-1772518306652-751e6871.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/corporate-enterprise-company-logo-minima-1772518305960-f411a587.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/financial-services-company-logo-modern-t-1772518306728-700b3a96.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/healthcare-provider-company-logo-profess-1772518308304-f31cb448.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/educational-institution-logo-modern-prof-1772518308131-14f76b8e.png"
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Sarah Chen",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/professional-headshot-of-a-business-exec-1772518308083-890c0991.png",              imageAlt: "Sarah Chen, VP Operations"
            },
            {
              id: "2",              name: "Marcus Johnson",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/professional-portrait-of-a-facilities-ma-1772518306931-5f1155fd.png",              imageAlt: "Marcus Johnson, Facilities Director"
            },
            {
              id: "3",              name: "Elena Rodriguez",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/professional-headshot-of-a-retail-busine-1772518308185-7c67394e.png",              imageAlt: "Elena Rodriguez, Business Owner"
            },
            {
              id: "4",              name: "David Kim",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/professional-portrait-of-an-operations-d-1772518306332-4319221e.png",              imageAlt: "David Kim, Operations Manager"
            },
            {
              id: "5",              name: "Jennifer Martinez",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/professional-headshot-of-a-business-deve-1772518307832-648b4978.png",              imageAlt: "Jennifer Martinez, Business Development"
            },
            {
              id: "6",              name: "Thomas Wright",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQIBvT7xbz7s3SJ7jr5EHSYCwH/professional-portrait-of-a-location-mana-1772518307535-062fb0b6.png",              imageAlt: "Thomas Wright, Location Manager"
            }
          ]}
          cardTitle="Over 500+ businesses leverage VendSpace to maximize revenue and streamline operations"
          cardTag="See what they achieved"
          cardTagIcon={Star}
          cardAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Ready to Transform?"
          tagIcon={Mail}
          tagAnimation="slide-up"
          title="Start Your VendSpace Journey Today"
          description="Join hundreds of successful businesses already benefiting from intelligent vending solutions. Schedule a demo with our team and discover how VendSpace can revolutionize your operations."
          buttons={[
            { text: "Request Demo", href: "mailto:sales@vendspace.com" },
            { text: "Download Brochure", href: "#" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "fluid" }}
          useInvertedBackground={false}
        />
      </div>

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