"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';

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="medspa-blog" data-section="medspa-blog">
      <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."
      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
      videoSrc="http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg"
      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>
  );
}
