"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 TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
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: "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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967222863-9xtjn66g.png",          imageAlt: "Professional barber cutting hair"},
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967163473-tmekqob3.png",          imageAlt: "Sharp skin fade haircut"},
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967404845-2q1qbq4a.png",          imageAlt: "Relaxing hot towel shave"},
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967370850-xf0gpbbo.png",          imageAlt: "Barber tools and client"},
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967256360-jov14p5s.png",          imageAlt: "Modern barber shop interior"},
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967234884-cthbwprf.png",          imageAlt: "Dynamic haircut action shot"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967519293-g8np4l83.png",          imageAlt: "Professional barber working"},
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967480313-4nyi237f.png",          imageAlt: "Man getting beard trimmed"},
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967511902-6yw3oa96.png",          imageAlt: "Empty elegant barber chair"},
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779968196743-azcxhz52.png",          imageAlt: "Barber shop storefront"},
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779967489260-4xbxu1w9.png",          imageAlt: "Close up of barber clippers"},
        {
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779968007673-0096n7nj.png",          imageAlt: "Stylish man with fresh fade"},
      ]}
      tagAnimation="none"
      buttons={[
        {
          text: "Book Appointment",          href: "#contact"},
        {
          text: "Call Now",          href: "tel:+61390084090"},
      ]}
      buttonAnimation="none"
      carouselPosition="right"
      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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779968389892-plzaj86z.png",          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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779968445518-l4rf0e32.png",          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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779968533865-pbxtotqu.png",          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: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779968513002-n8xc76rr.png",          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 $40"],
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779968576929-rz82z2ng.png",          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="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="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ECu6145ZfUO7BaOKsg2g3ccbhj/uploaded-1779968980622-73am4ymf.png"
      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>
  );
}