"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="blurBottom"
        cardStyle="inset"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Services",
          id: "#features",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
      ]}
      brandName="Bliss Beauty Haven"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "radial-gradient",
      }}
      title="Luxury Beauty Redefined in Lagos"
      description="Experience premium salon treatments in an elevated space designed for your transformation. From nails to full beauty services—booked in seconds."
      buttons={[
        {
          text: "Book Your Appointment",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-29137.jpg?_wi=1"
      imageAlt="Luxury beauty salon in Lagos"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/shaving-concept-with-attractive-man_23-2148121822.jpg",
          alt: "Shaving concept with attractive man",
        },
        {
          src: "http://img.b2bpic.net/free-photo/client-wearing-mask-nail-salon_23-2148694575.jpg",
          alt: "Client wearing mask at nail salon",
        },
        {
          src: "http://img.b2bpic.net/free-photo/nail-care-products-assortment_23-2149046497.jpg",
          alt: "Nail care products assortment",
        },
        {
          src: "http://img.b2bpic.net/free-photo/worker-wearing-face-shield-nail-salon_23-2148694578.jpg",
          alt: "Worker wearing face shield at nail salon",
        },
        {
          src: "http://img.b2bpic.net/free-photo/decoration-details-modern-wellness-center-with-flower-vase-candles_1139-1699.jpg",
          alt: "Decoration details in modern wellness center with flower vase and candles.",
        },
      ]}
      avatarText="Join our 5000+ satisfied beauty enthusiasts"
      marqueeItems={[
        {
          type: "text",
          text: "Premium Skincare",
        },
        {
          type: "text",
          text: "Artisan Nail Care",
        },
        {
          type: "text",
          text: "Professional Lash Styling",
        },
        {
          type: "text",
          text: "Full Salon Services",
        },
        {
          type: "text",
          text: "Transformative Beauty",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="A Haven of Sophistication"
      description="Bliss Beauty Haven is Lagos' premier destination for transformative beauty services. Our experts combine artisan precision with modern techniques to ensure your beauty goals are met with excellence."
      metrics={[
        {
          value: "5000+",
          title: "Happy Clients",
        },
        {
          value: "15",
          title: "Expert Stylists",
        },
        {
          value: "100%",
          title: "Service Quality",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/massage-table-with-white-sheets_23-2148531278.jpg?_wi=1"
      imageAlt="Serene spa interior"
      mediaAnimation="blur-reveal"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "1",
          title: "Manicure & Pedicure",
          subtitle: "Luxury nail care",
          category: "Nails",
          value: "Starting at ₦15,000",
        },
        {
          id: "2",
          title: "Skincare Treatments",
          subtitle: "Revitalizing facials",
          category: "Skin",
          value: "Starting at ₦25,000",
        },
        {
          id: "3",
          title: "Lash & Brow Art",
          subtitle: "Precision shaping",
          category: "Lashes",
          value: "Starting at ₦10,000",
        },
      ]}
      title="Our Signature Services"
      description="Discover our comprehensive range of high-end beauty treatments."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Salon Hydrating Shampoo",
          price: "₦8,500",
          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-zero-waste-products_23-2148491199.jpg",
        },
        {
          id: "p2",
          name: "Revitalizing Face Cream",
          price: "₦12,000",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-beautiful-flowers-studio_23-2150894495.jpg",
        },
        {
          id: "p3",
          name: "Anti-Aging Serum",
          price: "₦18,500",
          imageSrc: "http://img.b2bpic.net/free-photo/seashell-twig-near-cosmetics_23-2147787971.jpg",
        },
        {
          id: "p4",
          name: "Luxury Body Lotion",
          price: "₦9,500",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-bottles-with-dispensers-liquid-soap_169016-23684.jpg",
        },
        {
          id: "p5",
          name: "Aromatic Essential Oils",
          price: "₦7,000",
          imageSrc: "http://img.b2bpic.net/free-photo/vanity-case-with-products-high-angle_23-2149879968.jpg",
        },
        {
          id: "p6",
          name: "Daily Face Mask Set",
          price: "₦15,000",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-pink-bathrobe-after-shower-reading-green-copybook-blue-wall-beauty-water-cream-selfcare-shower-bathroom_140725-65436.jpg",
        },
      ]}
      title="Professional Beauty Care"
      description="Take the Bliss experience home with our curated selection of premium products."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          badge: "Essential",
          price: "₦25,000",
          subtitle: "For quick maintenance",
          features: [
            "Manicure",
            "Brow Shaping",
            "Consultation",
          ],
        },
        {
          id: "pro",
          badge: "Popular",
          price: "₦55,000",
          subtitle: "For ultimate renewal",
          features: [
            "Luxury Manicure & Pedicure",
            "Signature Facial",
            "Deep Tissue Massage",
          ],
        },
        {
          id: "elite",
          badge: "Premium",
          price: "₦120,000",
          subtitle: "Full transformation",
          features: [
            "Full Salon Day",
            "Body Treatments",
            "Personalized Skincare Routine",
          ],
        },
      ]}
      title="Our Pricing Packages"
      description="Select the perfect treatment tailored to your specific needs."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Sarah O.",
          date: "Sept 2023",
          title: "Incredible experience",
          quote: "The most professional salon in Lagos. Absolutely loving my nails and facial!",
          tag: "Regular",
          avatarSrc: "http://img.b2bpic.net/free-photo/trendy-hipster-girl-winks-eye-makes-cheeky-expression-dressed-green-fashionable-costume-carries-bag-has-bun-hairstyle-vivid-makeup-poses-outdoors-urban-lifestyle_273609-56220.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-sitting-dentist-s-office_1157-29137.jpg?_wi=2",
          imageAlt: "confident Nigerian woman portrait",
        },
        {
          id: "2",
          name: "Chidinma A.",
          date: "Oct 2023",
          title: "Five-star service",
          quote: "Such a relaxing environment and high quality products. Highly recommend.",
          tag: "Bride",
          avatarSrc: "http://img.b2bpic.net/free-photo/pretty-short-haired-blond-woman-s-portrait_633478-2499.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/massage-table-with-white-sheets_23-2148531278.jpg?_wi=2",
          imageAlt: "confident Nigerian woman portrait",
        },
        {
          id: "3",
          name: "Funke B.",
          date: "Nov 2023",
          title: "My go-to place",
          quote: "The staff are so friendly and skilled. Bliss is truly a haven.",
          tag: "Regular",
          avatarSrc: "http://img.b2bpic.net/free-photo/elegant-young-businesswoman-posing_329181-11390.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-body-cream-bruses_23-2148241891.jpg",
          imageAlt: "confident Nigerian woman portrait",
        },
        {
          id: "4",
          name: "Amaka E.",
          date: "Dec 2023",
          title: "Stunning results",
          quote: "I feel so refreshed every time I visit. Premium quality indeed.",
          tag: "Loyal",
          avatarSrc: "http://img.b2bpic.net/free-photo/girl-cringing-clench-teeth-awkward-frowning-displeased-feel-empathy-friend-bumped-toe-painfully-standing-upset-nervous_176420-44734.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-still-life-assortment-nail-care-products_23-2148974550.jpg",
          imageAlt: "confident Nigerian woman portrait",
        },
        {
          id: "5",
          name: "Tolu W.",
          date: "Jan 2024",
          title: "Transformation",
          quote: "The best beauty services in Lagos, no doubt about it.",
          tag: "VIP",
          avatarSrc: "http://img.b2bpic.net/free-photo/industrial-designer-working-3d-model_23-2149370158.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/comparison-different-types-brush-strokes_23-2150105233.jpg",
          imageAlt: "confident Nigerian woman portrait",
        },
      ]}
      title="Client Experiences"
      description="Read how we've transformed beauty for our community."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "How can I book an appointment?",
          content: "You can easily book online via our contact form or call us directly.",
        },
        {
          id: "q2",
          title: "What services do you offer?",
          content: "We offer a wide range of beauty services, including manicures, pedicures, facials, lash art, and body care.",
        },
        {
          id: "q3",
          title: "Do you accept walk-ins?",
          content: "While we recommend bookings, we do accept walk-ins based on availability.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Common questions regarding your salon visit and booking."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Book Your Appointment"
      description="Ready to experience premium salon service? Reach out to us today to schedule your visit."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Full Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Email Address",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Phone Number",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Tell us about your desired service...",
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/beautiful-woman-standing-bathroom_1157-20467.jpg"
      imageAlt="Salon reception area"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Bliss Beauty Haven"
      leftLink={{
        text: "Terms of Service",
        href: "#",
      }}
      rightLink={{
        text: "Privacy Policy",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
