"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import TestimonialCardNine from '@/components/sections/testimonial/TestimonialCardNine';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSplit from '@/components/sections/footer/FooterSplit';
import { Phone, Mail, MapPin } from "lucide-react";

export default function Page() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSmallSizeLargeTitles"
      background="none"
      cardStyle="gradient-radial"
      primaryButtonStyle="neon-glow-border"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Recovery Center"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Our Cases", id: "cases" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get Started",
            href: "contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroOverlay
          title="Your Path to Recovery Starts Here"
          description="Professional addiction recovery center dedicated to helping individuals reclaim their lives through compassionate care and evidence-based treatment."
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766754765343-zikp31v3.jpg"
          imageAlt="Recovery and healing"
          textPosition="bottom-left"
          showBlur={true}
          showDimOverlay={true}
          buttons={[
            { text: "Contact Us", href: "contact" }
          ]}
        />
      </div>
      
      <div id="cases" data-section="cases">
        <TestimonialCardNine
          title="Our Success Stories"
          description="Real transformations from individuals who found hope and healing through our program. Names have been changed to protect privacy."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              quote: "The staff here genuinely cared about my recovery. Their comprehensive approach helped me understand the root of my addiction and gave me tools I never had before.",
              name: "Patient A",
              role: "6 months sober",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929318409-kyt0epdo.jpg",
              imageAlt: "Patient success story"
            },
            {
              id: "2",
              quote: "Coming here was the best decision I ever made. The therapy sessions were eye-opening and the supportive community made all the difference in my journey.",
              name: "Patient B",
              role: "1 year sober",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929156367-4vs8nuk8.jpg",
              imageAlt: "Patient recovery milestone"
            },
            {
              id: "3",
              quote: "I felt hopeless when I arrived, but the dedicated team helped me see a future worth fighting for. I'm grateful every day for this program.",
              name: "Patient C",
              role: "9 months sober",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929157319-yldoyv48.jpg",
              imageAlt: "Patient healing journey"
            },
            {
              id: "4",
              quote: "The personalized treatment plan worked perfectly for me. The family counseling sessions also helped repair my relationships and rebuild trust.",
              name: "Patient D",
              role: "2 years sober",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929158175-8ey96anb.jpg",
              imageAlt: "Patient transformation story"
            }
          ]}
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to take the first step toward recovery?"
          animationType="reveal-blur"
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Contact Admissions", href: "#contact" },
            { text: "Call Us Now", href: "#" }
          ]}
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterSplit
          logoText="Recovery Center"
          title="Comprehensive addiction recovery programs tailored to your needs"
          columns={[
            {
              title: "Navigation",
              items: [
                { label: "Home", href: "#hero" },
                { label: "Our Cases", href: "#cases" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "FAQ", href: "#" },
                { label: "Privacy Policy", href: "#" },
                { label: "Terms", href: "#" }
              ]
            }
          ]}
          contactItems={[
            { icon: Phone, text: "(555) 123-4567" },
            { icon: Mail, text: "contact@recoverycenter.com" },
            { icon: MapPin, text: "123 Wellness Street, Recovery City, RC 12345" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}