"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroOverlayTestimonial from "@/components/sections/hero/HeroOverlayTestimonial";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
import TeamCardSix from "@/components/sections/team/TeamCardSix";
import TeamCardOne from "@/components/sections/team/TeamCardOne";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Crown, Scissors, Shirt } from "lucide-react";

export default function LandscapingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="large"
      background="none"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleFullscreen
            brandName="Barber Chop VIP"
            navItems={[
              { name: "Services", id: "services" },
              { name: "About", id: "about" },
              { name: "Team", id: "team" },
              { name: "Testimonials", id: "testimonials" },
              { name: "Contact", id: "contact" }
            ]}
            button={{ text: "Book Now", href: "#contact" }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroOverlayTestimonial
            tag="The Elite Grooming Experience"
            tagIcon={Crown}
            title="Masterful Cuts, Unrivaled Style"
            description="Step into Barber Chop VIP, where tradition meets modern luxury. Experience precision grooming, sharp fades, and classic shaves designed for the discerning gentleman."
            buttons={[
              { text: "Book Your Appointment", href: "#contact" },
              { text: "Explore Services", href: "#services" }
            ]}
            buttonAnimation="slide-up"
            imageSrc="http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg"
            imageAlt="Modern barber shop interior with a barber at work"
            showDimOverlay={true}
            textPosition="top"
            testimonials={[
              {
                name: "Alex M.",                handle: "Client Review",                testimonial: "Barber Chop VIP is my go-to. The attention to detail and atmosphere are unmatched. Always leave feeling fresh and confident.",                rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg",                imageAlt: "Alex M."},
              {
                name: "Mark J.",                handle: "Loyal Customer",                testimonial: "Premium service every time. My barber understands exactly what I want and delivers flawlessly. Highly recommend!",                rating: 5,
                imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-work_1098-13068.jpg",                imageAlt: "Mark J."}
            ]}
          />
        </div>

        <div id="about" data-section="about">
          <TestimonialAboutCard
            tag="Our Legacy of Excellence"
            tagIcon={Scissors}
            tagAnimation="slide-up"
            title="Crafting the perfect look for over 10 years – where passion meets precision in every cut."
            description="Michael 'The Maestro' Chen, Head Barber"
            subdescription="Est. 2014"
            icon={Scissors}
            videoSrc="http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-18406.jpg"
            videoAriaLabel="Barber giving a precision haircut"
            mediaAnimation="slide-up"
            useInvertedBackground={false}
          />
        </div>

        <div id="services" data-section="services">
          <FeatureCardNineteen
            tag="Our VIP Treatments"
            tagIcon={Scissors}
            title="Signature Services"
            description="Experience a range of premium services tailored to perfect your style."
            buttonAnimation="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            imageContainerClassName="!rotate-0 !aspect-square"
            features={[
              {
                tag: "Precision",                title: "Signature Haircuts",                subtitle: "Modern & Classic",                description: "Expertly crafted haircuts, from contemporary fades to timeless classics, all tailored to your unique style.",                imageSrc: "http://img.b2bpic.net/free-photo/crop-man-getting-haircut_23-2147839655.jpg",                imageAlt: "Close-up of a barber giving a haircut to a client"},
              {
                tag: "Indulgence",                title: "Luxury Hot Towel Shaves",                subtitle: "Relax & Refine",                description: "Experience the ultimate relaxation with our traditional hot towel shave, a perfect blend of comfort and precision.",                imageSrc: "http://img.b2bpic.net/free-photo/morning-preparing-bathroom-day_329181-4780.jpg",                imageAlt: "Barber performing a hot towel shave"},
              {
                tag: "Refinement",                title: "Beard & Moustache Styling",                subtitle: "Shape & Groom",                description: "Expert shaping, trimming, and grooming services to keep your beard and moustache looking sharp and well-maintained.",                imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985715.jpg",                imageAlt: "Close-up of a barber styling a beard"},
              {
                tag: "Revitalize",                title: "Scalp & Hair Treatments",                subtitle: "Health & Vitality",                description: "Nourishing treatments designed to invigorate your scalp and strengthen your hair, promoting health and shine.",                imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2149220556.jpg",                imageAlt: "Client receiving a hair treatment at a barber shop"}
            ]}
          />
        </div>

        <div id="why-us" data-section="why-us">
          <TeamCardSix
            title="The Barber Chop VIP Difference"
            description="Why discerning gentlemen choose our chair."
            textboxLayout="default"
            useInvertedBackground={false}
            gridVariant="uniform-all-items-equal"
            animationType="slide-up"
            members={[
              {
                id: "1",                name: "Master Barbers",                role: "Our team comprises highly skilled and experienced barbers, masters of their craft.",                imageSrc: "http://img.b2bpic.net/free-photo/mid-section-view-barber-s-hand-with-shaving-brush_23-2147839815.jpg",                imageAlt: "Master barber at work"},
              {
                id: "2",                name: "Premium Atmosphere",                role: "Indulge in a luxurious and relaxing environment, designed for your comfort and style.",                imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg",                imageAlt: "Luxurious barber shop interior"},
              {
                id: "3",                name: "Tailored for You",                role: "Every service is personalized to your preferences, ensuring a look that truly reflects you.",                imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205927.jpg",                imageAlt: "Barber consulting with a client"}
            ]}
          />
        </div>

        <div id="team" data-section="team">
          <TeamCardOne
            tag="Our Artisans of Style"
            title="Meet Our Master Barbers"
            description="The skilled hands and keen eyes behind every impeccable cut and shave."
            textboxLayout="default"
            useInvertedBackground={false}
            gridVariant="uniform-all-items-equal"
            animationType="slide-up"
            members={[
              {
                id: "1",                name: "Michael Chen",                role: "Head Barber & Founder",                imageSrc: "http://img.b2bpic.net/free-photo/haidresser-showing-thumb-up-sign_23-2148298311.jpg",                imageAlt: "Michael Chen, Head Barber"},
              {
                id: "2",                name: "David 'The Blade' Lee",                role: "Master Stylist",                imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-cafe-street-with-glass-wine-romantic-guy-white-cap-suspenders-city-peaky-blinders-old-fashionable-retro_1321-2027.jpg",                imageAlt: "David Lee, Master Stylist"},
              {
                id: "3",                name: "Sophia 'The Carver' Rodriguez",                role: "Senior Barber",                imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-happy-cheerfuul-smiling_141793-37016.jpg",                imageAlt: "Sophia Rodriguez, Senior Barber"}
            ]}
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardTwelve
            cardTag="Trusted by Gentlemen"
            cardTagIcon={Crown}
            cardTitle="Hundreds of satisfied clients trust Barber Chop VIP for their ultimate grooming experience."
            buttons={[{ text: "Book Your Experience", href: "#contact" }]}
            buttonAnimation="slide-up"
            cardAnimation="slide-up"
            useInvertedBackground={false}
            testimonials={[
              {
                id: "1",                name: "Jonathan R.",                imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-smiling-with-copy-space_23-2148435784.jpg",                imageAlt: "Jonathan R."},
              {
                id: "2",                name: "Ethan S.",                imageSrc: "http://img.b2bpic.net/free-photo/african-american-guy-wearing-jacket-checkered-shirt-leaning-wall-looking-away_613910-21130.jpg",                imageAlt: "Ethan S."},
              {
                id: "3",                name: "Daniel P.",                imageSrc: "http://img.b2bpic.net/free-photo/cheerful-emotiojnal-young-man-suit-poiting-with-two-finger-you_171337-9568.jpg",                imageAlt: "Daniel P."},
              {
                id: "4",                name: "Chris T.",                imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-looking-camera_197531-33408.jpg",                imageAlt: "Chris T."}
            ]}
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqDouble
            tag="Your Questions, Our Answers"
            title="Frequently Asked Questions"
            description="Everything you need to know about our premium grooming services."
            textboxLayout="default"
            useInvertedBackground={false}
            faqsAnimation="slide-up"
            faqs={[
              {
                id: "1",                title: "How do I book an appointment?",                content: "You can easily book online through our website, use our dedicated mobile app, or call us directly during business hours. We recommend booking in advance to secure your preferred time."},
              {
                id: "2",                title: "What services do you offer?",                content: "We offer a full range of premium services, including signature haircuts, luxury hot towel shaves, beard and moustache styling, and invigorating scalp treatments. Explore our 'Services' section for full details."},
              {
                id: "3",                title: "Do you accept walk-ins?",                content: "While appointments are highly recommended to ensure personalized attention, we do accept walk-ins based on availability. Feel free to call ahead to check wait times."},
              {
                id: "4",                title: "What products do you use?",                content: "We exclusively use premium, professional-grade grooming products from leading brands, carefully selected for their quality and effectiveness to ensure the best results for your hair and skin."},
              {
                id: "5",                title: "Can I request a specific barber?",                content: "Yes, absolutely! When booking online or by phone, you can specify your preferred barber from our team of master stylists. We aim to accommodate all requests."},
              {
                id: "6",                title: "What is your cancellation policy?",                content: "We kindly request at least 24 hours notice for any cancellations or rescheduling. This allows us to offer the slot to other clients. Late cancellations or no-shows may incur a fee."}
            ]}
          />
        </div>

        <div id="contact" data-section="contact" className="relative overflow-hidden">
          <div className="absolute inset-0 w-full h-full">
            <video
              src="http://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg"
              autoPlay
              muted
              loop
              playsInline
              aria-hidden="true"
              className="w-full h-full object-cover"
            />
            <div className="absolute inset-0 bg-foreground/70" />
          </div>
          <ContactSplitForm
            title="Book Your VIP Grooming Experience"
            description="Ready for a transformation? Schedule your appointment with our master barbers today."
            useInvertedBackground={false}
            mediaAnimation="none"
            buttonText="Send Request"
            contentClassName="!grid-cols-1 max-w-[600px] mx-auto"

            mediaWrapperClassName="hidden"
            inputs={[
              { name: "name", type: "text", placeholder: "Full Name", required: true },
              { name: "email", type: "email", placeholder: "Email Address", required: true },
              { name: "phone", type: "tel", placeholder: "Phone Number" }
            ]}
            multiSelect={{
              name: "service",              label: "Select a Service",              options: ["Signature Haircut", "Luxury Hot Towel Shave", "Beard & Moustache Styling", "Scalp & Hair Treatment", "Full VIP Package"]
            }}
            textarea={{ name: "message", placeholder: "Tell us about your desired style or questions...", rows: 4, required: true }}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterSimple
            columns={[
              {
                title: "Services",                items: [
                  { label: "Signature Haircuts", href: "#services" },
                  { label: "Luxury Hot Shaves", href: "#services" },
                  { label: "Beard & Moustache", href: "#services" },
                  { label: "Scalp Treatments", href: "#services" }
                ]
              },
              {
                title: "Company",                items: [
                  { label: "About Us", href: "#about" },
                  { label: "Our Team", href: "#team" },
                  { label: "Client Reviews", href: "#testimonials" },
                  { label: "FAQs", href: "#faq" }
                ]
              },
              {
                title: "Contact",                items: [
                  { label: "(555) 789-0123", href: "tel:5557890123" },
                  { label: "hello@barberchopvip.com", href: "mailto:hello@barberchopvip.com" },
                  { label: "New York, NY" }
                ]
              }
            ]}
            bottomLeftText="© 2026 Barber Chop VIP"
            bottomRightText="All Rights Reserved. Experience the Difference."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
