"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Crown, Flame, Scissors, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="compact"
        sizing="medium"
        background="circleGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Reviews",
          id: "#reviews",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      button={{
        text: "Book Now",
        href: "#contact",
      }}
      brandName="Dicky's Barber"
    />
  </div>

  <div id="home" data-section="home">
      <HeroLogo
      logoText="Dicky's Barber"
      description="Experience precision cuts, classic shaves, and a fresh new look. Where tradition meets modern style."
      buttons={[
        {
          text: "Book an Appointment",
          href: "#contact",
        },
        {
          text: "View Our Services",
          href: "#services",
        },
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/front-view-baber-shop-chiar_23-2148506337.jpg"
      imageAlt="Modern barber shop interior with chairs and mirrors"
      showDimOverlay={false}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Story"
      tagAnimation="blur-reveal"
      title="Crafting Styles, Building Confidence"
      description="At Dicky's Barber, we believe a great haircut is more than just a trim—it's an experience. With years of expertise and a passion for perfection, we offer personalized grooming in a welcoming atmosphere."
      subdescription="From classic cuts to contemporary styles, every visit is tailored to your unique look, ensuring you leave feeling fresh, confident, and ready to take on the world."
      icon={Scissors}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-image-female-hairdresser-washing-bearded-men-s-hair-before-haircut-saloon_613910-14593.jpg"
      imageAlt="Barber cutting a client's hair"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Scissors,
          title: "Precision Haircuts",
          description: "Achieve your desired look with our expert barbers, skilled in all styles from classic to modern fades.",
        },
        {
          icon: Sparkles,
          title: "Classic Hot Lather Shaves",
          description: "Indulge in a luxurious hot lather shave, leaving your skin smooth and refreshed.",
        },
        {
          icon: Flame,
          title: "Beard Trims & Shaping",
          description: "Keep your beard looking sharp and well-groomed with our professional trimming and styling services.",
        },
        {
          icon: Crown,
          title: "Kids Haircuts",
          description: "Bring the little ones for a fun and stylish haircut in a friendly, comfortable environment.",
        },
      ]}
      title="Precision Cuts & Classic Shaves"
      description="Discover our range of premium barbering services, designed to elevate your grooming routine."
      tag="Our Services"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "The Executive Cut",
          price: "R 250",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-maledressed-suit-grey-background_613910-1592.jpg",
          imageAlt: "Man with a classic slicked-back haircut",
        },
        {
          id: "2",
          name: "Modern Fade & Style",
          price: "R 200",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-modelman-dressed-jacket-jeans-fashion-male-posing-near-blue-wall-studio-sunglasses-thoughtful-isolated_158538-23687.jpg",
          imageAlt: "Man with a modern fade haircut",
        },
        {
          id: "3",
          name: "Premium Beard Package",
          price: "R 180",
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-traveler-with-stylish-beard-tattoo-his-arms-dressed-casual-clothes-with-bag-sits-sidewalk-resting-after-bike-ride_613910-19933.jpg",
          imageAlt: "Man with a perfectly trimmed beard",
        },
        {
          id: "4",
          name: "The Traditional Shave",
          price: "R 150",
          imageSrc: "http://img.b2bpic.net/free-photo/sideways-customer-with-eyes-closed_23-2148256865.jpg",
          imageAlt: "Barber performing a traditional straight razor shave",
        },
        {
          id: "5",
          name: "Curly Hair Sculpt",
          price: "R 220",
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-hipster-man-posing-studio_158538-25572.jpg",
          imageAlt: "Man with a stylish curly haircut",
        },
        {
          id: "6",
          name: "Long Hair Trim & Care",
          price: "R 280",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-checkered-suit-posing-near-dark-blue-wall-street-background_158538-4214.jpg",
          imageAlt: "Man with longer hair receiving a trim",
        },
      ]}
      title="Signature Styles & Service Combos"
      description="Explore our curated selection of popular haircuts and grooming packages."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "10+",
          title: "Years Experience",
          description: "Our lead barber brings over a decade of grooming mastery.",
          imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg",
          imageAlt: "Barber tools",
        },
        {
          id: "m2",
          value: "15K+",
          title: "Happy Clients",
          description: "Thousands of satisfied customers trust us with their look.",
          imageSrc: "http://img.b2bpic.net/free-photo/male-make-up-artist-putting-make-up-himself_23-2150166177.jpg",
          imageAlt: "Happy client smiling",
        },
        {
          id: "m3",
          value: "500+",
          title: "Styles Created",
          description: "From classic to cutting-edge, we've crafted countless unique looks.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-expensive-barber-shop-chair_23-2148256916.jpg",
          imageAlt: "Barber chair",
        },
        {
          id: "m4",
          value: "4.7",
          title: "Average Rating",
          description: "Consistently high ratings from our valued community.",
          imageSrc: "http://img.b2bpic.net/free-photo/review-increase-rating-ranking-evaluation-classification-concept-businessman-draw-five-yellow-star-increase-rating-his-company_1212-695.jpg",
          imageAlt: "Star rating icon",
        },
      ]}
      title="Our Numbers Speak Volumes"
      description="A testament to our dedication to quality, craft, and client satisfaction."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Liam Smith",
          handle: "@liam_cuts",
          testimonial: "Dicky's Barber is my go-to spot in Cape Town. Always a perfect cut and a great atmosphere. Highly recommend!",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positive-answer_1258-26715.jpg",
          imageAlt: "Liam Smith",
        },
        {
          id: "2",
          name: "Noah Jones",
          handle: "@noah_style",
          testimonial: "Fantastic experience every time! The hot shave is a must-try. Professional and friendly staff.",
          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205927.jpg",
          imageAlt: "Noah Jones",
        },
        {
          id: "3",
          name: "Ethan Brown",
          handle: "@ethan_groom",
          testimonial: "Best beard trim I've ever had. They really pay attention to detail. I always leave feeling fresh.",
          imageSrc: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-15016.jpg",
          imageAlt: "Ethan Brown",
        },
        {
          id: "4",
          name: "Lucas Davis",
          handle: "@lucas_looks",
          testimonial: "My son loves getting his hair cut here. The barbers are great with kids and always do a super job.",
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-bearded-man_1098-22109.jpg",
          imageAlt: "Lucas Davis",
        },
        {
          id: "5",
          name: "Mason Wilson",
          handle: "@mason_fresh",
          testimonial: "Consistently excellent service. The barbers are true artists. I wouldn't go anywhere else.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-making-haircut_23-2149220581.jpg",
          imageAlt: "Mason Wilson",
        },
      ]}
      title="What Our Clients Say"
      description="Read reviews from our satisfied customers who trust Dicky's Barber for their grooming needs."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "How do I book an appointment?",
          content: "You can book an appointment directly through our website via the 'Book Now' button, or by calling us at 068 282 1189.",
        },
        {
          id: "q2",
          title: "What are your operating hours?",
          content: "We are open from Monday to Saturday, 9:00 AM to 7:30 PM. Please check our Google profile for any holiday hour changes.",
        },
        {
          id: "q3",
          title: "Do you accept walk-ins?",
          content: "While we do accept walk-ins, appointments are highly recommended to ensure you get your preferred time and barber.",
        },
        {
          id: "q4",
          title: "What payment methods do you accept?",
          content: "We accept cash, major credit/debit cards, and mobile payment options for your convenience.",
        },
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find answers to common questions about our services, booking, and more."
      faqsAnimation="slide-up"
      textPosition="left"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      text="Ready for Your Fresh Look?\nBook your next appointment with Dicky's Barber today and experience the difference."
      buttons={[
        {
          text: "Call Us: 068 282 1189",
          href: "tel:+27682821189",
        },
        {
          text: "Get Directions",
          href: "https://www.google.com/maps/dir/?api=1&destination=241 Arundel Dr, Belhar 19, Cape Town, 7493",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Dicky's Barber"
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Services",
              href: "#services",
            },
            {
              label: "Reviews",
              href: "#reviews",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Dicky's Barber. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
