"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeLargeTitles"
        background="floatingGradient"
        cardStyle="glass-depth"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Team",
          id: "team",
        },
        {
          name: "Gallery",
          id: "gallery",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Queen Elizabeth Beauty"
      button={{
        text: "Book Now",
        href: "https://booksy.com",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
        variant: "plain",
      }}
      title="Sophisticated Nail Care & Beauty in Miami"
      description="Experience premium nail artistry, skincare, and hair services tailored to your elegance. Book your retreat at Naranja's premier luxury salon."
      buttons={[
        {
          text: "Book Appointment",
          href: "https://booksy.com",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/empty-therapist-office-with-modern-furniture-decorations_482257-108008.jpg"
      imageAlt="Queen Elizabeth Beauty Salon Interior"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/empty-hotel-lounge-with-cozy-furniture_482257-67425.jpg",
          alt: "Client enjoying salon ambiance",
        },
        {
          src: "http://img.b2bpic.net/free-photo/view-modern-futuristic-work-space-with-furniture_23-2151797714.jpg",
          alt: "Modern salon workstation",
        },
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-interior-tattoo-master-workplace-modern-studio_574295-691.jpg",
          alt: "Refined studio space",
        },
        {
          src: "http://img.b2bpic.net/free-photo/emo-resurgence-concept-with-candles-perfume_23-2149829748.jpg",
          alt: "Personalized service experience",
        },
        {
          src: "http://img.b2bpic.net/free-photo/alpine-hotel-hosting-winter-sports_482257-102253.jpg",
          alt: "Luxury interior decor",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "Premium Nail Art",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/young-model-demonstrating-expensive-ring_7502-7046.jpg",
          alt: "Jewelry and beauty care",
        },
        {
          type: "text",
          text: "Rejuvenating Facials",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/close-up-beauty-nail-art-with-flower_23-2149265986.jpg",
          alt: "Detail nail art",
        },
        {
          type: "text",
          text: "Expert Styling",
        },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      features={[
        {
          title: "Nail Art & Manicures",
          description: "Custom gel, acrylic, and natural nail enhancements.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-s-arms-posing-with-peach_23-2149640614.jpg",
        },
        {
          title: "Pedicure Spa",
          description: "Relaxing foot treatments in a serene environment.",
          imageSrc: "http://img.b2bpic.net/free-photo/spa-treatment-product-female-feet-hand-spa_1150-37701.jpg",
        },
        {
          title: "Skincare & Facials",
          description: "Tailored skin rejuvenation and revitalizing treatments.",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-hispanic-woman-laying-bed-getting-facial-treatment-health-beauty-spa-some-copy-space_662251-2056.jpg",
        },
      ]}
      title="Our Signature Services"
      description="From bespoke nail artistry to rejuvenating facials, our services are designed to enhance your natural beauty."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",
          value: "4.8",
          description: "Average Star Rating",
        },
        {
          id: "2",
          value: "34+",
          description: "Happy Reviews & Counting",
        },
        {
          id: "3",
          value: "100%",
          description: "Commitment to Cleanliness",
        },
      ]}
      title="Why Choose Us"
      description="Dedicated to excellence, cleanliness, and providing an elevated salon experience every visit."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTen
      useInvertedBackground={false}
      title="Meet Our Professionals"
      tag="The Expert Team"
      membersAnimation="slide-up"
      members={[
        {
          id: "1",
          name: "Yus",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67003.jpg",
          imageAlt: "Yus - Lead Aesthetician",
        },
        {
          id: "2",
          name: "Oneisy",
          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-with-woman-client_657883-572.jpg",
          imageAlt: "Oneisy - Lead Stylist",
        },
        {
          id: "3",
          name: "Evelyn",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-getting-eyebrow-treatment-from-specialist_23-2148845989.jpg",
          imageAlt: "Evelyn - Nail Artist",
        },
        {
          id: "4",
          name: "Staff Member",
          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-black-shirt-hanged-toy-camera-from-her-neck_114579-24475.jpg",
          imageAlt: "Dedicated Stylist",
        },
      ]}
      memberVariant="card"
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardOne
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Custom Gel Manicure",
          price: "Artistry",
          imageSrc: "http://img.b2bpic.net/free-photo/female-hand-with-beige-glitter-nail-design_127675-2782.jpg",
        },
        {
          id: "2",
          name: "Classic French Set",
          price: "Elegance",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-bride-silky-negligee-is-putting-precious-engagement-ring_8353-11510.jpg",
        },
        {
          id: "3",
          name: "Modern Acrylics",
          price: "Style",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-hands-salon_23-2148766608.jpg",
        },
        {
          id: "4",
          name: "Luxury Design",
          price: "Premium",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-peace-sign_23-2148346518.jpg",
        },
        {
          id: "5",
          name: "Pedicure Treatment",
          price: "Relaxation",
          imageSrc: "http://img.b2bpic.net/free-photo/feet-near-flowers_23-2147694729.jpg",
        },
        {
          id: "6",
          name: "Glowing Skin Result",
          price: "Care",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-young-woman-trying-beauty-products_23-2148723148.jpg",
        },
      ]}
      title="Before & After Results"
      description="See the elegance we create for our clients."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Jackie A.",
          handle: "@jackiea",
          testimonial: "The entire staff is great! They are all so sweet, professional and welcoming.",
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-woman-smoking-joint-home_181624-25481.jpg",
        },
        {
          id: "2",
          name: "Zenaida F.",
          handle: "@zenaida",
          testimonial: "Full service nail salon, hair and skin care. They make you feel very special.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-girl-with-lipsticks_23-2148299457.jpg",
        },
        {
          id: "3",
          name: "Valued Client",
          handle: "@beautylover",
          testimonial: "I would highly recommend this place for anyone looking for premium service.",
          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-christmas_1303-12443.jpg",
        },
        {
          id: "4",
          name: "Valued Client",
          handle: "@miamibeauty",
          testimonial: "The best service in town, every time I visit I feel pampered.",
          imageSrc: "http://img.b2bpic.net/free-photo/model-is-sitting-high-chair-professional-make-up-procedure_231208-3562.jpg",
        },
        {
          id: "5",
          name: "Valued Client",
          handle: "@nailsdaily",
          testimonial: "Very professional and clean salon, highly recommend their nail tech team.",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-happy-bride-wearing-veil_23-2149722033.jpg",
        },
      ]}
      title="Client Reviews"
      description="Hear what our beautiful clients have to say about their experience."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Do you offer walk-ins?",
          content: "While we recommend booking ahead for convenience, we do accept walk-ins when availability permits.",
        },
        {
          id: "2",
          title: "Where are you located?",
          content: "We are located at 26210 S Dixie Hwy Suite 1103, Naranja, FL 33032.",
        },
        {
          id: "3",
          title: "Do you sanitize?",
          content: "Absolutely. Cleanliness is one of our top priorities.",
        },
      ]}
      sideTitle="Common Questions"
      sideDescription="Everything you need to know about our services and booking."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Visit Us Today"
      description="Find us in Naranja. Reach out to schedule or ask any questions."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Email Address",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "How can we help you?",
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Queen Elizabeth Beauty Nails Spa"
      columns={[
        {
          title: "Links",
          items: [
            {
              label: "Book Now",
              href: "https://booksy.com",
            },
            {
              label: "Instagram",
              href: "https://instagram.com",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "(786) 614-1614",
              href: "tel:7866141614",
            },
            {
              label: "Naranja, FL",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Queen Elizabeth Beauty. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
