"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="large"
        background="blurBottom"
        cardStyle="glass-depth"
        primaryButtonStyle="flat"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Services",
          id: "/services",
        },
        {
          name: "Team",
          id: "/team",
        },
        {
          name: "About",
          id: "/about",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="The Lab Gents"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "sparkles-gradient",
      }}
      title="Dubai's Premier Men's Grooming Experience"
      description="Excellence in every cut. The Lab Gents Salon & Spa brings luxury grooming to Arabian Ranches 2 and Meadows Town Centre."
      buttons={[
        {
          text: "Book Now",
          href: "https://fresha.com",
        },
        {
          text: "Call Us",
          href: "tel:+97148829507",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg",
          imageAlt: "Luxury barber shop interior dark theme",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-getting-his-hair-trimmed_23-2148256979.jpg",
          imageAlt: "Barber haircutting precision fade",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/haircuting-process-small-dog-sits-table-dog-with-professional_1157-48811.jpg",
          imageAlt: "Luxury barbershop chair modern",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/caucasian-shirtless-man-blue-tones_23-2149132278.jpg",
          imageAlt: "Luxury barber shop interior dark theme",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-shaved-with-razor_107420-94799.jpg",
          imageAlt: "Barber haircutting precision fade",
        },
      ]}
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="testimonial" data-section="testimonial">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Simo",
          role: "Client",
          testimonial: "Simo is the best barber in Dubai. He is a perfectionist and his fade and beard skills are the best I’ve ever come across.",
          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-stylish-blond-male-dressed-blue-suit_613910-12748.jpg",
        },
        {
          id: "2",
          name: "Anonymous",
          role: "Client",
          testimonial: "A very satisfied customer. Very fine precision on the skin fade and beard trim. Professional business.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-with-long-hair-dark-background_613910-16005.jpg",
        },
        {
          id: "3",
          name: "Parent",
          role: "Client",
          testimonial: "Amazing experience for the first haircut of my son. Thank you The Lab team for the amazing service.",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-hairstilyst-giving-haircut_23-2148506285.jpg",
        },
        {
          id: "4",
          name: "Regular",
          role: "Client",
          testimonial: "Amazing people and service — Mohammed and Mohammed are very friendly. Very good prices. Definitely recommend.",
          imageSrc: "http://img.b2bpic.net/free-photo/two-hairstylers-posing-standing-modern-spacy-beaty-salon_651396-986.jpg",
        },
        {
          id: "5",
          name: "Community Member",
          role: "Client",
          testimonial: "Finally! A good salon that’s in our community. Services are abundant and done professionally.",
          imageSrc: "http://img.b2bpic.net/free-photo/thinking-man-dark-suit-studio-shot_613910-10754.jpg",
        },
      ]}
      title="Loved by Our Clients"
      description="5.0 out of 5 stars from over 1,000+ reviews."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Transparent Pricing"
      description="Premium quality services at competitive rates."
      plans={[
        {
          id: "p1",
          badge: "Essential",
          price: "AED 100",
          subtitle: "Basic Grooming",
          features: [
            "Classic Cut",
            "Beard Trim",
          ],
        },
        {
          id: "p2",
          badge: "Premium",
          price: "AED 250",
          subtitle: "Full Experience",
          features: [
            "Precision Cut",
            "Beard Sculpting",
            "Facial Treatment",
          ],
        },
        {
          id: "p3",
          badge: "Ultimate",
          price: "AED 450",
          subtitle: "Full Spa Day",
          features: [
            "Full Service",
            "Moroccan Hammam",
            "Massage",
          ],
        },
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      title="Frequently Asked Questions"
      description="Find answers to common questions about our services."
      imageSrc="http://img.b2bpic.net/free-photo/barber-sprays-water-hair_1304-2775.jpg"
      faqsAnimation="slide-up"
      faqs={[
        {
          id: "q1",
          title: "Do you accept walk-ins?",
          content: "Yes, but appointments are highly recommended for the best experience.",
        },
        {
          id: "q2",
          title: "What payment methods are accepted?",
          content: "We accept cash and all major credit cards.",
        },
        {
          id: "q3",
          title: "Are your products premium?",
          content: "We use only high-end, professional grade grooming products.",
        },
      ]}
    />
  </div>

  <div id="metric" data-section="metric">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Our Impact"
      description="Excellence defined by numbers."
      metrics={[
        {
          id: "m1",
          value: "1000+",
          title: "Happy Clients",
          description: "Serving the Dubai community since 2021.",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg",
        },
        {
          id: "m2",
          value: "5.0",
          title: "Rating",
          description: "Consistent 5-star performance.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186513.jpg",
        },
        {
          id: "m3",
          value: "2",
          title: "Locations",
          description: "Conveniently in Arabian Ranches & Meadows.",
          imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-photo/top-view-spa-element-collection_23-2148200191.jpg"
      logoText="The Lab Gents"
      leftLink={{
        text: "Terms & Conditions",
        href: "#",
      }}
      rightLink={{
        text: "Privacy Policy",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
