"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { CheckCircle, DollarSign, LifeBuoy, ListChecks, LayoutGrid, Rocket, Sparkles, Truck, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumLarge"
        background="fluid"
        cardStyle="gradient-mesh"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Machines",          id: "#machines"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/cyber-monday-labels_23-2147527865.jpg"
      logoAlt="Vending Solutions Logo"
      brandName="Vending Solutions"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Vending Solutions"
      description="Your ultimate partner for modern vending services, delivering convenience and quality, from snacks and drinks to specialty items like shoes and cleaning supplies, directly to your location."
      buttons={[
        {
          text: "Explore Machines",          href: "#machines"},
        {
          text: "Get a Quote",          href: "#contact"},
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/glass-cup-female-hands-background-sideboard-with-beautiful-vintage-dishes_169016-16094.jpg",          imageAlt: "Modern snack vending machine full of products"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/talented-artist-using-watercolor-paint-tubes-create-artwork-canvas_482257-115917.jpg",          imageAlt: "People using a modern vending machine in an office"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-traveling_23-2148383484.jpg",          imageAlt: "Various snacks and drinks neatly displayed in vending machine"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/person-paying-with-its-smartphone-wallet-app_23-2149167238.jpg",          imageAlt: "Vending machine with a digital screen and cashless payment"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/asian-male-barista-making-cup-coffee-espresso-machine_1098-20608.jpg",          imageAlt: "Vending machine being restocked by a service person"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-reading-product-label_23-2149148476.jpg",          imageAlt: "Vending machines installed in various locations"},
      ]}
      autoplayDelay={4000}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Bringing Convenience to Your Fingertips"
      metrics={[
        {
          icon: ListChecks,
          label: "Machines Placed",          value: "500+"},
        {
          icon: DollarSign,
          label: "Transactions Processed",          value: "$1M+"},
        {
          icon: Users,
          label: "Satisfied Locations",          value: "200+"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Customizable Selection",          description: "Choose from a diverse range of snacks, beverages, fresh food, and even specialty items like shoes or cleaning supplies to perfectly match your audience's preferences.",          bentoComponent: "icon-info-cards",          items: [
            {
              icon: Truck,
              label: "Fast Delivery",              value: "Within 24h"},
            {
              icon: LayoutGrid,
              label: "Product Variety",              value: "500+ Items"},
            {
              icon: LifeBuoy,
              label: "Support",              value: "24/7"},
          ]
        },
        {
          title: "Seamless Installation",          description: "Our team handles everything from delivery and setup to routine maintenance, ensuring a hassle-free experience for all machine types.",          bentoComponent: "icon-info-cards",          items: [
            {
              icon: Truck,
              label: "Free Setup",              value: "No Costs"},
            {
              icon: LayoutGrid,
              label: "Flexible Placement",              value: "Anywhere"},
            {
              icon: LifeBuoy,
              label: "Scheduled Maintenance",              value: "Regular Visits"},
          ]
        },
        {
          title: "Smart Monitoring",          description: "Benefit from remote inventory tracking and real-time sales data to optimize product offerings and minimize downtime for all your vending solutions.",          bentoComponent: "icon-info-cards",          items: [
            {
              icon: Truck,
              label: "Real-time Alerts",              value: "Instant Notifications"},
            {
              icon: LayoutGrid,
              label: "Data Analytics",              value: "Smart Insights"},
            {
              icon: LifeBuoy,
              label: "Remote Diagnostics",              value: "Quick Fixes"},
          ]
        }
      ]}
      title="Tailored Vending Experiences"
      description="We offer a range of comprehensive services designed to meet the unique needs of your business and delight your customers."
    />
  </div>

  <div id="machines" data-section="machines">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "machine-1",          name: "Smart Snack & Drink Combo",          price: "$3,500",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-jar-with-smoothie_23-2148527292.jpg",          imageAlt: "Smart snack and drink combo vending machine"},
        {
          id: "machine-2",          name: "Shoe Vending Kiosk",          price: "$7,000",          imageSrc: "http://img.b2bpic.net/free-photo/leather-shoes_1203-9119.jpg",          imageAlt: "Automated shoe vending kiosk"},
        {
          id: "machine-3",          name: "Cleaning Supply Dispenser",          price: "$4,000",          imageSrc: "http://img.b2bpic.net/free-photo/plastic-bottles-spray-bottles_23-2149491763.jpg",          imageAlt: "Vending machine for cleaning supplies"},
        {
          id: "machine-4",          name: "Fresh Food & Healthy Options",          price: "$6,000",          imageSrc: "http://img.b2bpic.net/free-photo/ritual-calm-sauna-light-woman-by-door_169016-69085.jpg",          imageAlt: "Fresh food and healthy options vending machine"},
        {
          id: "machine-5",          name: "Gourmet Coffee & Hot Drinks",          price: "$5,500",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-african-american-girl-thoughtfully-holding-coffee-pot-modern-office_574295-3836.jpg",          imageAlt: "Gourmet coffee and hot drinks vending machine"},
        {
          id: "machine-6",          name: "Customizable Micro Market",          price: "$8,000",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-shopping-food_23-2149187358.jpg",          imageAlt: "Customizable micro market vending machine"},
      ]}
      title="Our Advanced Vending Solutions"
      description="Explore our state-of-the-art vending machines, including snack, beverage, shoe, and cleaning supply options, designed for reliability, efficiency, and a superior user experience."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",          badge: "Standard",          badgeIcon: Sparkles,
          price: "$199/month",          subtitle: "Essential vending machine service",          features: [
            "Machine placement & setup",            "Regular restocking",            "Basic maintenance",            "Standard product selection"],
        },
        {
          id: "premium",          badge: "Recommended",          badgeIcon: CheckCircle,
          price: "$349/month",          subtitle: "Enhanced service for optimal performance",          features: [
            "All Standard features",            "Custom product curation",            "Preventative maintenance",            "Remote inventory monitoring",            "24/7 technical support"],
        },
        {
          id: "enterprise",          badge: "Enterprise",          badgeIcon: Rocket,
          price: "$799/month",          subtitle: "Scalable solutions for large organizations",          features: [
            "All Premium features",            "Dedicated account manager",            "Advanced data analytics",            "Custom machine branding",            "Priority service & support"],
        },
      ]}
      title="Flexible Vending Service Plans"
      description="Choose a plan that best fits your business needs, from full-service solutions to tailored product refills."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          title: "Exceptional Service and Variety!",          quote: "Vending Solutions transformed our office breakroom. The machines are always stocked with a fantastic variety of snacks, and their service is incredibly responsive. Highly recommend!",          name: "Sarah J.",          role: "Office Manager, Tech Innovators",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-businesswoman_23-2149153829.jpg",          imageAlt: "Sarah Johnson, Office Manager"},
        {
          id: "2",          title: "Reliable and Convenient",          quote: "We've been using Vending Solutions for our factory for over a year now. The machines are reliable, and the team ensures they are always full. It's a huge convenience for our staff.",          name: "Mark T.",          role: "Operations Director, Manufacturing Co.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-smiling-blond-girl-tartan-shirt-countryside_627829-7617.jpg",          imageAlt: "Mark T., Operations Director"},
        {
          id: "3",          title: "Perfect for Our School",          quote: "The healthy options from Vending Solutions have been a hit with our students and faculty. The installation was seamless, and they truly understand our needs. A fantastic partner!",          name: "Emily R.",          role: "School Administrator, Green Hills Academy",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-successful-businesswoman-with-charming-smile-posing-street-with-interesting-architecture-background_613910-3354.jpg",          imageAlt: "Emily R., School Administrator"},
        {
          id: "4",          title: "Boosted Employee Satisfaction",          quote: "Providing access to fresh snacks and drinks 24/7 has significantly boosted morale. Vending Solutions provides top-notch machines and a personalized product selection.",          name: "David K.",          role: "HR Manager, Corporate HQ",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport-terminal_107420-85070.jpg",          imageAlt: "David K., HR Manager"},
        {
          id: "5",          title: "Seamless Integration, Great Products",          quote: "From initial consultation to ongoing maintenance, Vending Solutions has been professional and efficient. Their machines are sleek and blend perfectly with our modern office design.",          name: "Olivia M.",          role: "Marketing Lead, Creative Hub",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-owner-standing-bakery-shop_1170-2079.jpg",          imageAlt: "Olivia M., Marketing Lead"},
      ]}
      title="What Our Clients Say"
      description="Hear directly from satisfied businesses and customers who trust us for their vending needs."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",          title: "What types of vending machines do you offer?",          content: "We offer a wide range of vending machines including snack, beverage, fresh food, coffee, specialty retail kiosks, shoe vending, and cleaning supply dispensers. We can customize the selection to fit your location's needs."},
        {
          id: "faq-2",          title: "What are the costs involved for placing a machine?",          content: "Our service plans are flexible. For full-service options, there are often no upfront costs for machine placement. We profit from sales, making it a risk-free solution for your business. Contact us for a personalized quote."},
        {
          id: "faq-3",          title: "How often are machines restocked and maintained?",          content: "Restocking and maintenance schedules are tailored to your location's usage and needs. We use smart monitoring to ensure machines are always stocked and functioning perfectly, often with remote diagnostics."},
        {
          id: "faq-4",          title: "Can I request specific products for my machine?",          content: "Absolutely! We pride ourselves on offering customizable product selections. We work with you to curate a product mix that appeals most to your employees or customers."},
        {
          id: "faq-5",          title: "What kind of payment options are available?",          content: "Our modern machines support various payment methods, including cash, credit/debit cards, and mobile payment options like Apple Pay and Google Pay for ultimate convenience."},
      ]}
      sideTitle="Questions? We Have Answers."
      sideDescription="Find quick answers to the most common questions about our vending machine services and solutions."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      tag="Get in Touch"
      title="Partner with Us for Modern Vending"
      description="Ready to enhance your workplace or public space with convenient and high-quality vending solutions, including snack, beverage, shoe, or cleaning supply machines? Reach out today to order or get a quote!"
      inputPlaceholder="Enter your email for updates"
      buttonText="Submit Inquiry"
      termsText="By submitting, you agree to our Terms and Conditions and Privacy Policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      videoSrc="http://img.b2bpic.net/free-photo/hong-kong-traffic-view_1359-910.jpg"
      videoAriaLabel="Dynamic urban background"
      logoText="Vending Solutions"
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Services",              href: "#services"},
            {
              label: "Machines",              href: "#machines"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Solutions",          items: [
            {
              label: "Office Vending",              href: "#services"},
            {
              label: "School Vending",              href: "#services"},
            {
              label: "Industrial Sites",              href: "#services"},
            {
              label: "Retail Locations",              href: "#services"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Service Request",              href: "#contact"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Vending Solutions. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
