"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Leaf, Shield, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmallSizeLargeTitles"
        background="none"
        cardStyle="inset"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Services",
          id: "pricing",
        },
        {
          name: "Portfolio",
          id: "portfolio",
        },
        {
          name: "Contact",
          id: "contact",
        },
        {
          name: "ARM / RU / EN",
          id: "language",
        },
      ]}
      brandName="Nail Artist"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "plain",
      }}
      title="Editorial Manicure & Nail Art"
      description="Sophisticated care for your hands. Experience organic minimalism and professional artistry. Book your session today."
      buttons={[
        {
          text: "Book Now / Ամրագրել",
          href: "#contact",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-winter-couple-holding-hands_23-2148735577.jpg",
          imageAlt: "elegant nail art close-up beige",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262878.jpg",
          imageAlt: "luxury manicure workspace interior",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-eucalyptus-background_23-2149425037.jpg",
          imageAlt: "professional nail polish textures",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-composition-nail-care-products_23-2148974532.jpg",
          imageAlt: "serene nail artist tools",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sensitive-hands-concept_23-2149535944.jpg",
          imageAlt: "elegant hands minimal lighting",
        },
      ]}
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="The Art of Precision"
      description="With over five years of dedication to natural nail health and modern aesthetics, every service is a bespoke experience. We prioritize quality, hygiene, and timeless elegance."
      metrics={[
        {
          value: "500+",
          title: "Happy Clients",
        },
        {
          value: "1200+",
          title: "Sets Created",
        },
        {
          value: "5",
          title: "Years Experience",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-smartphone-notebook-with-pencil-glass-water-pots-with-flowers-workplace_613910-4447.jpg"
      mediaAnimation="blur-reveal"
      imageAlt="professional nail artist portrait minimal"
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      textboxLayout="split"
      useInvertedBackground={false}
      plans={[
        {
          id: "p1",
          price: "10,000 AMD",
          name: "Express Manicure",
          buttons: [
            {
              text: "Book",
              href: "#contact",
            },
          ],
          features: [
            "Nail shaping",
            "Cuticle care",
            "Natural polish",
          ],
        },
        {
          id: "p2",
          price: "18,000 AMD",
          name: "Signature Gel",
          buttons: [
            {
              text: "Book",
              href: "#contact",
            },
          ],
          features: [
            "Complete prep",
            "Gel polish",
            "Hand massage",
          ],
        },
        {
          id: "p3",
          price: "25,000 AMD",
          name: "Artistic Design",
          buttons: [
            {
              text: "Book",
              href: "#contact",
            },
          ],
          features: [
            "Intricate art",
            "Gel overlay",
            "Skin nourishment",
          ],
        },
      ]}
      title="Select Your Service"
      description="Choose from our signature menu of premium nail care services."
    />
  </div>

  <div id="portfolio" data-section="portfolio">
      <ProductCardOne
      textboxLayout="split"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Terra Cotta Matte",
          price: "Design",
          imageSrc: "http://img.b2bpic.net/free-photo/people-showing-hand-gestures_23-2150493716.jpg",
          imageAlt: "elegant nail art close-up beige",
        },
        {
          id: "2",
          name: "Sandstone Minimal",
          price: "Design",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-nail-art-presentation_23-2149297956.jpg",
          imageAlt: "luxury manicure workspace interior",
        },
        {
          id: "3",
          name: "Deep Charcoal Edge",
          price: "Design",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-flower-decor-marble-stand_23-2149270714.jpg",
          imageAlt: "professional nail polish textures",
        },
        {
          id: "4",
          name: "Soft Beige Gloss",
          price: "Design",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-assortment-nail-care-products_23-2148974549.jpg",
          imageAlt: "serene nail artist tools",
        },
        {
          id: "5",
          name: "Abstract Terra",
          price: "Design",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262887.jpg",
          imageAlt: "elegant hands minimal lighting",
        },
        {
          id: "6",
          name: "Natural Shape",
          price: "Design",
          imageSrc: "http://img.b2bpic.net/free-photo/collection-nail-polishes_23-2147778979.jpg",
          imageAlt: "modern nail studio atmosphere",
        },
      ]}
      title="Selected Works"
      description="A curated collection of minimalist and artistic nail designs."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Anna S.",
          handle: "@anna_s",
          testimonial: "The best manicure experience in Yerevan. Truly artistic.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-posing-romantic-garden_23-2150316926.jpg",
        },
        {
          id: "t2",
          name: "Maria K.",
          handle: "@m.k",
          testimonial: "I love the minimalist approach and the quality is unmatched.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-nail-art-presentation_23-2149298020.jpg",
        },
        {
          id: "t3",
          name: "Lena D.",
          handle: "@lena.d",
          testimonial: "Professional, clean, and incredibly beautiful results.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/girl-friends-celebration-moments_23-2149168064.jpg",
        },
        {
          id: "t4",
          name: "Sophie P.",
          handle: "@sophie.p",
          testimonial: "An editorial experience for your nails. So relaxing.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/make-up-artist-making-client-laugh_23-2148398584.jpg",
        },
        {
          id: "t5",
          name: "Gohar H.",
          handle: "@gohar.h",
          testimonial: "Highly recommended for any high-end nail service.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-content-maker-woman-blogger-recording-video-digital-camera-showing-lipstick_1258-255014.jpg",
        },
      ]}
      showRating={true}
      title="Client Experiences"
      description="What our guests say about our services."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      textboxLayout="split"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          title: "Clean Instruments",
          value: "100%",
          icon: Shield,
        },
        {
          id: "m2",
          title: "Organic Products",
          value: "100%",
          icon: Leaf,
        },
        {
          id: "m3",
          title: "Repeat Customers",
          value: "90%",
          icon: Star,
        },
      ]}
      title="Salon Stats"
      description="Excellence in numbers."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "How do I book?",
          content: "You can book directly through our online widget.",
        },
        {
          id: "f2",
          title: "What products do you use?",
          content: "We use eco-friendly and professional-grade products.",
        },
        {
          id: "f3",
          title: "Can I cancel?",
          content: "Please cancel 24 hours in advance.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/side-view-man-getting-manicure_23-2149975504.jpg"
      title="Common Questions"
      description="Answers to help you prepare for your booking."
      faqsAnimation="blur-reveal"
      imageAlt="nail care consultation minimal"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Booking"
      title="Ready for your session?"
      description="Book your appointment online via our integrated system."
      buttons={[
        {
          text: "Book Now / Ամրագրել",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Navigation",
          items: [
            {
              label: "Services",
              href: "#pricing",
            },
            {
              label: "Portfolio",
              href: "#portfolio",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
      logoText="NAIL ARTIST"
      copyrightText="© 2025 | Professional Nail Artist"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
