"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="medium"
        background="grid"
        cardStyle="gradient-radial"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "About Ryan",
          id: "/about",
        },
        {
          name: "Treatments",
          id: "/treatments",
        },
        {
          name: "Locations",
          id: "/locations",
        },
        {
          name: "Before & After",
          id: "/gallery",
        },
        {
          name: "Financing",
          id: "/financing",
        },
        {
          name: "Blog",
          id: "/blog",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ga8cvi"
      logoAlt="TREAT Medspa Logo"
      brandName="TREAT Medspa"
      button={{
        text: "Book Consultation",
        href: "/contact",
      }}
    />
  </div>

  <div id="before-after-gallery" data-section="before-after-gallery">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "before-after-1",
          brand: "Botox",
          name: "Wrinkle Reduction",
          price: "View Details",
          rating: 5,
          reviewCount: "Before/After",
          imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-botox-injection-forehead_651396-830.jpg",
          imageAlt: "Botox before and after",
        },
        {
          id: "before-after-2",
          brand: "Dermal Fillers",
          name: "Volume Restoration",
          price: "View Details",
          rating: 5,
          reviewCount: "Before/After",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-physiotherapy-making-physical-exercises-with-qualified-therapist_1157-38475.jpg",
          imageAlt: "Dermal fillers before and after",
        },
        {
          id: "before-after-3",
          brand: "Laser Resurfacing",
          name: "Skin Tone & Texture",
          price: "View Details",
          rating: 5,
          reviewCount: "Before/After",
          imageSrc: "http://img.b2bpic.net/free-photo/modern-beauty-products-different-recipients-composition_23-2148761432.jpg",
          imageAlt: "Laser resurfacing before and after",
        },
        {
          id: "before-after-4",
          brand: "Body Contouring",
          name: "Sculpted Physique",
          price: "View Details",
          rating: 5,
          reviewCount: "Before/After",
          imageSrc: "http://img.b2bpic.net/free-photo/person-getting-micro-needling-beauty-treatment_23-2149334250.jpg",
          imageAlt: "Body contouring before and after",
        },
        {
          id: "before-after-5",
          brand: "Chemical Peel",
          name: "Acne Scar Reduction",
          price: "View Details",
          rating: 5,
          reviewCount: "Before/After",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-doctor-s-appointment_23-2149313501.jpg",
          imageAlt: "Chemical peel before and after",
        },
        {
          id: "before-after-6",
          brand: "Facial Rejuvenation",
          name: "Overall Glow",
          price: "View Details",
          rating: 5,
          reviewCount: "Before/After",
          imageSrc: "http://img.b2bpic.net/free-photo/back-view-woman-using-medical-device_23-2148328462.jpg",
          imageAlt: "Facial rejuvenation before and after",
        },
      ]}
      title="Transformative Before & After Gallery"
      description="Witness the remarkable results achieved by our clients across a range of advanced aesthetic treatments."
      buttons={[
        {
          text: "Filter by Treatment",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="results-testimonials" data-section="results-testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "g-1",
          name: "Sarah P.",
          handle: "@sarah_t",
          testimonial: "My experience with laser treatments at TREAT was exceptional. The results on my skin texture are unbelievable!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-bathrobe_1098-2996.jpg",
          imageAlt: "Sarah P.",
        },
        {
          id: "g-2",
          name: "Mark D.",
          handle: "@marknyc",
          testimonial: "The body contouring procedure delivered exactly the definition I was looking for. Highly professional team.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/showing-biceps_1098-14720.jpg",
          imageAlt: "Mark D.",
        },
        {
          id: "g-3",
          name: "Jessica R.",
          handle: "@jessicabeauty",
          testimonial: "My dermal fillers look incredibly natural and have boosted my confidence. TREAT Medspa truly understands artistry.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-women-work_23-2149871319.jpg",
          imageAlt: "Jessica R.",
        },
        {
          id: "g-4",
          name: "Michael S.",
          handle: "@michaelskin",
          testimonial: "After years of trying different clinics, I finally found my home at TREAT. The anti-aging results are unparalleled.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-with-bathrobe-spa_23-2148206146.jpg",
          imageAlt: "Michael S.",
        },
        {
          id: "g-5",
          name: "Laura G.",
          handle: "@lauraglow",
          testimonial: "The attention to detail and personalized treatment plan for my skin rejuvenation was fantastic. My complexion is radiant!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/person-eating-seaweed-snacks_23-2150519985.jpg",
          imageAlt: "Laura G.",
        },
      ]}
      showRating={true}
      title="Client Stories: Real Transformations"
      description="Read firsthand accounts from individuals who have achieved remarkable aesthetic transformations at TREAT Medspa."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/luxury-modern-apartment-boasts-elegant-furniture-design-generated-by-ai_188544-26999.jpg?_wi=5"
      imageAlt="Luxury Medspa Interior"
      videoSrc="http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg?_wi=5"
      videoAriaLabel="Luxury Medspa reception area ambiance"
      logoText="TREAT Medspa"
      columns={[
        {
          title: "Explore",
          items: [
            {
              label: "Home",
              href: "/",
            },
            {
              label: "About Ryan",
              href: "/about",
            },
            {
              label: "Treatments",
              href: "/treatments",
            },
            {
              label: "Locations",
              href: "/locations",
            },
          ],
        },
        {
          title: "Resources",
          items: [
            {
              label: "Before & After",
              href: "/gallery",
            },
            {
              label: "Financing",
              href: "/financing",
            },
            {
              label: "Blog",
              href: "/blog",
            },
            {
              label: "Contact",
              href: "/contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2025 TREAT Medspa. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
