"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { CheckCircle, Clock, Gift, MapPin, Package, ShoppingCart, Sparkles, Star, TrendingUp, Truck, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="medium"
        background="aurora"
        cardStyle="glass-elevated"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Surtibarber"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "radial-gradient",
      }}
      title="Barbershop Supplies, Wholesale Prices, Local Quality"
      description="Trusted by Montería's barbers for premium grooming products at wholesale and retail rates. Seasonal stock, fast service, same-day availability."
      buttons={[
        {
          text: "Shop Now",
          href: "#products",
        },
        {
          text: "Visit Us Today",
          href: "#contact",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woodshave-plastic-bag-metal-basket_23-2147826726.jpg?_wi=1",
          imageAlt: "Collection of barbershop supplies",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-trimming-beard-client_23-2147778906.jpg?_wi=1",
          imageAlt: "Barber cutting hair",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347094.jpg?_wi=1",
          imageAlt: "Shelf with premium hair products",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/vintage-salon-tools-jobs-career-concept_53876-127080.jpg",
          imageAlt: "Barber preparing tools",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-communicating-with-aged-client-studio_23-2148181856.jpg",
          imageAlt: "Busy barbershop interior",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122071.jpg",
          imageAlt: "Various mens fragrances",
        },
      ]}
      mediaAnimation="opacity"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Our Story"
      title="Your Trusted Partner for Barber Excellence"
      description="For years, Surtibarber Monteria has been the go-to source for professional barbers and enthusiasts alike. Our commitment to quality, value, and community has earned us a 4.8-star Google rating."
      subdescription="We pride ourselves on offering the widest selection of clippers, grooming essentials, and personal care products, ensuring you always have the best tools at your fingertips."
      icon={Star}
      imageSrc="http://img.b2bpic.net/free-photo/african-woman-walking-with-shopping-basket-modern-home-furnishings-store_627829-13725.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Seasonal Stock",
          description: "Stay ahead of trends with our regularly updated inventory of the latest and freshest products.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/close-up-electric-trimmer-dressing-table_107420-94802.jpg",
          },
          items: [
            {
              icon: TrendingUp,
              text: "Latest Trends",
            },
            {
              icon: Package,
              text: "New Arrivals",
            },
            {
              icon: Gift,
              text: "Exclusive Items",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/woodshave-plastic-bag-metal-basket_23-2147826726.jpg?_wi=2",
          imageAlt: "seasonal barber product display",
        },
        {
          title: "Fast Service",
          description: "Our streamlined process ensures quick order fulfillment, so you get your supplies without delay.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-checking-document_23-2148902536.jpg",
          },
          items: [
            {
              icon: Zap,
              text: "Quick Processing",
            },
            {
              icon: Truck,
              text: "Efficient Delivery",
            },
            {
              icon: Clock,
              text: "Time-Saving",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-trimming-beard-client_23-2147778906.jpg?_wi=2",
          imageAlt: "seasonal barber product display",
        },
        {
          title: "Same-Day Availability",
          description: "Need it now? Many popular items are available for immediate pickup or delivery within Montería.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/woman-coming-friends-shopping_23-2147688680.jpg",
          },
          items: [
            {
              icon: MapPin,
              text: "Local Stock",
            },
            {
              icon: ShoppingCart,
              text: "Instant Purchases",
            },
            {
              icon: CheckCircle,
              text: "Guaranteed Access",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-items_23-2150347094.jpg?_wi=2",
          imageAlt: "seasonal barber product display",
        },
      ]}
      title="Why Barbers Choose Surtibarber"
      description="We're dedicated to empowering local barbers with exceptional service and the best products on the market."
      tag="Our Advantages"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Professional Hair Clippers",
          price: "$120.00",
          imageSrc: "http://img.b2bpic.net/free-photo/headshot-caucasian-pleased-guy-30s-being-undressed-bathroom-while-shaving-face-with-trimmer-grey-wall_171337-2979.jpg",
          imageAlt: "Professional Hair Clippers",
        },
        {
          id: "p2",
          name: "Classic Straight Razor",
          price: "$45.00",
          imageSrc: "http://img.b2bpic.net/free-photo/blue-disposable-razor-blade-with-water-drops_463209-15.jpg",
          imageAlt: "Classic Straight Razor",
        },
        {
          id: "p3",
          name: "Luxury Shaving Cream",
          price: "$25.00",
          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435206.jpg",
          imageAlt: "Luxury Shaving Cream",
        },
        {
          id: "p4",
          name: "Boar Bristle Shaving Brush",
          price: "$30.00",
          imageSrc: "http://img.b2bpic.net/free-photo/collar-rake_23-2147799915.jpg",
          imageAlt: "Boar Bristle Shaving Brush",
        },
        {
          id: "p5",
          name: "Classic Hold Pomade",
          price: "$18.00",
          imageSrc: "http://img.b2bpic.net/free-photo/man-work-with-hair-hairdresser-with-client_1157-43582.jpg",
          imageAlt: "Classic Hold Pomade",
        },
        {
          id: "p6",
          name: "Professional Barber Shampoo",
          price: "$35.00",
          imageSrc: "http://img.b2bpic.net/free-photo/photo-black-plastic-bottle-with-dispenser-including-hair-care-product_651396-969.jpg",
          imageAlt: "Professional Barber Shampoo",
        },
      ]}
      title="Discover Our Premium Selection"
      description="Explore a wide range of barbershop essentials, from professional clippers to luxurious grooming products, available for both wholesale and retail."
      tag="Our Catalog"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "retail",
          name: "Retail Shopper",
          price: "Standard Price",
          buttons: [
            {
              text: "Shop Now",
              href: "#products",
            },
          ],
          features: [
            "Access to all retail products",
            "Competitive individual pricing",
            "In-store pickup & local delivery",
            "New product announcements",
          ],
        },
        {
          id: "barber-pro",
          name: "Barber Pro Account",
          price: "Wholesale Pricing",
          badge: "Popular",
          badgeIcon: Sparkles,
          buttons: [
            {
              text: "Apply Now",
              href: "#contact",
            },
          ],
          features: [
            "Exclusive wholesale rates",
            "Bulk purchase discounts",
            "Priority support & ordering",
            "Dedicated account manager",
          ],
        },
        {
          id: "master-barber",
          name: "Master Barber Partner",
          price: "Premium Wholesale",
          buttons: [
            {
              text: "Inquire",
              href: "#contact",
            },
          ],
          features: [
            "Highest tier discounts",
            "Early access to new products",
            "Custom order fulfillment",
            "Marketing collaboration opportunities",
          ],
        },
      ]}
      title="Value for Every Barber"
      description="Whether you're stocking your shop or refreshing your personal kit, Surtibarber offers competitive pricing options to suit your needs."
      tag="Wholesale & Retail"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Juan Pérez",
          role: "Owner",
          company: "Elite Cuts Barbershop",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-female-barista-small-coffee-shop_613910-10436.jpg",
        },
        {
          id: "t2",
          name: "María González",
          role: "Head Barber",
          company: "The Clipper Collective",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058815.jpg",
        },
        {
          id: "t3",
          name: "Carlos Rodríguez",
          role: "Loyal Customer",
          company: "Individual",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-stylish-bearded-male-with-tattoo-arm-dressed-flannel-shirt-holding-juice-while-getting-haircut_613910-5727.jpg",
        },
        {
          id: "t4",
          name: "Sofía Vargas",
          role: "Procurement Manager",
          company: "Urban Grooming Co.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/unpleased-slavic-middle-aged-male-barber-uniform-holding-looking-clipboard-isolated-orange-wall_141793-87120.jpg",
        },
        {
          id: "t5",
          name: "Miguel Torres",
          role: "Master Barber",
          company: "Classic Edge Salon",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-blond-guy-sits-cafe-pets-his-dog-touches-golden-retriever_1258-314883.jpg",
        },
      ]}
      kpiItems={[
        {
          value: "10+",
          label: "Years in Business",
        },
        {
          value: "200+",
          label: "Satisfied Barbers",
        },
        {
          value: "500+",
          label: "Products in Stock",
        },
      ]}
      title="Trusted by Montería's Finest"
      description="Hear directly from the barbers and customers who rely on Surtibarber Monteria for their daily essentials and special finds."
      tag="Customer Reviews"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Wahl",
        "Andis",
        "BaBylissPRO",
        "Proraso",
        "Reuzel",
        "Uppercut Deluxe",
        "Oster",
      ]}
      title="Collaborating with Industry Leaders"
      description="We proudly source and supply products from the most reputable brands in the grooming industry, ensuring quality and innovation for our customers."
      tag="Partners"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",
          title: "What are your store hours?",
          content: "Our store is open Monday to Friday from 9 AM to 6 PM, and Saturdays from 10 AM to 2 PM. We are closed on Sundays.",
        },
        {
          id: "faq2",
          title: "Do you offer wholesale pricing for barbershops?",
          content: "Yes, we offer exclusive wholesale pricing for registered barbershops. Please visit our 'Pricing' section to learn more and apply for an account.",
        },
        {
          id: "faq3",
          title: "Can I order online for pickup?",
          content: "Absolutely! You can place your order online and choose in-store pickup during checkout. Your order will typically be ready within an hour.",
        },
        {
          id: "faq4",
          title: "What payment methods do you accept?",
          content: "We accept cash, credit/debit cards (Visa, Mastercard, Amex), and bank transfers for wholesale orders.",
        },
        {
          id: "faq5",
          title: "Do you offer international shipping?",
          content: "Currently, we only offer shipping within Montería and surrounding regions. We do not provide international shipping services.",
        },
        {
          id: "faq6",
          title: "How can I check product availability?",
          content: "You can check product availability directly on each product's page on our website, or feel free to call us for real-time stock information.",
        },
      ]}
      title="Answers to Your Common Queries"
      description="Find quick answers about our products, ordering process, wholesale accounts, and store visits."
      tag="Got Questions?"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Visit Our Store or Order Online"
      description="Surtibarber Monteria is here to serve your barbershop supply needs. Find us at our convenient location or reach out for wholesale inquiries."
      imageSrc="http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg"
      imageAlt="Surtibarber Monteria Storefront"
      mediaAnimation="slide-up"
      mediaPosition="right"
      inputPlaceholder="Your Email Address"
      buttonText="Send Message"
      termsText="By sending a message, you agree to our privacy policy."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Surtibarber Monteria"
      columns={[
        {
          title: "Products",
          items: [
            {
              label: "Clippers & Trimmers",
              href: "#products",
            },
            {
              label: "Shaving Essentials",
              href: "#products",
            },
            {
              label: "Hair Care",
              href: "#products",
            },
            {
              label: "Styling Products",
              href: "#products",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Wholesale Pricing",
              href: "#pricing",
            },
            {
              label: "Customer Reviews",
              href: "#testimonials",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Return Policy",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Surtibarber Monteria. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
