"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import { 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="financing-options" data-section="financing-options">
      <PricingCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "plan-1",
          badge: "Short Term",
          price: "0% Interest",
          subtitle: "Up to 12 Months",
          features: [
            "Immediate approval",
            "No hidden fees",
            "Ideal for smaller procedures",
          ],
        },
        {
          id: "plan-2",
          badge: "Extended",
          badgeIcon: Sparkles,
          price: "Low APR",
          subtitle: "Up to 60 Months",
          features: [
            "Manageable monthly payments",
            "Tailored for larger investments",
            "Convenient online portal",
          ],
        },
        {
          id: "3",
        },
      ]}
      title="Seamless Financing for Your Aesthetic Journey"
      description="TREAT Medspa partners with Cosmetica Payment Plus to offer flexible and accessible financing options for all treatments."
      buttons={[
        {
          text: "Apply Now via Cosmetica Payment Plus",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="financing-faqs" data-section="financing-faqs">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "What financing options are available?",
          content: "We offer a range of flexible financing solutions through Cosmetica Payment Plus, including 0% APR short-term plans and extended low APR options for larger procedures.",
        },
        {
          id: "faq-2",
          title: "How do I apply for financing?",
          content: "You can apply easily online through the Cosmetica Payment Plus portal. The application process is quick and secure, with instant approvals for qualified applicants.",
        },
        {
          id: "faq-3",
          title: "What are the eligibility requirements?",
          content: "Eligibility depends on various factors, including credit history and income. Our team can guide you through the requirements and help you find the best plan.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/business-women-collaborating-medium-shot_23-2148352585.jpg?_wi=1"
      imageAlt="Woman reviewing financing documents"
      mediaAnimation="slide-up"
      title="Common Questions About Financing"
      description="Find answers to frequently asked questions regarding payment plans and financing options at TREAT Medspa."
      faqsAnimation="slide-up"
      showCard={true}
    />
  </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=6"
      imageAlt="Luxury Medspa Interior"
      videoSrc="http://img.b2bpic.net/free-photo/winter-season-lodging-entrance_482257-103218.jpg?_wi=6"
      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>
  );
}
