"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="small"
        sizing="large"
        background="blurBottom"
        cardStyle="gradient-bordered"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Reviews",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Ultimate Nails"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Ultimate Nails"
      description="Relax. Glow. Feel Beautiful. Experience peaceful luxury and expert nail care in the heart of Portland."
      buttons={[
        {
          text: "Book Appointment",
          href: "#contact",
        },
        {
          text: "View Services",
          href: "#services",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/dried-persimmon-fruits-black-plate_114579-46122.jpg"
      imageAlt="Luxury nail salon experience in Portland"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "feat-1",
          title: "Peaceful Environment",
          subtitle: "Quiet, calm, and welcoming.",
          category: "Experience",
          value: "Serenity",
        },
        {
          id: "feat-2",
          title: "Precision Work",
          subtitle: "Attention to every detail.",
          category: "Care",
          value: "Excellence",
        },
        {
          id: "feat-3",
          title: "Super Clean",
          subtitle: "Impeccable hygiene standards.",
          category: "Safety",
          value: "Clean",
        },
      ]}
      title="Why Clients Love Us"
      description="At Ultimate Nails, we believe in providing a serene escape where precision meets pampering."
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "s1",
          name: "Luxury Pedicure",
          price: "$65+",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-washing-legs-home-bathroom_1303-23024.jpg",
        },
        {
          id: "s2",
          name: "Gel & Shellac",
          price: "$50+",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262926.jpg",
        },
        {
          id: "s3",
          name: "Artistic Nail Art",
          price: "$20+",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-blonde-woman-body-suit-white-shirt-with-pink-beautiful-lips-holding-cigar_343596-463.jpg",
        },
        {
          id: "s4",
          name: "Classic Manicure",
          price: "$35+",
          imageSrc: "http://img.b2bpic.net/free-photo/nail-products-arrangement_23-2149046519.jpg",
        },
        {
          id: "s5",
          name: "Spa Treatments",
          price: "$45+",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-spa-center_23-2148099226.jpg",
        },
        {
          id: "s6",
          name: "Acrylic Sets",
          price: "$70+",
          imageSrc: "http://img.b2bpic.net/free-photo/two-girls-with-design-manicure-holding-leather-pink-bag_132075-12045.jpg",
        },
      ]}
      title="Signature Services"
      description="Indulge in our curated selection of treatments designed to leave you feeling refreshed and beautiful."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sarah L.",
          handle: "@sarah_nails",
          testimonial: "The best pedicure massage I've ever had. Truly a peaceful escape.",
          imageSrc: "http://img.b2bpic.net/free-photo/indoor-studio-winter-portrait-brunette-woman-wearing-joggers-sweater-using-her-smartphone-exited-emotions_291049-2742.jpg",
        },
        {
          id: "t2",
          name: "Michael R.",
          handle: "@mikepdx",
          testimonial: "Super clean, quiet, and friendly. My nails last for weeks every time.",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-charming-smiling-tanned-brunette-woman-white-t-shirt-sitting-rattand-armchair_197531-22786.jpg",
        },
        {
          id: "t3",
          name: "Emily C.",
          handle: "@emilylove",
          testimonial: "I always leave feeling beautiful. The staff is so incredibly kind.",
          imageSrc: "http://img.b2bpic.net/free-photo/waistup-shot-elegant-goodlooking-wealthy-young-blond-woman-brilliant-accessorize-silver-glittering-stylish-dress-touch-chin-have-clever-interesting-idea-smiling-curiously-red-background_1258-308957.jpg",
        },
        {
          id: "t4",
          name: "Jessica B.",
          handle: "@jessib",
          testimonial: "Unmatched attention to detail. It's my favorite neighborhood happy place.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-stylish-denim-jacket-coffee-shop_273609-4466.jpg",
        },
        {
          id: "t5",
          name: "Marcus W.",
          handle: "@marcusw",
          testimonial: "Relaxing chairs and top-tier service. Highly recommended.",
          imageSrc: "http://img.b2bpic.net/free-photo/cute-young-caucasian-blonde-girls-use-face-cream-while-sitting-beauty-parlour-concept-preserving-youth_197531-31473.jpg",
        },
      ]}
      title="Client Stories"
      description="Read how our Portland clients experience the Ultimate Nails difference."
    />
  </div>

  <div id="experience" data-section="experience">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={true}
      title="Restorative Self-Care"
      description="At Ultimate Nails, we redefine the salon experience. We believe beauty is a form of peace, and every visit is a journey to feeling your most confident, elevated self."
      bulletPoints={[
        {
          title: "Indulgent Atmosphere",
          description: "Designed for complete relaxation.",
        },
        {
          title: "Modern Spa Energy",
          description: "A refined space for your self-care.",
        },
        {
          title: "Artisan Care",
          description: "Expert services for lasting beauty.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/woman-using-face-roller-her-beauty-routine_23-2150166445.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Do you accept walk-ins?",
          content: "Yes, we welcome walk-ins, though we recommend booking ahead for peak times.",
        },
        {
          id: "q2",
          title: "What products do you use?",
          content: "We use premium, high-quality polishes and spa products safe for your nails and skin.",
        },
        {
          id: "q3",
          title: "How do I book an appointment?",
          content: "You can book directly through our website via the link above.",
        },
      ]}
      title="Common Questions"
      description="Everything you need to know about your next visit to Ultimate Nails."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Book Your Glow"
      description="We are ready to welcome you. Send us a note to inquire about appointments or special services."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Tell us about the service you need...",
        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/room-interior-with-bed-massage_23-2150461389.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Ultimate Nails"
      leftLink={{
        text: "Portland, OR",
        href: "#",
      }}
      rightLink={{
        text: "© 2024 Ultimate Nails",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
