"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Instagram } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumLargeSizeLargeTitles"
        background="grid"
        cardStyle="glass-depth"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Gallery",
          id: "#gallery",
        },
        {
          name: "Reviews",
          id: "#reviews",
        },
        {
          name: "Instagram",
          id: "#instagram",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-psd/retro-male-gooming-facebook-template_23-2150206883.jpg"
      logoAlt="Mr Boss Barber Logo"
      brandName="Mr Boss Barber"
      button={{
        text: "Book Now",
        href: "#contact",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDoubleCarousel
      background={{
        variant: "plain",
      }}
      title="Premium Cuts. Sharp Fades. Boss-Level Grooming."
      description="Professional barbering experience in the heart of Bundoora. 4.9-Star Rated (233+ Reviews). Walk-Ins Welcome. Professional Barbers."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/male-white-bathrobe-with-coffee-mug-hand_1153-3746.jpg",
          imageAlt: "Professional barber cutting hair",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-suit-black-studio-lights-background_158538-9654.jpg",
          imageAlt: "Sharp skin fade haircut",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg",
          imageAlt: "Relaxing hot towel shave",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-washing-clients-hair-barbershop_613910-5471.jpg",
          imageAlt: "Barber tools and client",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/traveller-browsing-tablet-lobby_482257-76754.jpg",
          imageAlt: "Modern barber shop interior",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-hair-salon_23-2150665446.jpg",
          imageAlt: "Dynamic haircut action shot",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/frowning-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-stretching-out-straight-razor-with-shaving-cream-put-his-face_141793-98473.jpg",
          imageAlt: "Professional barber working",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg",
          imageAlt: "Man getting beard trimmed",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg",
          imageAlt: "Empty elegant barber chair",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/stylist-works-woman-hair-salon_1398-1042.jpg",
          imageAlt: "Barber shop storefront",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-hair-barbershop_1157-16006.jpg",
          imageAlt: "Close up of barber clippers",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-pastor-praying-with-rosary_23-2149300857.jpg",
          imageAlt: "Stylish man with fresh fade",
        },
      ]}
      tagAnimation="none"
      buttons={[
        {
          text: "Book Appointment",
          href: "#contact",
        },
        {
          text: "Call Now",
          href: "tel:+61390084090",
        },
      ]}
      buttonAnimation="none"
      carouselPosition="right"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
          alt: "Male client headshot",
        },
        {
          src: "http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-hair-brushes-happy-cheerfuul-smiling_141793-37016.jpg",
          alt: "Professional barber portrait",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",
          alt: "Satisfied client smiling",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-serious-middle-age-bearded-male-dressed-plaid-flannel-shirt-grey-background_613910-16272.jpg",
          alt: "Stylish man with beard",
        },
        {
          src: "http://img.b2bpic.net/free-photo/man-with-ginger-beard-apron-gloves-holding-knife_273609-20983.jpg",
          alt: "Barber team member",
        },
      ]}
      avatarText="Trusted by 233+ clients"
      marqueeItems={[
        {
          type: "text",
          text: "Precision Craftsmanship",
        },
        {
          type: "text",
          text: "Luxury Experience",
        },
        {
          type: "text",
          text: "Modern Style",
        },
        {
          type: "text",
          text: "Community Focused",
        },
        {
          type: "text",
          text: "Sharp Attention to Detail",
        },
      ]}
      marqueeSpeed={30}
      showMarqueeCard={true}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "skin-fades",
          title: "Skin Fades",
          author: "Precision Blends",
          description: "Achieve a seamless transition from skin to hair, crafted with meticulous detail for a sharp, clean look.",
          tags: [
            "Starting at $40",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-moustache-client_23-2147778841.jpg",
          imageAlt: "Skin fade haircut",
        },
        {
          id: "haircuts",
          title: "Haircuts",
          author: "Modern & Classic",
          description: "From contemporary styles to timeless classics, our barbers deliver expert cuts that enhance your personal style.",
          tags: [
            "Starting at $35",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7234.jpg",
          imageAlt: "Modern haircut",
        },
        {
          id: "beard-trims",
          title: "Beard Trims",
          author: "Sculpt & Define",
          description: "Perfectly sculpted beards and sharp line-ups to complement your cut and refine your facial features.",
          tags: [
            "Starting at $25",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313040.jpg",
          imageAlt: "Beard trim",
        },
        {
          id: "line-ups",
          title: "Line-Ups",
          author: "Crisp Edges",
          description: "Get razor-sharp lines and defined edges that elevate your haircut and create a polished finish.",
          tags: [
            "Starting at $20",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313042.jpg",
          imageAlt: "Hair line-up",
        },
        {
          id: "kids-cuts",
          title: "Kids Cuts",
          author: "Cool & Comfortable",
          description: "Stylish and comfortable haircuts for the younger generation, ensuring they leave looking their best.",
          tags: [
            "Starting at $30",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg",
          imageAlt: "Kids haircut",
        },
        {
          id: "hot-towel-shaves",
          title: "Hot Towel Shaves",
          author: "Ultimate Relaxation",
          description: "Indulge in a luxurious hot towel shave, a timeless tradition for ultimate comfort and a remarkably smooth finish.",
          tags: [
            "Starting at $50",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg",
          imageAlt: "Hot towel shave",
        },
        {
          id: "styling-grooming",
          title: "Styling & Grooming",
          author: "Finish Your Look",
          description: "Expert product recommendations and styling tips to maintain your boss-level look long after you leave the chair.",
          tags: [
            "Starting at $15",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-male-beauty-products-with-display_23-2150435188.jpg",
          imageAlt: "Hair styling",
        },
      ]}
      title="Our Boss-Level Grooming Services"
      description="Experience precision cuts, sharp fades, and luxurious grooming tailored for the modern gentleman. Each service is delivered with unmatched skill and attention to detail."
      tagAnimation="none"
      buttonAnimation="none"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="The Mr Boss Barber Difference"
      description="At Mr Boss Barber, we combine a passion for style with unmatched professionalism. Our skilled barbers are dedicated to delivering high-quality experiences in a clean, modern atmosphere. We're more than just a barber shop; we're a welcoming, community-focused hub where every client leaves feeling confident and sharp. Located in the heart of Bundoora, we are your destination for premium grooming."
      tagAnimation="none"
      buttonAnimation="none"
      imageSrc="http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313027.jpg"
      imageAlt="Professional barber at work in Mr Boss Barber"
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "fade-1",
          name: "The High Fade",
          price: "From $40",
          variant: "Classic",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-man-touches-his-beard-with-his-hand_169016-25532.jpg",
          imageAlt: "Client with a sharp high fade haircut",
        },
        {
          id: "interior-1",
          name: "Shop Interior",
          price: "",
          variant: "Ambiance",
          imageSrc: "http://img.b2bpic.net/free-photo/mid-section-view-barber-s-hand-with-shaving-brush_23-2147839815.jpg",
          imageAlt: "Luxurious barber shop interior design",
        },
        {
          id: "haircut-1",
          name: "Textured Crop",
          price: "From $35",
          variant: "Modern",
          imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-18515.jpg",
          imageAlt: "Client with a modern textured crop haircut",
        },
        {
          id: "beard-1",
          name: "Defined Beard",
          price: "From $25",
          variant: "Sculpted",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-shirtless-man-with-shaving-cream-his-face_23-2148692247.jpg",
          imageAlt: "Client with a perfectly defined beard trim",
        },
        {
          id: "transformation-1",
          name: "Fresh Look",
          price: "",
          variant: "Transformation",
          imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167448.jpg",
          imageAlt: "Client looking confident after a haircut",
        },
        {
          id: "lifestyle-1",
          name: "Barber Life",
          price: "",
          variant: "Community",
          imageSrc: "http://img.b2bpic.net/free-photo/drunk-friends-call-waiter_171337-19383.jpg",
          imageAlt: "Barber interacting with clients in the shop",
        },
      ]}
      title="Our Signature Style & Craft"
      description="Explore our gallery of premium fades, fresh haircuts, and expert beard trims that define the Mr Boss Barber standard."
      tagAnimation="none"
      buttonAnimation="none"
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          title: "Best Barber in Bundoora!",
          quote: "Mr Boss Barber consistently delivers top-notch cuts and an incredible experience. Always leave feeling fresh and confident. Highly recommend to everyone!",
          name: "Liam T.",
          role: "Client",
          imageSrc: "http://img.b2bpic.net/free-photo/traveler-takes-breathtaking-mountain-landscape-beautiful-peaks_482257-125856.jpg",
          imageAlt: "Satisfied client Liam T.",
        },
        {
          id: "2",
          title: "Premium Quality Every Time",
          quote: "The attention to detail and skill here is unmatched. It's more than just a haircut; it's a true grooming ritual. My fade is always perfect.",
          name: "Noah R.",
          role: "Client",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-hipster-businessman-model-wearing-casual-black-suit_158538-986.jpg",
          imageAlt: "Satisfied client Noah R.",
        },
        {
          id: "3",
          title: "Stylish and Welcoming",
          quote: "The atmosphere is fantastic – luxury and masculine, yet incredibly welcoming. My son loves his kids cuts here too. A true gem in Bundoora.",
          name: "Ethan P.",
          role: "Client",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-hipster-with-natural-makeup-short-haircut-enjoying-leisure-time-outdoors_158595-2728.jpg",
          imageAlt: "Satisfied client Ethan P.",
        },
        {
          id: "4",
          title: "My Go-To Barber",
          quote: "Been coming here since they opened. The professionalism and quality never disappoint. They know exactly what I want every time. Boss level grooming indeed!",
          name: "Daniel K.",
          role: "Client",
          imageSrc: "http://img.b2bpic.net/free-photo/office-manager_1098-14995.jpg",
          imageAlt: "Satisfied client Daniel K.",
        },
        {
          id: "5",
          title: "Fantastic Experience",
          quote: "From the hot towel shave to the beard trim, every service is executed with precision and care. I always leave feeling relaxed and perfectly groomed.",
          name: "Oscar B.",
          role: "Client",
          imageSrc: "http://img.b2bpic.net/free-photo/cute-lady-holding-idea-board-looking-camera_114579-92435.jpg",
          imageAlt: "Satisfied client Oscar B.",
        },
      ]}
      title="What Our Clients Say"
      description="With a 4.9-star rating from over 233 reviews, our community trusts us for exceptional service and results. Hear directly from those who experience the Mr Boss Barber difference."
      tagAnimation="none"
      buttonAnimation="none"
    />
  </div>

  <div id="instagram" data-section="instagram">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "#MrBossBarber",
        "#BundooraBarber",
        "#SkinFade",
        "#MensGrooming",
        "#FreshCuts",
        "#BarberLife",
        "#StyleGoals",
      ]}
      title="Stay Connected. Follow Our Journey."
      description="Get daily doses of fresh cuts, shop vibes, and grooming inspiration. Follow us on Instagram for the latest updates, barber videos, and behind-the-scenes content."
      tagAnimation="none"
      buttons={[
        {
          text: "Follow Us On Instagram",
          href: "https://www.instagram.com/mrbossbarber/",
        },
      ]}
      buttonAnimation="none"
      speed={40}
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Book Your Boss-Level Experience"
      description="Ready for a transformation? Schedule your appointment online or walk-in. We're conveniently located in Bundoora, Victoria, serving the community with exceptional barbering.\n\nAddress: 42–44 Copernicus Cres, Floor G · Polaris 3083, Bundoora VIC 3083\nPhone: (03) 9008 4090\n\nOpening Hours:\nMon - Fri: 9AM - 6PM\nSat: 9AM - 5PM\nSun: Closed"
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Phone Number",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Email Address",
          required: false,
        },
      ]}
      multiSelect={{
        name: "service",
        label: "Select Service",
        options: [
          "Skin Fade",
          "Haircut",
          "Beard Trim",
          "Line-Up",
          "Kids Cut",
          "Hot Towel Shave",
          "Styling & Grooming",
        ],
      }}
      textarea={{
        name: "message",
        placeholder: "Any special requests or details?",
        rows: 4,
        required: false,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/parking-entrance_1150-10839.jpg"
      imageAlt="Google Maps embed of Mr Boss Barber location in Bundoora"
      mediaAnimation="none"
      mediaPosition="right"
      buttonText="Book Appointment"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="http://img.b2bpic.net/free-psd/retro-male-gooming-facebook-template_23-2150206883.jpg"
      logoAlt="Mr Boss Barber Logo"
      logoText="Mr Boss Barber"
      copyrightText="© 2024 Mr Boss Barber. All rights reserved."
      socialLinks={[
        {
          icon: Instagram,
          href: "https://www.instagram.com/mrbossbarber/",
          ariaLabel: "Instagram",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
