"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 TeamCardFive from '@/components/sections/team/TeamCardFive';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSplit from '@/components/sections/footer/FooterSplit';
import { Phone, Mail, MapPin, Users } 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: "Team", id: "team" },
            { 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="team" data-section="team">
        <TeamCardFive
          team={[
            {
              id: "1",
              name: "Dr. Sarah Johnson",
              role: "Medical Director",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929318409-kyt0epdo.jpg",
              imageAlt: "Dr. Sarah Johnson"
            },
            {
              id: "2",
              name: "Michael Chen",
              role: "Clinical Therapist",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929156367-4vs8nuk8.jpg",
              imageAlt: "Michael Chen"
            },
            {
              id: "3",
              name: "Emma Davis",
              role: "Counselor",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929157319-yldoyv48.jpg",
              imageAlt: "Emma Davis"
            },
            {
              id: "4",
              name: "James Wilson",
              role: "Addiction Specialist",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929158175-8ey96anb.jpg",
              imageAlt: "James Wilson"
            },
            {
              id: "5",
              name: "Lisa Martinez",
              role: "Nutritionist",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929318409-kyt0epdo.jpg",
              imageAlt: "Lisa Martinez"
            },
            {
              id: "6",
              name: "David Thompson",
              role: "Fitness Coordinator",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929156367-4vs8nuk8.jpg",
              imageAlt: "David Thompson"
            },
            {
              id: "7",
              name: "Rachel Kim",
              role: "Family Therapist",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929157319-yldoyv48.jpg",
              imageAlt: "Rachel Kim"
            },
            {
              id: "8",
              name: "Thomas Anderson",
              role: "Peer Counselor",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929158175-8ey96anb.jpg",
              imageAlt: "Thomas Anderson"
            },
            {
              id: "9",
              name: "Jennifer Lopez",
              role: "Psychiatric Nurse",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929318409-kyt0epdo.jpg",
              imageAlt: "Jennifer Lopez"
            },
            {
              id: "10",
              name: "Christopher Brown",
              role: "Program Manager",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929156367-4vs8nuk8.jpg",
              imageAlt: "Christopher Brown"
            },
            {
              id: "11",
              name: "Amanda White",
              role: "Mental Health Counselor",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929157319-yldoyv48.jpg",
              imageAlt: "Amanda White"
            },
            {
              id: "12",
              name: "Kevin Taylor",
              role: "Recovery Coach",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766929158175-8ey96anb.jpg",
              imageAlt: "Kevin Taylor"
            }
          ]}
          animationType="slide-up"
          title="Meet Our Specialists"
          description="Our dedicated team of experienced professionals is committed to your recovery journey. Each specialist brings unique expertise and compassion to support your healing."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          tag="Our Team"
          tagIcon={Users}
        />
      </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: "Team", href: "#team" },
                { 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>
  );
}