"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
import TeamCardOne from '@/components/sections/team/TeamCardOne';
import TeamCardSeven from '@/components/sections/team/TeamCardSeven';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSocial from '@/components/sections/footer/FooterSocial';
import { Heart, CheckCircle, Star, Send, Facebook, Instagram, Linkedin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="noiseGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="outline"
      secondaryButtonStyle="outline"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="MindCare Hospital"
          bottomLeftText="Healing Minds, Restoring Lives"
          bottomRightText="support@mindcarehosp.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Your Path to Mental Wellness Starts Here"
          description="MindCare Hospital provides compassionate, evidence-based mental health treatment with a team of dedicated professionals committed to your recovery and wellbeing."
          tag="Mental Health Care"
          tagIcon={Heart}
          buttons={[
            { text: "Schedule Appointment", href: "contact" },
            { text: "Learn About Services", href: "services" }
          ]}
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662872065-jckuyrx4.jpg",
              imageAlt: "Hospital wellness environment"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662872895-sjci86cq.jpg",
              imageAlt: "Compassionate patient care"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662873616-5tbcavir.jpg",
              imageAlt: "Healing and recovery"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662874230-9xw4lalg.jpg",
              imageAlt: "Professional therapy"
            },
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662874790-ykj1i3u9.jpg",
              imageAlt: "Modern medical facility"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About MindCare Hospital"
          description={[
            "For over two decades, MindCare Hospital has been a beacon of hope for individuals struggling with mental health challenges. We believe that mental health is as important as physical health, and everyone deserves access to quality, compassionate care.",
            "Our state-of-the-art facility combines evidence-based treatment approaches with a warm, supportive environment. Our multidisciplinary team of psychiatrists, psychologists, therapists, and medical professionals work collaboratively to develop personalized treatment plans that address each patient's unique needs.",
            "We are committed to breaking stigma, promoting healing, and helping our patients reclaim their lives with dignity and hope."
          ]}
          showBorder={true}
          useInvertedBackground="noInvert"
          buttons={[{ text: "Our Mission & Values", href: "#" }]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwenty
          title="Comprehensive Treatment Services"
          description="We offer a full range of mental health services designed to address various conditions and treatment needs. Our programs combine therapy, medication management, and holistic wellness approaches."
          tag="Evidence-Based Care"
          tagIcon={CheckCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          images={[
            {
              id: 1,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662876001-o7leolrh.jpg",
              imageAlt: "Psychotherapy and counseling"
            },
            {
              id: 2,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662876555-0o8ofqo6.jpg",
              imageAlt: "Psychiatric evaluation and medication management"
            },
            {
              id: 3,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662877224-iihogoce.jpg",
              imageAlt: "Inpatient hospitalization program"
            },
            {
              id: 4,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662878013-t3s7xkh0.jpg",
              imageAlt: "24-hour crisis intervention"
            }
          ]}
          buttons={[{ text: "Explore All Services", href: "#" }]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardOne
          title="Meet Our Expert Team"
          description="Our dedicated professionals bring years of experience and compassion to every patient interaction. We believe in the power of personalized, relationship-centered care."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="four-items-2x2-equal-grid"
          members={[
            {
              id: "1",
              name: "Dr. Sarah Mitchell",
              role: "Medical Director",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662878922-vtd1wf9m.jpg",
              imageAlt: "Dr. Sarah Mitchell"
            },
            {
              id: "2",
              name: "Dr. James Chen",
              role: "Psychiatrist",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490826727-dlrt5e1i.jpg",
              imageAlt: "Dr. James Chen"
            },
            {
              id: "3",
              name: "Margaret Rodriguez",
              role: "Clinical Psychologist",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662879539-p0wew2k5.jpg",
              imageAlt: "Margaret Rodriguez"
            },
            {
              id: "4",
              name: "David Thompson",
              role: "Licensed Therapist",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662880136-ik9s4pdk.jpg",
              imageAlt: "David Thompson"
            }
          ]}
        />
      </div>

      <div id="doctors-portfolio" data-section="doctors-portfolio">
        <TeamCardSeven
          team={[
            {
              id: "1",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662878922-vtd1wf9m.jpg",
              imageAlt: "Dr. Sarah Mitchell"
            },
            {
              id: "2",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490826727-dlrt5e1i.jpg",
              imageAlt: "Dr. James Chen"
            },
            {
              id: "3",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662879539-p0wew2k5.jpg",
              imageAlt: "Margaret Rodriguez"
            },
            {
              id: "4",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662880136-ik9s4pdk.jpg",
              imageAlt: "David Thompson"
            },
            {
              id: "5",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662878922-vtd1wf9m.jpg",
              imageAlt: "Dr. Sarah Mitchell"
            },
            {
              id: "6",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490826727-dlrt5e1i.jpg",
              imageAlt: "Dr. James Chen"
            }
          ]}
          title="Our Patients Portfolio"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          testimonials={[
            {
              id: "1",
              name: "Emily Rodriguez",
              role: "Patient Success Story",
              company: "MindCare Patient",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766490270889-y1dksta5.jpg",
              imageAlt: "Emily Rodriguez"
            },
            {
              id: "2",
              name: "Michael Johnson",
              role: "Patient Success Story",
              company: "MindCare Patient",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662880791-wt9zcp3m.jpg",
              imageAlt: "Michael Johnson"
            },
            {
              id: "3",
              name: "Jessica Williams",
              role: "Patient Success Story",
              company: "MindCare Patient",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662881397-kmy1tetm.jpg",
              imageAlt: "Jessica Williams"
            },
            {
              id: "4",
              name: "Robert Davis",
              role: "Patient Success Story",
              company: "MindCare Patient",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766662882241-ilmpcgta.jpg",
              imageAlt: "Robert Davis"
            }
          ]}
          title="What Our Patients Say"
          description="Hear from individuals who have experienced transformation and healing through our comprehensive treatment programs."
          tag="Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our services, admission process, insurance, and treatment programs."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",
              title: "How do I schedule an appointment?",
              content: "You can schedule an appointment by calling our admissions office at (555) 123-4567, filling out our online form, or emailing support@mindcarehosp.com. Our team will guide you through the process and answer any initial questions."
            },
            {
              id: "2",
              title: "What insurance plans do you accept?",
              content: "We accept most major insurance plans including Blue Cross Blue Shield, Aetna, United Healthcare, and Medicaid. Please contact our billing department to verify your specific coverage. We also offer flexible payment options for uninsured patients."
            },
            {
              id: "3",
              title: "What is the admission process?",
              content: "The admission process includes an initial assessment, medical evaluation, and development of a personalized treatment plan. Most admissions can be completed within 24-48 hours. We provide emergency same-day admissions for crisis situations."
            },
            {
              id: "4",
              title: "Do you offer inpatient and outpatient programs?",
              content: "Yes, we offer both inpatient hospitalization for acute care and outpatient services including therapy, medication management, and group programs. This allows us to provide appropriate levels of care based on individual needs."
            },
            {
              id: "5",
              title: "Is there a 24-hour crisis line?",
              content: "Absolutely. Our crisis intervention team is available 24/7 at (555) 123-4568. We provide immediate support for mental health emergencies, suicidal ideation, and acute psychiatric crises."
            },
            {
              id: "6",
              title: "What conditions do you treat?",
              content: "We treat a wide range of mental health conditions including depression, anxiety, bipolar disorder, schizophrenia, PTSD, eating disorders, substance abuse, and personality disorders. Our team has expertise in both acute and chronic mental illness."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started Today"
          title="Begin Your Healing Journey"
          description="Reach out to us to schedule a consultation or get more information about our programs. Our admissions team is ready to help you take the first step toward better mental health."
          tagIcon={Send}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Request Information"
          termsText="We respect your privacy. Your information will be used only to contact you about our services and treatment programs."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSocial
          logoText="MindCare Hospital"
          copyrightText="© MindCare Hospital 2025. All rights reserved."
          columns={[
            {
              title: "Services",
              items: [
                { label: "Inpatient Care", href: "#services" },
                { label: "Outpatient Programs", href: "#services" },
                { label: "Crisis Intervention", href: "#services" },
                { label: "Therapy", href: "#services" }
              ]
            },
            {
              title: "About",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Team", href: "#team" },
                { label: "News & Resources", href: "#" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Insurance Info", href: "#" },
                { label: "HIPAA", href: "#" }
              ]
            }
          ]}
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}