"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, CalendarCheck, Scissors, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="medium"
        background="floatingGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Barbers",
          id: "#barbers",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/vintage-barber-shop-illustration_53876-78901.jpg"
      logoAlt="Dukos Barber Shop Logo"
      brandName="Dukos Barber Shop"
      bottomLeftText="San Mateo Atenco"
      bottomRightText="book@dukosbarber.com"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      title="Premium Cuts. Local Barbers. San Mateo Atenco's Trusted Choice"
      description="Experience expert barbering in a clean, welcoming space with great music and genuine service. Join 32 satisfied customers who trust Dukos for their perfect cut."
      testimonials={[
        {
          name: "Carlos M.",
          handle: "@CarlosM",
          testimonial: "Dukos always delivers! Best haircut and shave in San Mateo Atenco. The attention to detail is unmatched.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-sitting-chair_23-2149220526.jpg",
          imageAlt: "Carlos M. - Satisfied customer",
        },
        {
          name: "Javier R.",
          handle: "@JavierR",
          testimonial: "Friendly barbers and a fantastic atmosphere. I always leave feeling fresh and looking sharp. Highly recommend!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-cool-handsome-man-with-sunglasses_23-2149022672.jpg",
          imageAlt: "Javier R. - Happy client",
        },
        {
          name: "Luis F.",
          handle: "@LuisF",
          testimonial: "Found Dukos while traveling, and I was so impressed! Quality service, professional staff, and great value.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg",
          imageAlt: "Luis F. - Traveler customer",
        },
        {
          name: "Diego P.",
          handle: "@DiegoP",
          testimonial: "This is more than just a haircut; it's an experience. Good music, good vibes, and an excellent cut every time.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-customer-approving-new-offer_1262-17151.jpg",
          imageAlt: "Diego P. - Regular customer",
        },
        {
          name: "Miguel S.",
          handle: "@MiguelS",
          testimonial: "The barbers here are true artists. They listen to what you want and exceed expectations. My go-to spot.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-barber-wearing-uniform-glasses-holding-shaving-razors-looking-one-them-isolated-blue-background_141793-134401.jpg",
          imageAlt: "Miguel S. - Loyal customer",
        },
      ]}
      buttons={[
        {
          text: "Book Your Appointment",
          href: "#contact",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/handsome-man-hair-salon-facing-camera_23-2148242826.jpg",
          alt: "Customer avatar 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/attractive-man_1098-14096.jpg",
          alt: "Customer avatar 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104578.jpg",
          alt: "Customer avatar 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-holding-hands-near-ears-trying-listen-looking-surprised-standing-purple-wall_141793-50562.jpg",
          alt: "Customer avatar 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/front-view-business-man-with-apron_23-2148366567.jpg",
          alt: "Front view business man with apron",
        },
      ]}
      avatarText="Join 32 satisfied customers!"
      imageSrc="http://img.b2bpic.net/free-photo/luxury-coffee-shop-table-inside-barista-bar-generated-by-ai_188544-29280.jpg"
      imageAlt="Empty classic barber chair in a stylish shop"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Precision Cuts",
          icon: Scissors,
        },
        {
          type: "text-icon",
          text: "Classic Shaves",
          icon: Star,
        },
        {
          type: "text-icon",
          text: "Beard Trims",
          icon: Sparkles,
        },
        {
          type: "text-icon",
          text: "Expert Barbers",
          icon: Star,
        },
        {
          type: "text-icon",
          text: "Online Booking",
          icon: CalendarCheck,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Crafting Confidence, One Cut at a Time"
      description={[
        "At Dukos Barber Shop, we believe a great haircut is more than just a service – it’s an experience. Located in the heart of San Mateo Atenco, our shop is a haven where tradition meets modern style.",
        "Our skilled barbers are passionate about their craft, dedicated to providing precision cuts, classic shaves, and expert grooming in a clean, welcoming environment. With a keen eye for detail and a commitment to customer satisfaction, we ensure every client leaves feeling refreshed, confident, and looking their best. Step into Dukos, relax to great music, and let us elevate your style.",
      ]}
      buttons={[
        {
          text: "Meet Our Team",
          href: "#barbers",
        },
      ]}
      showBorder={true}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      features={[
        {
          title: "Expert Haircuts",
          description: "From classic cuts to modern fades, our barbers deliver precision and style that suits you perfectly.",
          imageSrc: "http://img.b2bpic.net/free-photo/anonymous-woman-trimming-beard-man_23-2147778907.jpg",
          imageAlt: "Barber giving a precision haircut",
        },
        {
          title: "Classic Hot Lather Shaves",
          description: "Indulge in a relaxing hot towel and straight razor shave for the smoothest finish and ultimate comfort.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg",
          imageAlt: "Barber performing a classic hot lather shave",
        },
        {
          title: "Professional Beard Trims",
          description: "Keep your beard impeccably styled and groomed with our expert trimming and shaping services.",
          imageSrc: "http://img.b2bpic.net/free-photo/brunette-man-lies-with-open-eyes-while-barber-cuts-his-beard_1304-2776.jpg",
          imageAlt: "Barber trimming a man's beard",
        },
        {
          title: "Easy Online Booking",
          description: "Schedule your next visit in minutes, reducing wait times and ensuring your preferred barber is available.",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-desk-yellow-calendar_23-2148693387.jpg",
          imageAlt: "Smartphone showing an online booking interface",
        },
      ]}
      title="Our Signature Services"
      description="Experience the best in men's grooming with our range of tailored services, designed to keep you looking sharp and feeling great."
    />
  </div>

  <div id="barbers" data-section="barbers">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      members={[
        {
          id: "1",
          name: "Ricardo 'Rico' Gomez",
          role: "Lead Stylist",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665445.jpg",
          imageAlt: "Portrait of Ricardo Gomez, Lead Stylist",
        },
        {
          id: "2",
          name: "Javier 'Javi' Soto",
          role: "Senior Barber",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2150665414.jpg",
          imageAlt: "Portrait of Javier Soto, Senior Barber",
        },
        {
          id: "3",
          name: "Marco 'Maki' Valdez",
          role: "Apprentice Barber",
          imageSrc: "http://img.b2bpic.net/free-photo/dangerous-beard-hipster-with-tattooed-hands-wrench-crazy-man-run-into-camera-with-aggressive-face-scare-concept_343059-46.jpg",
          imageAlt: "Portrait of Marco Valdez, Apprentice Barber",
        },
      ]}
      title="Meet Our Master Barbers"
      description="Our team of skilled professionals is dedicated to the art of barbering, bringing years of experience and a passion for perfection to every client."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardTwo
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "haircut",
          badge: "Popular",
          badgeIcon: Star,
          price: "$25",
          subtitle: "Precision Haircut",
          buttons: [
            {
              text: "Book Haircut",
              href: "#contact",
            },
          ],
          features: [
            "Any style haircut",
            "Neck shave",
            "Hair wash & style",
          ],
        },
        {
          id: "shave",
          badge: "Classic",
          badgeIcon: Scissors,
          price: "$30",
          subtitle: "Traditional Shave",
          buttons: [
            {
              text: "Book Shave",
              href: "#contact",
            },
          ],
          features: [
            "Hot towel treatment",
            "Straight razor shave",
            "Post-shave balm",
          ],
        },
        {
          id: "beard",
          badge: "Refine",
          badgeIcon: Sparkles,
          price: "$20",
          subtitle: "Beard Trim & Shape",
          buttons: [
            {
              text: "Book Beard Trim",
              href: "#contact",
            },
          ],
          features: [
            "Beard trim & line-up",
            "Hot towel finish",
            "Beard oil application",
          ],
        },
        {
          id: "combo",
          badge: "Best Value",
          badgeIcon: Award,
          price: "$45",
          subtitle: "Haircut & Shave Combo",
          buttons: [
            {
              text: "Book Combo",
              href: "#contact",
            },
          ],
          features: [
            "Precision Haircut",
            "Traditional Shave",
            "Beard Trim (optional)",
          ],
        },
      ]}
      title="Our Pricing"
      description="Quality grooming tailored to your needs. Find the perfect service package below."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Eduardo C.",
          handle: "Local Resident",
          testimonial: "Dukos is simply the best barber shop in San Mateo Atenco. Always a perfect cut and a great chat. Highly recommend!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-with-thumb-up-beach_1149-1081.jpg",
          imageAlt: "Eduardo C.",
        },
        {
          id: "2",
          name: "Fernando L.",
          handle: "Regular Customer",
          testimonial: "The atmosphere is fantastic, and the barbers are true artists. My beard has never looked better. Dukos never disappoints.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg",
          imageAlt: "Fernando L.",
        },
        {
          id: "3",
          name: "Gustavo A.",
          handle: "First-Timer",
          testimonial: "I was looking for a new barber and found Dukos. The online booking was easy, and the service was impeccable. I'm a regular now!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-with-shaving-foam-his-face-holding-razor-looking-front-surprised-happy-standing-purple-wall_141793-50721.jpg",
          imageAlt: "Gustavo A.",
        },
        {
          id: "4",
          name: "Hector G.",
          handle: "Visitor",
          testimonial: "Visiting from out of town and needed a quick, quality cut. Dukos delivered! Professional and efficient. Exactly what I needed.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-waiting-new-haircut_23-2148353450.jpg",
          imageAlt: "Hector G.",
        },
        {
          id: "5",
          name: "Ivan S.",
          handle: "Long-time Client",
          testimonial: "For years, I've trusted Dukos with my hair. The consistent quality, friendly staff, and great prices keep me coming back.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-finished-grooming-long-gray-beard_23-2148181941.jpg",
          imageAlt: "Ivan S.",
        },
        {
          id: "6",
          name: "Jorge M.",
          handle: "Satisfied Patron",
          testimonial: "Always a pleasure to visit. The shop is clean, the music is good, and the barbers are the best in the business.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-talking-phone_23-2148718087.jpg",
          imageAlt: "Jorge M.",
        },
      ]}
      showRating={true}
      title="What Our Clients Say"
      description="Hear directly from our satisfied customers about their Dukos Barber Shop experience."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "San Mateo Business",
        "Atenco Local News",
        "Grooming Magazine MX",
        "Hair & Style Blog",
        "Local Chamber of Commerce",
        "Barber's Guild Mexico",
        "Best of San Mateo Awards",
      ]}
      title="Trusted by the Community"
      description="Our commitment to excellence has earned us recognition and trust within San Mateo Atenco and beyond."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "Do I need an appointment, or can I walk in?",
          content: "While walk-ins are always welcome, we highly recommend booking an appointment online to ensure minimal wait times and secure your preferred barber.",
        },
        {
          id: "2",
          title: "What payment methods do you accept?",
          content: "We accept cash, as well as all major credit and debit cards for your convenience.",
        },
        {
          id: "3",
          title: "Do you offer services for children?",
          content: "Yes, we welcome clients of all ages! Our barbers are skilled in providing great haircuts for children too.",
        },
        {
          id: "4",
          title: "Where are you located in San Mateo Atenco?",
          content: "You can find us conveniently located in the heart of San Mateo Atenco. Please refer to our contact section for the exact address and a map.",
        },
        {
          id: "5",
          title: "What safety measures are you taking?",
          content: "The health and safety of our clients and staff are our top priority. We maintain a meticulously clean environment, sterilize tools thoroughly, and follow all local health guidelines.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Got questions about our services or booking? We've got answers."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Book Your Appointment"
      description="Ready for your fresh look? Fill out the form below to schedule your visit to Dukos Barber Shop."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Your Phone Number (Optional)",
        },
      ]}
      multiSelect={{
        name: "service",
        label: "Select a Service",
        options: [
          "Precision Haircut",
          "Traditional Shave",
          "Beard Trim & Shape",
          "Haircut & Shave Combo",
        ],
      }}
      textarea={{
        name: "message",
        placeholder: "Any special requests or details?",
        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg"
      imageAlt="Exterior view of Dukos Barber Shop"
      mediaPosition="right"
      buttonText="Confirm Booking"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Haircuts",
              href: "#services",
            },
            {
              label: "Shaves",
              href: "#services",
            },
            {
              label: "Beard Trims",
              href: "#services",
            },
            {
              label: "Booking",
              href: "#contact",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Our Team",
              href: "#barbers",
            },
            {
              label: "Pricing",
              href: "#pricing",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Instagram",
              href: "https://instagram.com/dukosbarber",
            },
            {
              label: "Facebook",
              href: "https://facebook.com/dukosbarber",
            },
            {
              label: "Google Maps",
              href: "https://maps.google.com/?q=Dukos+Barber+Shop+San+Mateo+Atenco",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
          ],
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/vintage-barber-shop-illustration_53876-78901.jpg"
      logoAlt="Dukos Barber Shop Logo"
      logoText="Dukos Barber Shop"
      copyrightText="© 2024 Dukos Barber Shop. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
