"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardTen from '@/components/sections/team/TeamCardTen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="medium"
        sizing="large"
        background="aurora"
        cardStyle="soft-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Gallery",          id: "#gallery"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Paris Barbershop"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlay
      title="Premium Grooming Experience | تجربه اصلاح عالی"
      description="Professional Hair & Beard Styling at Paris Barbershop | اصلاح حرفه‌ای مو و ریش در سلمانی پاریس"
      buttons={[
        {
          text: "Book Now",          href: "#contact"},
        {
          text: "رزرو وقت",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94766.jpg"
      showDimOverlay={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg",          alt: "Hair salon chair with towel on armchair"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-man-standing-front-black-wall_23-2148176497.jpg",          alt: "Portrait of a young man standing in front of black wall"},
        {
          src: "http://img.b2bpic.net/free-photo/barber-applying-cream-clients-beard_107420-94778.jpg",          alt: "Barber applying cream on clients beard"},
        {
          src: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94764.jpg",          alt: "Man getting his beard shaved with razor"},
        {
          src: "http://img.b2bpic.net/free-photo/modern-luxury-furniture-adorns-comfortable-home-interior-generated-by-ai_188544-29070.jpg",          alt: "Modern luxury furniture adorns comfortable home interior"},
      ]}
      avatarText="Trusted by 500+ happy clients"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={true}
      title="About Our Craft"
      description="At Paris Barbershop, we combine traditional craftsmanship with modern fashion. Experience excellence in every cut and beard styling, focused on your total satisfaction."
      bulletPoints={[
        {
          title: "Quality First",          description: "High-quality products and professional techniques."},
        {
          title: "Modern Styling",          description: "Expert in latest fashion trends and fades."},
        {
          title: "Customer Care",          description: "Your comfort is our top priority."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/vintage-salon-tools-jobs-career-concept_53876-127080.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Precision Haircuts | اصلاح دقیق مو",          description: "Precision haircut tailored to your face shape.",          imageSrc: "http://img.b2bpic.net/free-photo/bearded-redhead-male-dressed-blue-suit-sunglasses-dark-grey-background_613910-12043.jpg",          imageAlt: "Haircut"},
        {
          title: "Expert Beard Grooming | اصلاح تخصصی ریش",          description: "Expert trimming and grooming.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-man-sunglasses-dark-photo-studio_613910-15098.jpg",          imageAlt: "Beard Styling"},
        {
          title: "Professional Fade Cuts | سایه‌زنی حرفه‌ای",          description: "Perfectly blended fades for every style.",          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-trimmed-with-trimmer_107420-94786.jpg",          imageAlt: "Fade Cut"},
        {
          title: "Skin Rejuvenation Facial | پاکسازی صورت",          description: "Rejuvenate your skin with our treatments.",          imageSrc: "http://img.b2bpic.net/free-photo/man-cuts-his-beard-barbershop_1157-16067.jpg",          imageAlt: "Facial"},
        {
          title: "Styling Perfection | استایل حرفه‌ای",          description: "Professional styling for any occasion.",          imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-using-dryer-beard-senior-client_23-2148181879.jpg",          imageAlt: "Styling"},
        {
          title: "Kids Gentle Cuts | اصلاح کودکان",          description: "Gentle services for our youngest clients.",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-using-hair-dryer_627829-7263.jpg",          imageAlt: "Kids Cut"},
      ]}
      title="Our Services | خدمات ما"
      description="Expert grooming services for the modern man."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTen
      useInvertedBackground={true}
      title="Meet The Master Barber"
      tag="Expert Stylist"
      membersAnimation="slide-up"
      members={[
        {
          id: "shafiq",          name: "Shafiqullah | شفیق الله",          imageSrc: "http://img.b2bpic.net/free-photo/this-is-so-cute-portrait-attractive-unshaven-young-male-with-muscular-tattoo-body-crossing-arms-his-chest-smiling-being-touched-by-something-expressing-distrust-suspicion-doubt_343059-1710.jpg",          imageAlt: "Shafiqullah"},
      ]}
      memberVariant="card"
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          brand: "Paris",          name: "Style 1",          price: "",          rating: 5,
          reviewCount: "100",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-haircut-with-trimmer_23-2148257040.jpg"},
        {
          id: "2",          brand: "Paris",          name: "Style 2",          price: "",          rating: 5,
          reviewCount: "100",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-bearded-male-sits-chair-his-two-irish-setter-dogs_613910-8054.jpg"},
        {
          id: "3",          brand: "Paris",          name: "Style 3",          price: "",          rating: 5,
          reviewCount: "100",          imageSrc: "http://img.b2bpic.net/free-photo/man-with-hairpin-having-hair-cut_23-2147778924.jpg"},
        {
          id: "4",          brand: "Paris",          name: "Style 4",          price: "",          rating: 5,
          reviewCount: "100",          imageSrc: "http://img.b2bpic.net/free-photo/shirtless-man-showing-awareness-prostate-cancer_23-2149132255.jpg"},
        {
          id: "5",          brand: "Paris",          name: "Style 5",          price: "",          rating: 5,
          reviewCount: "100",          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205920.jpg"},
        {
          id: "6",          brand: "Paris",          name: "Style 6",          price: "",          rating: 5,
          reviewCount: "100",          imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg"},
      ]}
      title="Our Gallery"
      description="Portfolio of our latest work."
    />
  </div>

  <div id="location" data-section="location">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "animated-grid"}}
      text="Location: Afghanistan, Kabul, Arzan Qeemat, Chaharrahi Mahbas, beside Adi Hospital | موقعیت: کابل، ارزان قیمت، چهارراهی محبس، پهلوی شفاخانه ادی"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "canvas-reveal"}}
      text="Book your appointment today via WhatsApp or Call."
      buttons={[
        {
          text: "Start Booking on WhatsApp",          href: "https://wa.me/your-number"},
        {
          text: "Call for Appointment",          href: "tel:+93xxxxxxxxxx"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/luxury-coffee-shop-table-inside-barista-bar-generated-by-ai_188544-29280.jpg"
      logoText="Paris Barbershop"
      columns={[
        {
          title: "Navigation",          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "Gallery",              href: "#gallery"},
          ],
        },
        {
          title: "Social",          items: [
            {
              label: "Facebook",              href: "#"},
            {
              label: "Instagram",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2026 Paris Barbershop — All Rights Reserved. Created By: Naweedrahman Najeebzoy | نوید الرحمان نجیب زوی"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}