"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Heart, Sparkles } from "lucide-react";

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="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "plain",
      }}
      imagePosition="right"
      title="TREAT Medspa: Where Luxury Meets Results"
      description="Experience unparalleled aesthetic and wellness treatments curated by industry visionary Ryan Bloch. Achieve your beauty goals with our world-class expertise."
      buttons={[
        {
          text: "Book Consultation",
          href: "/contact",
        },
        {
          text: "Explore Treatments",
          href: "/treatments",
        },
      ]}
      videoSrc="http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986618.jpg?_wi=1"
      videoAriaLabel="Luxury Medspa interior with subtle treatment ambiance"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/gorgeous-smiling-blonde-fashion-model-sits-white-suit-soft-armchair_8353-5476.jpg",
          alt: "Gorgeous smiling blonde fashion model sits in white suit on a soft armchair",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-happy-cheerful-sweet-lovely-smiling-woman-enjoy-bouquet-white-fresh-flowers_158595-8197.jpg",
          alt: "Young happy cheerful sweet lovely smiling woman enjoy a bouquet of white fresh flowers",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-elegant-caucasian-woman-good-mood-rejoices-standing-street-brunette-casual-light-tshirt-is-listening-music_291650-2108.jpg",
          alt: "Happy elegant caucasian woman in good mood rejoices standing on street Brunette in casual light tshirt is listening music",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-young-woman-coat-leaning-wall_171337-16382.jpg",
          alt: "Smiling young woman in coat leaning on the wall",
        },
        {
          src: "http://img.b2bpic.net/free-photo/man-taking-good-care-his-face-home_23-2148883814.jpg",
          alt: "Man taking good care of his face at home",
        },
      ]}
      avatarText="Trusted by over 10,000 clients"
      marqueeItems={[
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/home-interior-design-composition_23-2148986633.jpg",
          alt: "Home interior design composition",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg",
          alt: "Students learning in cafeteria",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/illuminated-couch-armchair_1203-771.jpg",
          alt: "Illuminated couch and armchair",
        },
        {
          type: "text",
          text: "Precision Aesthetics",
        },
        {
          type: "text-icon",
          text: "Dedicated Care",
          icon: Heart,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986618.jpg?_wi=2"
      imageAlt="luxury medspa clinic interior video"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "AI-Powered Consultations",
          description: "Harnessing artificial intelligence for precise diagnostics and tailored treatment plans, ensuring optimal results.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-doing-skincare-home_23-2150642531.jpg?_wi=1",
            imageAlt: "AI consultation app screenshot",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-businesswoman-with-face-mask-analyzing-blueprints-desktop-pc-while-working-office_637285-5217.jpg",
            imageAlt: "CRM integration screenshot",
          },
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ga8cvi&_wi=1",
          imageAlt: "ai consultation virtual medspa",
        },
        {
          title: "Seamless Digital Experience",
          description: "From online scheduling to HIPAA-conscious forms, our digital platform ensures convenience and privacy at every step.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-working-after-waking-up-her-sleep_23-2149031706.jpg",
            imageAlt: "Online scheduling app screenshot",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-smartphone-front-view_23-2149698149.jpg",
            imageAlt: "Before/after photo tracking app",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/home-interior-design-arrangement_23-2148986618.jpg?_wi=3",
          imageAlt: "ai consultation virtual medspa",
        },
        {
          title: "Results-Driven Marketing",
          description: "Leveraging advanced analytics and lead tracking to optimize your aesthetic journey and achieve desired outcomes efficiently.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/crop-woman-with-coffee-glass_23-2147785360.jpg",
            imageAlt: "Marketing analytics dashboard",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/empty-medical-workspace-with-technology_482257-115276.jpg",
            imageAlt: "Integrated patient journey app",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/wellness-concept-with-woman-with-creme-face_23-2147816997.jpg?_wi=1",
          imageAlt: "ai consultation virtual medspa",
        },
      ]}
      showStepNumbers={false}
      title="Why Choose TREAT Medspa?"
      description="Our commitment to excellence, innovation, and personalized care sets us apart. We integrate advanced technology with a luxurious experience."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "botox",
          brand: "Injectables",
          name: "Botox & Dermal Fillers",
          price: "Starting at $300",
          rating: 5,
          reviewCount: "245",
          imageSrc: "http://img.b2bpic.net/free-photo/wellness-concept-with-woman-with-creme-face_23-2147816997.jpg?_wi=2",
          imageAlt: "Botox and Dermal Fillers treatment",
        },
        {
          id: "laser",
          brand: "Skin Rejuvenation",
          name: "Advanced Laser Treatments",
          price: "Starting at $500",
          rating: 5,
          reviewCount: "180",
          imageSrc: "http://img.b2bpic.net/free-photo/futurism-perspective-digital-nomads-lifestyle_23-2151252433.jpg",
          imageAlt: "Advanced Laser Treatments",
        },
        {
          id: "contouring",
          brand: "Body Aesthetics",
          name: "Precision Body Contouring",
          price: "Custom Quote",
          rating: 5,
          reviewCount: "120",
          imageSrc: "http://img.b2bpic.net/free-photo/gold-gift-box-bed-bouquet-white-peonies-craft-packaging-scandivanavian-white-interior_1182-2570.jpg",
          imageAlt: "Precision Body Contouring",
        },
        {
          id: "wellness",
          brand: "Holistic Health",
          name: "Personalized Wellness Programs",
          price: "Custom Quote",
          rating: 5,
          reviewCount: "90",
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-minimal-interior-design_23-2151913231.jpg",
          imageAlt: "Personalized Wellness Programs",
        },
        {
          id: "anti-aging",
          brand: "Ageless Beauty",
          name: "Signature Anti-Aging Solutions",
          price: "Starting at $400",
          rating: 5,
          reviewCount: "210",
          imageSrc: "http://img.b2bpic.net/free-photo/this-decision-belongs-you_329181-7678.jpg",
          imageAlt: "Signature Anti-Aging Solutions",
        },
        {
          id: "skin-care",
          brand: "Dermatology",
          name: "Medical-Grade Skincare",
          price: "View Products",
          rating: 5,
          reviewCount: "300",
          imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-concept_23-2151896850.jpg",
          imageAlt: "Medical-Grade Skincare",
        },
      ]}
      title="Featured Treatments & Results"
      description="Discover our most sought-after aesthetic treatments and glimpse the transformative results our clients experience."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTen
      useInvertedBackground={false}
      title="Meet Our Visionary Founder"
      tag="Ryan Bloch, CEO & Co-Founder"
      tagAnimation="blur-reveal"
      membersAnimation="slide-up"
      members={[
        {
          id: "ryan",
          name: "Ryan Bloch",
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-businesswoman-conference-room_23-2148911825.jpg",
          imageAlt: "Ryan Bloch, Founder & CEO of TREAT Medspa",
        },
      ]}
      memberVariant="card"
      description="With over two decades of experience building successful cosmetic and wellness brands, Ryan Bloch is at the forefront of luxury aesthetics. His vision guides TREAT Medspa to deliver unparalleled results."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sophia L.",
          handle: "@sophialuxe",
          testimonial: "TREAT Medspa is simply exquisite. The results exceeded my expectations, and the ambiance is pure luxury. Truly world-class!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-brunette-woman-posing-smiling_23-2149021881.jpg",
          imageAlt: "Sophia L.",
        },
        {
          id: "2",
          name: "Ethan K.",
          handle: "@ethanknyc",
          testimonial: "Professional, discreet, and incredibly effective. My skin has never looked better. Highly recommend TREAT for unparalleled quality.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-attractive-young-hispanic-man-lying-bed-spa-smiling_662251-2502.jpg",
          imageAlt: "Ethan K.",
        },
        {
          id: "3",
          name: "Isabella M.",
          handle: "@bellemd",
          testimonial: "From consultation to aftercare, the TREAT Medspa team delivered a flawless experience. My anti-aging results are remarkable.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292809.jpg",
          imageAlt: "Isabella M.",
        },
        {
          id: "4",
          name: "Noah J.",
          handle: "@noah_aesthetics",
          testimonial: "The attention to detail and personalized approach at TREAT is unmatched. I feel refreshed and confident. A true gem!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-posing_23-2148497189.jpg",
          imageAlt: "Noah J.",
        },
        {
          id: "5",
          name: "Olivia P.",
          handle: "@oliviaprim",
          testimonial: "A sanctuary of beauty and wellness. TREAT Medspa is my go-to for all aesthetic needs. The staff are incredible and the results speak for themselves.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-casual-caucasian-middle-aged-woman-showing-okey-gesture-isolated-olive-green_141793-32953.jpg",
          imageAlt: "Olivia P.",
        },
      ]}
      showRating={true}
      title="What Our Clients Say"
      description="Hear directly from our discerning clients about their transformative experiences at TREAT Medspa."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "standard",
          badge: "Standard",
          price: "0% APR",
          subtitle: "Up to 12 Months",
          features: [
            "Hassle-free application",
            "Low monthly payments",
            "Instant approval for qualified applicants",
          ],
        },
        {
          id: "premium",
          badge: "Premium",
          badgeIcon: Sparkles,
          price: "Extended Plans",
          subtitle: "Up to 60 Months",
          features: [
            "Lower monthly payments",
            "Flexible repayment schedules",
            "Ideal for larger procedures",
          ],
        },
        {
          id: "luxury",
          badge: "Exclusive",
          price: "Custom Options",
          subtitle: "Tailored to Your Needs",
          features: [
            "Personalized plan design",
            "VIP concierge support",
            "Discreet and private process",
          ],
        },
      ]}
      title="Flexible Financing Solutions"
      description="Making luxury aesthetic treatments accessible. Explore our premium patient financing options through Cosmetica Payment Plus."
    />
  </div>

  <div id="blog-home" data-section="blog-home">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Latest Insights & Resources"
      description="Stay informed with cutting-edge medical aesthetics news, wellness tips, and expert advice from TREAT Medspa."
      buttons={[
        {
          text: "View All Insights",
          href: "/blog",
        },
      ]}
      blogs={[
        {
          id: "1",
          category: "Anti-Aging",
          title: "The Science Behind Youthful Skin: New Breakthroughs",
          excerpt: "Discover the latest scientific advancements in anti-aging treatments and how they can rejuvenate your complexion.",
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-beautiful-young-woman-freelancer-white-towel-sits-bathroom-uses-laptop_1153-7362.jpg",
          imageAlt: "Youthful skin science",
          authorName: "TREAT Experts",
          authorAvatar: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6622.jpg",
          date: "May 20, 2024",
        },
        {
          id: "2",
          category: "Injectables",
          title: "Your Guide to Dermal Fillers: What to Expect",
          excerpt: "Demystify dermal fillers with our comprehensive guide, covering benefits, procedures, and post-treatment care.",
          imageSrc: "http://img.b2bpic.net/free-photo/sun-protection-woman-with-lens-ray-laser-her-skin_633478-23.jpg",
          imageAlt: "Dermal fillers guide",
          authorName: "TREAT Experts",
          authorAvatar: "http://img.b2bpic.net/free-photo/portrait-elegant-bearded-man-dressed-wool-jacket-bow-tie_613910-15696.jpg",
          date: "May 15, 2024",
        },
        {
          id: "3",
          category: "Body Contouring",
          title: "Achieve Your Ideal Silhouette: Body Contouring Options",
          excerpt: "Explore effective body contouring solutions designed to sculpt your body and enhance your natural curves.",
          imageSrc: "http://img.b2bpic.net/free-photo/female-pink-bathrobe-holding-white-sign-cream_140725-25601.jpg",
          imageAlt: "Body contouring options",
          authorName: "TREAT Experts",
          authorAvatar: "http://img.b2bpic.net/free-photo/fashionable-gray-haired-female-real-estate-agent-white-shirt-posing-indoors-happy-stylish-woman-manager-standing-office-desk-working-day_343059-3730.jpg",
          date: "May 10, 2024",
        },
      ]}
    />
  </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=1"
      imageAlt="Luxury Medspa Interior"
      videoSrc="http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg?_wi=1"
      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>
  );
}
