<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Addict-rehab - Empower Yourself to Live a Fulfilling Life with Our Comprehensive Wellness Programs</title>

    <script src="https://cdn.tailwindcss.com"></script>
    
    <link href="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.0/flowbite.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">

    <style>
        html {
            scroll-behavior: smooth;
        }

        body {
            font-family: 'Inter', sans-serif;
        }
        h1, h2, h3, h4, h5, h6 {
            font-family: 'Plus Jakarta Sans', sans-serif;
        }

        .gradient-text {
            background: linear-gradient(135deg, var(--tw-gradient-from), var(--tw-gradient-to));
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .glass-effect {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
        }

        .hover-lift {
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .hover-lift:hover {
            transform: translateY(-8px);
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
        }

        @keyframes float {
            0%, 100% { transform: translateY(0); }
            50% { transform: translateY(-20px); }
        }

        .animate-float {
            animation: float 6s ease-in-out infinite;
        }

        .pattern-dots {
            background-image: radial-gradient(circle, rgba(0,0,0,0.05) 1px, transparent 1px);
            background-size: 20px 20px;
        }

        .section-divider {
            position: relative;
            overflow: hidden;
        }

        .section-divider::before {
            content: '';
            position: absolute;
            top: -50%;
            left: -10%;
            width: 120%;
            height: 200%;
            background: linear-gradient(135deg, transparent 45%, rgba(255,255,255,0.03) 50%, transparent 55%);
            transform: rotate(-5deg);
        }
    </style>
    <link rel="stylesheet" href="assets/css/dynamic.css">
</head>
<body class="antialiased">

<nav class="fixed w-full z-50 top-0 bg-white/95 backdrop-blur-md border-b-2 border-red-100">
    <div class="max-w-screen-xl flex flex-wrap items-center justify-between mx-auto px-6 py-2">
        <a href="./" class="flex items-center space-x-3">
            <div class="w-12 h-12 bg-gradient-to-br from-red-500 via-red-600 to-orange-600 rounded-xl flex items-center justify-center shadow-lg transform rotate-3 hover:rotate-0 transition-transform">
                <span class="text-white font-bold text-xl">A</span>
            </div>
            <div class="flex flex-col">
                <span class="text-xl font-black text-gray-900 leading-tight">Addict-rehab</span>
                <span class="text-xs text-gray-500 font-medium">Premium Solutions</span>
            </div>
        </a>
        <button data-collapse-toggle="navbar-default" type="button" class="inline-flex items-center p-2 w-10 h-10 justify-center text-sm text-gray-500 rounded-lg md:hidden hover:bg-gray-100">
            <svg class="w-5 h-5" fill="none" viewBox="0 0 17 14">
                <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"/>
            </svg>
        </button>
        <div class="hidden w-full md:block md:w-auto" id="navbar-default">
            <ul class="font-semibold flex flex-col md:flex-row md:space-x-6 items-center">
                <li><a href="#services" class="block py-2 px-3 text-gray-700 hover:text-red-600 rounded-md hover:bg-red-50 transition-all relative">
                    <span class="relative z-10">Services</span>
                </a></li>
                <li><a href="#features" class="block py-2 px-3 text-gray-700 hover:text-red-600 rounded-md hover:bg-red-50 transition-all relative">
                    <span class="relative z-10">Features</span>
                </a></li>
                <li><a href="#about" class="block py-2 px-3 text-gray-700 hover:text-red-600 rounded-md hover:bg-red-50 transition-all relative">
                    <span class="relative z-10">About</span>
                </a></li>
                <li><a href="#testimonials" class="block py-2 px-3 text-gray-700 hover:text-red-600 rounded-md hover:bg-red-50 transition-all relative">
                    <span class="relative z-10">Testimonials</span>
                </a></li>
                <li><a href="blog/" class="block py-2 px-3 text-gray-700 hover:text-red-600 rounded-md hover:bg-red-50 transition-all relative">
                    <span class="relative z-10">Blog</span>
                </a></li>
                <li>
                    <a href="#contact" class="group relative block py-2.5 px-8 text-white bg-gradient-to-r from-red-600 to-orange-600 rounded-xl hover:shadow-2xl transition-all overflow-hidden">
                        <span class="relative z-10 flex items-center gap-2">
                            Contact Us
                            <i class="fas fa-arrow-right text-sm group-hover:translate-x-1 transition-transform"></i>
                        </span>
                        <div class="absolute inset-0 bg-gradient-to-r from-orange-600 to-red-600 opacity-0 group-hover:opacity-100 transition-opacity"></div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</nav>


<section class="relative mt-16 bg-gradient-to-br from-red-600 via-orange-600 to-rose-500 text-white min-h-screen flex items-center overflow-hidden">
    <div class="absolute inset-0">
        <div class="absolute top-0 left-0 w-full h-full opacity-10" style="background-image: url('data:image/svg+xml,%3Csvg width=\'60\' height=\'60\' viewBox=\'0 0 60 60\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cg fill=\'none\' fill-rule=\'evenodd\'%3E%3Cg fill=\'%23ffffff\' fill-opacity=\'1\'%3E%3Cpath d=\'M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z\'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E');"></div>
    </div>
    
    <div class="max-w-screen-xl mx-auto px-4 py-20 relative z-10">
        <div class="grid lg:grid-cols-2 gap-16 items-center">
            <div class="space-y-8">
                <div>
                    <span class="inline-block px-4 py-2 bg-white/20 backdrop-blur-sm border border-white/30 rounded-full text-sm font-semibold mb-6">
                        Knowledgeable Professionals                    </span>
                </div>
                
                <h1 class="text-5xl md:text-6xl lg:text-7xl font-black leading-tight">
                    Empower Yourself to Live a Fulfilling Life with Our Comprehensive Wellness Programs                </h1>
                
                <p class="text-xl text-white/90 leading-relaxed">
                    Discover Your Path to Total Wellness with Comprehensive Solutions Tailored to Your Unique Journey                </p>
                
                <div class="flex flex-col sm:flex-row gap-4">
                    <a href="#contact" class="group px-8 py-4 bg-white text-red-600 font-bold text-lg rounded-full hover:bg-gray-100 transition-all shadow-2xl flex items-center justify-center">
                        Invest in your well-being today                        <i class="fas fa-arrow-right ml-3 group-hover:translate-x-2 transition-transform"></i>
                    </a>
                    <a href="#services" class="px-8 py-4 bg-white/10 backdrop-blur-md border-2 border-white/30 text-white font-bold text-lg rounded-full hover:bg-white/20 transition-all">
                        Discover More
                    </a>
                </div>
                
                <div class="flex items-center gap-6 pt-8">
                    <div class="flex items-center gap-2">
                        <i class="fas fa-check-circle text-2xl"></i>
                        <span class="font-semibold">Trusted by 10K+</span>
                    </div>
                    <div class="w-px h-8 bg-white/30"></div>
                    <div class="flex items-center gap-2">
                        <i class="fas fa-star text-2xl text-yellow-300"></i>
                        <span class="font-semibold">4.9 Rating</span>
                    </div>
                </div>
            </div>
            
            <div class="relative">
                <div class="relative z-10">
                    <img src="https://images.pexels.com/photos/6129153/pexels-photo-6129153.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="Addict-rehab" class="rounded-3xl shadow-2xl border-4 border-white/20">
                </div>
                <div class="absolute -bottom-8 -right-8 w-64 h-64 bg-white/10 rounded-full blur-3xl"></div>
                <div class="absolute -top-8 -left-8 w-48 h-48 bg-white/10 rounded-full blur-3xl"></div>
            </div>
        </div>
    </div>
</section>


<section class="py-24 bg-gray-900">
    <div class="max-w-screen-xl mx-auto px-4">
        <div class="grid md:grid-cols-4 gap-8">
            <div class="text-center">
                <div class="inline-flex items-center justify-center w-20 h-20 bg-red-600 rounded-full mb-4">
                    <div class="text-3xl font-black text-white">500+</div>
                </div>
                <div class="text-white/80 font-semibold uppercase tracking-wider text-sm">Happy Clients</div>
            </div>
            <div class="text-center">
                <div class="inline-flex items-center justify-center w-20 h-20 bg-orange-600 rounded-full mb-4">
                    <div class="text-3xl font-black text-white">98%</div>
                </div>
                <div class="text-white/80 font-semibold uppercase tracking-wider text-sm">Satisfaction Rate</div>
            </div>
            <div class="text-center">
                <div class="inline-flex items-center justify-center w-20 h-20 bg-red-600 rounded-full mb-4">
                    <div class="text-3xl font-black text-white">24/7</div>
                </div>
                <div class="text-white/80 font-semibold uppercase tracking-wider text-sm">Support Available</div>
            </div>
            <div class="text-center">
                <div class="inline-flex items-center justify-center w-20 h-20 bg-orange-600 rounded-full mb-4">
                    <div class="text-3xl font-black text-white">15+</div>
                </div>
                <div class="text-white/80 font-semibold uppercase tracking-wider text-sm">Years Experience</div>
            </div>
        </div>
    </div>
</section>
<section class="relative bg-gray-900 py-20 overflow-hidden" id="services">
    <div class="absolute inset-0 bg-gradient-to-br from-red-900/20 to-orange-900/20"></div>
    
    <div class="max-w-screen-xl mx-auto px-4 relative z-10">
        <div class="text-center mb-16">
            <span class="inline-block px-4 py-2 bg-white/10 text-white rounded-full text-sm font-semibold mb-4">Services</span>
            <h2 class="text-5xl font-extrabold text-white mb-4">Experience Beauty Like Never Before with Our Services</h2>
            <p class="text-xl text-gray-300 max-w-2xl mx-auto">Professional solutions for every need</p>
        </div>
        
        <div class="grid md:grid-cols-3 gap-6">
                        <div class="bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-8 hover:bg-white/10 transition-all">
                <div class="w-14 h-14 bg-gradient-to-br from-red-500 to-orange-600 rounded-xl flex items-center justify-center mb-6">
                    <i class="fas fa-heartbeat text-white text-2xl"></i>
                </div>
                <h3 class="text-xl font-bold text-white mb-3">Wellness Workshops & Seminars</h3>
                <p class="text-gray-300 leading-relaxed">Boost your knowledge and skills with our engaging workshops and seminars on a variety of health and wellness topics. Empower yourself to make informed choices for a happier, healthier life.</p>
            </div>
                        <div class="bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-8 hover:bg-white/10 transition-all">
                <div class="w-14 h-14 bg-gradient-to-br from-red-500 to-orange-600 rounded-xl flex items-center justify-center mb-6">
                    <i class="fas fa-stethoscope text-white text-2xl"></i>
                </div>
                <h3 class="text-xl font-bold text-white mb-3">Gut Health Programs</h3>
                <p class="text-gray-300 leading-relaxed">Improve your digestion, immunity, and overall health with our personalized gut health programs. Our certified nutritionists will work with you to optimize your gut microbiome through diet, lifestyle, and supplementation recommendations.</p>
            </div>
                        <div class="bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-8 hover:bg-white/10 transition-all">
                <div class="w-14 h-14 bg-gradient-to-br from-red-500 to-orange-600 rounded-xl flex items-center justify-center mb-6">
                    <i class="fas fa-hospital text-white text-2xl"></i>
                </div>
                <h3 class="text-xl font-bold text-white mb-3">Mind-Body Therapy</h3>
                <p class="text-gray-300 leading-relaxed">Enhance your emotional well-being and mental health with our mind-body therapy sessions. Our trained therapists use evidence-based techniques to help you manage stress, anxiety, depression, and other mental health concerns.</p>
            </div>
                        <div class="bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-8 hover:bg-white/10 transition-all">
                <div class="w-14 h-14 bg-gradient-to-br from-red-500 to-orange-600 rounded-xl flex items-center justify-center mb-6">
                    <i class="fas fa-briefcase-medical text-white text-2xl"></i>
                </div>
                <h3 class="text-xl font-bold text-white mb-3">Holistic Fitness Coaching</h3>
                <p class="text-gray-300 leading-relaxed">Transform your body and mind with our holistic approach to fitness. Our experienced trainers will create tailor-made exercise routines that align with your lifestyle, fitness level, and aspirations.</p>
            </div>
                        <div class="bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-8 hover:bg-white/10 transition-all">
                <div class="w-14 h-14 bg-gradient-to-br from-red-500 to-orange-600 rounded-xl flex items-center justify-center mb-6">
                    <i class="fas fa-user-md text-white text-2xl"></i>
                </div>
                <h3 class="text-xl font-bold text-white mb-3">Healthy Aging Programs</h3>
                <p class="text-gray-300 leading-relaxed">Age gracefully and healthily with our customized healthy aging programs. Our experts will help you optimize your physical, mental, and emotional health as you age, with a focus on maintaining independence, vitality, and quality of life.</p>
            </div>
                        <div class="bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-8 hover:bg-white/10 transition-all">
                <div class="w-14 h-14 bg-gradient-to-br from-red-500 to-orange-600 rounded-xl flex items-center justify-center mb-6">
                    <i class="fas fa-notes-medical text-white text-2xl"></i>
                </div>
                <h3 class="text-xl font-bold text-white mb-3">Stress Management & Mindfulness</h3>
                <p class="text-gray-300 leading-relaxed">Nurture your mind and soul through our stress management and mindfulness programs. Our experts will teach you techniques to cultivate resilience, relaxation, and inner peace in your daily life.</p>
            </div>
                    </div>
    </div>
</section>

<section class="relative py-24 bg-gradient-to-br from-red-600 to-orange-600 overflow-hidden" id="testimonials">
    <div class="max-w-screen-xl mx-auto px-4 relative z-10">
        <div class="text-center mb-16">
            <div class="inline-flex items-center gap-2 px-5 py-2.5 bg-white/20 backdrop-blur-sm border border-white/30 text-white rounded-full text-sm font-semibold mb-6">
                <i class="fas fa-quote-left"></i>
                Testimonials
            </div>
            <h2 class="text-5xl md:text-6xl font-black text-white mb-4">What Our Clients Say</h2>
        </div>
        <div class="grid md:grid-cols-3 gap-8">
                        <div class="bg-white/10 backdrop-blur-sm rounded-2xl p-8 border border-white/20">
                <div class="flex items-center mb-4">
                                        <i class="fas fa-star text-yellow-300"></i>
                                        <i class="fas fa-star text-yellow-300"></i>
                                        <i class="fas fa-star text-yellow-300"></i>
                                        <i class="fas fa-star text-yellow-300"></i>
                                        <i class="fas fa-star text-yellow-300"></i>
                                    </div>
                <p class="text-white/90 mb-6 leading-relaxed">
                    "Their healthcare technology solutions streamlined our operations beyond expectations. Truly transformative."
                </p>
                <div class="flex items-center gap-4 pt-4 border-t border-white/20">
                    <img src="https://randomuser.me/api/portraits/men/88.jpg" alt="Marcus Johnson" class="w-12 h-12 rounded-full object-cover border-2 border-white/30">
                    <div>
                        <div class="font-black text-white">Marcus Johnson</div>
                        <div class="text-sm text-white/80">Hospital Administrator, Metro General Hospital</div>
                    </div>
                </div>
            </div>
                        <div class="bg-white/10 backdrop-blur-sm rounded-2xl p-8 border border-white/20">
                <div class="flex items-center mb-4">
                                        <i class="fas fa-star text-yellow-300"></i>
                                        <i class="fas fa-star text-yellow-300"></i>
                                        <i class="fas fa-star text-yellow-300"></i>
                                        <i class="fas fa-star text-yellow-300"></i>
                                        <i class="fas fa-star text-yellow-300"></i>
                                    </div>
                <p class="text-white/90 mb-6 leading-relaxed">
                    "Patient outcomes have improved dramatically. The system is intuitive and our staff adapted within days."
                </p>
                <div class="flex items-center gap-4 pt-4 border-t border-white/20">
                    <img src="https://randomuser.me/api/portraits/men/74.jpg" alt="Dr. Lisa Patel" class="w-12 h-12 rounded-full object-cover border-2 border-white/30">
                    <div>
                        <div class="font-black text-white">Dr. Lisa Patel</div>
                        <div class="text-sm text-white/80">Practice Owner, Wellness Medical Group</div>
                    </div>
                </div>
            </div>
                        <div class="bg-white/10 backdrop-blur-sm rounded-2xl p-8 border border-white/20">
                <div class="flex items-center mb-4">
                                        <i class="fas fa-star text-yellow-300"></i>
                                        <i class="fas fa-star text-yellow-300"></i>
                                        <i class="fas fa-star text-yellow-300"></i>
                                        <i class="fas fa-star text-yellow-300"></i>
                                        <i class="fas fa-star text-yellow-300"></i>
                                    </div>
                <p class="text-white/90 mb-6 leading-relaxed">
                    "Integration with our existing systems was seamless. Support team is responsive and knowledgeable."
                </p>
                <div class="flex items-center gap-4 pt-4 border-t border-white/20">
                    <img src="https://randomuser.me/api/portraits/men/84.jpg" alt="Dr. Rachel Green" class="w-12 h-12 rounded-full object-cover border-2 border-white/30">
                    <div>
                        <div class="font-black text-white">Dr. Rachel Green</div>
                        <div class="text-sm text-white/80">Chief of Surgery, Advanced Surgical Institute</div>
                    </div>
                </div>
            </div>
                    </div>
    </div>
</section>

<section class="py-20 bg-gray-900 text-white" id="features">
    <div class="max-w-screen-xl mx-auto px-4">
        <div class="text-center mb-16">
            <span class="inline-block px-5 py-2 bg-white/10 backdrop-blur-sm border border-white/20 rounded-full text-sm font-semibold mb-6">
                Features
            </span>
            <h2 class="text-5xl md:text-6xl font-black mb-4">Why Choose Us</h2>
            <p class="text-xl text-gray-300 max-w-3xl mx-auto">Everything you need to succeed, all in one place</p>
        </div>
        <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
                        <div class="bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-8 hover:bg-white/10 transition-all">
                <div class="w-14 h-14 bg-gradient-to-br from-red-500 to-orange-600 rounded-xl flex items-center justify-center mb-6">
                    <i class="fas fa-rocket text-white text-xl"></i>
                </div>
                <h3 class="text-xl font-bold text-white mb-3">Fast Performance</h3>
                <p class="text-gray-300">Lightning-fast results</p>
            </div>
                        <div class="bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-8 hover:bg-white/10 transition-all">
                <div class="w-14 h-14 bg-gradient-to-br from-red-500 to-orange-600 rounded-xl flex items-center justify-center mb-6">
                    <i class="fas fa-shield-alt text-white text-xl"></i>
                </div>
                <h3 class="text-xl font-bold text-white mb-3">Secure & Safe</h3>
                <p class="text-gray-300">Your data protected</p>
            </div>
                        <div class="bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-8 hover:bg-white/10 transition-all">
                <div class="w-14 h-14 bg-gradient-to-br from-red-500 to-orange-600 rounded-xl flex items-center justify-center mb-6">
                    <i class="fas fa-headset text-white text-xl"></i>
                </div>
                <h3 class="text-xl font-bold text-white mb-3">24/7 Support</h3>
                <p class="text-gray-300">Always here to help</p>
            </div>
                        <div class="bg-white/5 backdrop-blur-sm border border-white/10 rounded-2xl p-8 hover:bg-white/10 transition-all">
                <div class="w-14 h-14 bg-gradient-to-br from-red-500 to-orange-600 rounded-xl flex items-center justify-center mb-6">
                    <i class="fas fa-chart-line text-white text-xl"></i>
                </div>
                <h3 class="text-xl font-bold text-white mb-3">Proven Results</h3>
                <p class="text-gray-300">Track your success</p>
            </div>
                    </div>
    </div>
</section>


<section class="relative py-24 bg-white overflow-hidden" id="about">
    <div class="max-w-screen-xl mx-auto px-4 relative z-10">
        <div class="grid lg:grid-cols-2 gap-16 items-center">
            <div class="space-y-8">
                <div class="inline-flex items-center gap-2 px-5 py-2.5 bg-red-50 text-red-700 rounded-lg text-sm font-semibold">
                    <i class="fas fa-info-circle"></i>
                    Knowledgeable Professionals                </div>
                <h2 class="text-4xl md:text-5xl font-black text-gray-900 mb-6">
                    Tailored advice from experienced professionals                </h2>
                <p class="text-lg text-gray-600 leading-relaxed mb-8">
                    Our agency takes a client-centered approach to care. We view our clients as partners in the health and wellness journey, and we work collaboratively with you to create a plan that feels manageable and empowering.                </p>
                <div class="grid grid-cols-2 gap-4 mb-8">
                    <div class="p-5 bg-red-50 rounded-xl border-l-4 border-red-600">
                        <h4 class="font-black text-gray-900 mb-1">Our Mission</h4>
                        <p class="text-gray-600 text-sm">Delivering exceptional value and innovation.</p>
                    </div>
                    <div class="p-5 bg-orange-50 rounded-xl border-l-4 border-orange-600">
                        <h4 class="font-black text-gray-900 mb-1">Our Vision</h4>
                        <p class="text-gray-600 text-sm">Leading the industry with cutting-edge solutions.</p>
                    </div>
                </div>
                <a href="#contact" class="inline-block px-8 py-4 bg-red-600 text-white font-bold rounded-xl hover:bg-red-700 transition-all shadow-lg">
                    Experience a healthier life                </a>
            </div>
            <div class="relative">
                <div class="relative z-10">
                    <img src="https://images.pexels.com/photos/12746002/pexels-photo-12746002.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" alt="About" class="rounded-2xl shadow-xl">
                </div>
                <div class="absolute -z-10 -bottom-6 -right-6 w-full h-full bg-gradient-to-br from-red-200 to-orange-200 rounded-2xl"></div>
            </div>
        </div>
    </div>
</section>


<section class="py-24 bg-white" id="blog">
    <div class="max-w-screen-xl mx-auto px-4">
        <div class="text-center mb-16">
            <div class="inline-block px-4 py-2 bg-red-600 text-white rounded-lg text-sm font-bold mb-6">
                Blog
            </div>
            <h2 class="text-5xl md:text-6xl font-black text-gray-900">Latest Articles</h2>
        </div>
        <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
                        <article class="group relative overflow-hidden rounded-2xl bg-white shadow-xl hover:shadow-2xl transition-all">
                <div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-red-600 via-orange-600 to-red-600"></div>
                <div class="relative h-64 overflow-hidden">
                    <img src="https://images.pexels.com/photos/5699246/pexels-photo-5699246.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" alt="Behavioral Health Access Exchanges" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700">
                    <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent"></div>
                    <div class="absolute bottom-4 left-4 right-4">
                        <span class="inline-block px-3 py-1.5 bg-red-600 text-white text-xs font-bold rounded">Behavioral Health</span>
                    </div>
                </div>
                <div class="p-6">
                    <div class="flex items-center gap-2 mb-3 text-xs text-gray-500">
                        <i class="fas fa-calendar text-red-600"></i>
                        <span>January 28, 2026</span>
                    </div>
                    <h3 class="text-xl font-black text-gray-900 mb-3 group-hover:text-red-600 transition-colors line-clamp-2">
                        <a href="/blog/behavioral-health-access-exchanges/">Behavioral Health Access Exchanges</a>
                    </h3>
                    <p class="text-gray-600 mb-4 leading-relaxed line-clamp-3 text-sm">Behavioral health access exchanges match patients, clinicians, and community resources to close treatment gaps in 2025.</p>
                    <a href="/blog/behavioral-health-access-exchanges/" class="inline-flex items-center gap-2 px-4 py-2 bg-red-50 text-red-700 font-bold rounded-lg hover:bg-red-100 transition-all">
                        Continue Reading
                        <i class="fas fa-arrow-right"></i>
                    </a>
                </div>
            </article>
                        <article class="group relative overflow-hidden rounded-2xl bg-white shadow-xl hover:shadow-2xl transition-all">
                <div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-red-600 via-orange-600 to-red-600"></div>
                <div class="relative h-64 overflow-hidden">
                    <img src="https://images.pexels.com/photos/8460154/pexels-photo-8460154.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" alt="AI-Augmented Nursing Command Pods" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700">
                    <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent"></div>
                    <div class="absolute bottom-4 left-4 right-4">
                        <span class="inline-block px-3 py-1.5 bg-red-600 text-white text-xs font-bold rounded">Nursing Innovation</span>
                    </div>
                </div>
                <div class="p-6">
                    <div class="flex items-center gap-2 mb-3 text-xs text-gray-500">
                        <i class="fas fa-calendar text-red-600"></i>
                        <span>January 27, 2026</span>
                    </div>
                    <h3 class="text-xl font-black text-gray-900 mb-3 group-hover:text-red-600 transition-colors line-clamp-2">
                        <a href="/blog/ai-augmented-nursing-command-pods/">AI-Augmented Nursing Command Pods</a>
                    </h3>
                    <p class="text-gray-600 mb-4 leading-relaxed line-clamp-3 text-sm">Nursing command pods blend AI copilots with frontline teams to manage staffing, documentation, and patient outreach in 2...</p>
                    <a href="/blog/ai-augmented-nursing-command-pods/" class="inline-flex items-center gap-2 px-4 py-2 bg-red-50 text-red-700 font-bold rounded-lg hover:bg-red-100 transition-all">
                        Continue Reading
                        <i class="fas fa-arrow-right"></i>
                    </a>
                </div>
            </article>
                        <article class="group relative overflow-hidden rounded-2xl bg-white shadow-xl hover:shadow-2xl transition-all">
                <div class="absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-red-600 via-orange-600 to-red-600"></div>
                <div class="relative h-64 overflow-hidden">
                    <img src="https://images.pexels.com/photos/4100679/pexels-photo-4100679.jpeg?auto=compress&cs=tinysrgb&h=650&w=940" alt="Complete Guide to Health Data Analytics in health" class="w-full h-full object-cover group-hover:scale-110 transition-transform duration-700">
                    <div class="absolute inset-0 bg-gradient-to-t from-black/70 to-transparent"></div>
                    <div class="absolute bottom-4 left-4 right-4">
                        <span class="inline-block px-3 py-1.5 bg-red-600 text-white text-xs font-bold rounded">Care Delivery</span>
                    </div>
                </div>
                <div class="p-6">
                    <div class="flex items-center gap-2 mb-3 text-xs text-gray-500">
                        <i class="fas fa-calendar text-red-600"></i>
                        <span>January 26, 2026</span>
                    </div>
                    <h3 class="text-xl font-black text-gray-900 mb-3 group-hover:text-red-600 transition-colors line-clamp-2">
                        <a href="/blog/complete-guide-to-health-data-analytics-in-health-1764415016/">Complete Guide to Health Data Analytics in health</a>
                    </h3>
                    <p class="text-gray-600 mb-4 leading-relaxed line-clamp-3 text-sm">The Transformative Power of Health Data Analytics in 2025 In 2025, health data analytics stands at the forefront of heal...</p>
                    <a href="/blog/complete-guide-to-health-data-analytics-in-health-1764415016/" class="inline-flex items-center gap-2 px-4 py-2 bg-red-50 text-red-700 font-bold rounded-lg hover:bg-red-100 transition-all">
                        Continue Reading
                        <i class="fas fa-arrow-right"></i>
                    </a>
                </div>
            </article>
                    </div>
        <div class="text-center mt-12">
            <a href="blog/" class="inline-flex items-center gap-3 px-10 py-5 bg-gradient-to-r from-red-600 to-orange-600 text-white font-black rounded-full hover:shadow-2xl transition-all">
                View All Articles
                <i class="fas fa-arrow-right"></i>
            </a>
        </div>
    </div>
</section>


<section class="relative py-32 overflow-hidden" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);">
    <div class="absolute inset-0 opacity-20" style="background-image: radial-gradient(circle, white 2px, transparent 2px); background-size: 50px 50px;"></div>
    
    <div class="relative z-10 max-w-screen-xl mx-auto px-4">
        <div class="max-w-3xl mx-auto text-center text-white">
            <h2 class="text-7xl font-black mb-8">Let's Talk</h2>
            <p class="text-3xl font-light mb-12">
                Turn your vision into reality. Get started today.
            </p>
            <a href="#contact" class="inline-block px-16 py-8 bg-white text-purple-600 font-black text-2xl rounded-2xl hover:bg-gray-100 transition-all shadow-2xl">
                Book Free Consultation
            </a>
        </div>
    </div>
</section>


<section class="bg-white py-20" id="contact">
    <div class="max-w-screen-xl mx-auto px-4">
        <div class="text-center mb-12">
            <div class="inline-block px-4 py-2 mb-4 bg-red-100 text-red-800 rounded-full text-sm font-semibold">
                Contact
            </div>
            <h2 class="text-4xl font-extrabold text-gray-900 mb-4">Say Hello</h2>
            <p class="text-xl text-gray-600">Choose how you'd like to connect with us</p>
        </div>
        
        <div class="grid md:grid-cols-3 gap-6 mb-12">
            <div class="group bg-gradient-to-br from-gray-50 to-white p-8 rounded-2xl shadow-lg border-2 border-gray-100 hover:border-red-500 transition-all cursor-pointer hover-lift">
                <div class="w-16 h-16 bg-gradient-to-br from-red-500 to-orange-600 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
                    <i class="fas fa-phone-alt text-white text-2xl"></i>
                </div>
                <h3 class="text-xl font-bold text-gray-900 mb-3">Phone Support</h3>
                <p class="text-gray-600 mb-4">Speak directly with our team</p>
                <p class="text-red-600 font-bold text-lg">+1-760-464-1509</p>
                <p class="text-sm text-gray-500 mt-2">Mon-Fri, 9AM-6PM EST</p>
            </div>
            
            <div class="group bg-gradient-to-br from-gray-50 to-white p-8 rounded-2xl shadow-lg border-2 border-gray-100 hover:border-red-500 transition-all cursor-pointer hover-lift">
                <div class="w-16 h-16 bg-gradient-to-br from-red-500 to-orange-600 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
                    <i class="fas fa-envelope text-white text-2xl"></i>
                </div>
                <h3 class="text-xl font-bold text-gray-900 mb-3">Email Us</h3>
                <p class="text-gray-600 mb-4">Get a response within 24 hours</p>
                <p class="text-red-600 font-bold text-lg break-all">hello@addict-rehab.com</p>
                <p class="text-sm text-gray-500 mt-2">We reply to all emails</p>
            </div>
            
            <div class="group bg-gradient-to-br from-gray-50 to-white p-8 rounded-2xl shadow-lg border-2 border-gray-100 hover:border-red-500 transition-all cursor-pointer hover-lift">
                <div class="w-16 h-16 bg-gradient-to-br from-red-500 to-orange-600 rounded-2xl flex items-center justify-center mb-6 group-hover:scale-110 transition-transform">
                    <i class="fas fa-map-marked-alt text-white text-2xl"></i>
                </div>
                <h3 class="text-xl font-bold text-gray-900 mb-3">Visit Our Office</h3>
                <p class="text-gray-600 mb-4">Come see us in person</p>
                <p class="text-red-600 font-bold">963 Arizona Avenue, Phoenix, AZ 85003</p>
                <p class="text-sm text-gray-500 mt-2">Mon-Fri, 9AM-5PM</p>
            </div>
        </div>
        
        <div class="max-w-3xl mx-auto">
            <div class="bg-gradient-to-br from-red-50 to-orange-50 p-8 md:p-12 rounded-3xl border border-red-200">
                <h3 class="text-2xl font-bold text-gray-900 mb-6 text-center">Or send us a message</h3>
                <form action="#" class="space-y-5">
                    <div class="grid md:grid-cols-2 gap-5">
                        <input type="text" placeholder="Your Name" class="bg-white border border-gray-300 rounded-xl p-4 focus:ring-2 focus:ring-red-500 focus:border-transparent" required>
                        <input type="email" placeholder="Your Email" class="bg-white border border-gray-300 rounded-xl p-4 focus:ring-2 focus:ring-red-500 focus:border-transparent" required>
                    </div>
                    <input type="text" placeholder="Subject" class="bg-white border border-gray-300 rounded-xl p-4 w-full focus:ring-2 focus:ring-red-500 focus:border-transparent" required>
                    <textarea rows="4" placeholder="Your Message" class="bg-white border border-gray-300 rounded-xl p-4 w-full focus:ring-2 focus:ring-red-500 focus:border-transparent" required></textarea>
                    <button type="submit" class="w-full py-4 bg-gradient-to-r from-red-600 to-orange-600 text-white font-bold rounded-xl hover:shadow-xl transition-all">
                        Send Message <i class="fas fa-arrow-right ml-2"></i>
                    </button>
                </form>
            </div>
        </div>
    </div>
</section>


<footer class="bg-white">
    <div class="max-w-screen-xl mx-auto px-6 py-16">
        <div class="grid lg:grid-cols-6 gap-10">
            <div class="lg:col-span-2">
                <a href="./" class="inline-flex items-center space-x-3 mb-6">
                    <span class="text-3xl font-black text-gray-900">Addict-rehab</span>
                </a>
                <p class="text-gray-500 mb-8">Strategic partners for ambitious health brands ready to scale with clarity and confidence.</p>
                <div class="flex space-x-3">
                    <a href="#" class="w-12 h-12 rounded-full border border-gray-200 flex items-center justify-center text-gray-500 hover:border-red-600 hover:text-red-600 transition"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" class="w-12 h-12 rounded-full border border-gray-200 flex items-center justify-center text-gray-500 hover:border-red-600 hover:text-red-600 transition"><i class="fab fa-youtube"></i></a>
                    <a href="#" class="w-12 h-12 rounded-full border border-gray-200 flex items-center justify-center text-gray-500 hover:border-red-600 hover:text-red-600 transition"><i class="fab fa-dribbble"></i></a>
                </div>
            </div>
            <div>
                <h4 class="text-sm font-bold uppercase tracking-widest text-gray-400 mb-4">Company</h4>
                <ul class="space-y-3 text-gray-600">
                    <li><a href="#about" class="hover:text-red-600 transition">About</a></li>

                    <li><a href="blog/" class="hover:text-redBlog</a></li>
                    <li><a href="#testimonials" class="hover:text-red-600 transition">Clients</a></li>
                    <li><a href="./privacy.php" class="hover:text-red-600 transition">Privacy</a></li>
                </ul>
            </div>
            <div>
                <h4 class="text-sm font-bold uppercase tracking-widest text-gray-400 mb-4">Solutions</h4>
                <ul class="space-y-3 text-gray-600">
                    <li><a href="#services" class="hover:text-red-600 transition">Growth Strategy</a></li>
                    <li><a href="#services" class="hover:text-red-600 transition">Automation</a></li>
                    <li><a href="#features" class="hover:text-red-600 transition">Analytics</a></li>
                </ul>
            </div>
            <div class="lg:col-span-2">
                <h4 class="text-sm font-bold uppercase tracking-widest text-gray-400 mb-4">Insights</h4>
                <form class="bg-gray-50 rounded-2xl p-6 space-y-4">
                    <p class="text-gray-500">Join our monthly briefing with trends, tactics, and tools.</p>
                    <input type="email" placeholder="Email address" class="w-full px-4 py-3 rounded-xl border border-gray-200 focus:border-red-600 focus:ring-red-200">
                    <button type="submit" class="w-full px-4 py-3 rounded-xl bg-gradient-to-r from-red-600 to-orange-600 text-white font-semibold">Subscribe</button>
                </form>
            </div>
        </div>
        <div class="border-t border-gray-200 mt-12 pt-8 flex flex-col md:flex-row md:items-center md:justify-between text-sm text-gray-500">
            <span>© 2026 Addict-rehab. All rights reserved.</span>
            <div class="flex space-x-6 mt-4 md:mt-0">
                <a href="./terms.php" class="hover:text-red-600 transition">Terms</a>
                <a href="./disclaimer.php" class="hover:text-red-600 transition">Disclaimer</a>
                <a href="./contact.php" class="hover:text-red-600 transition">Contact</a>
            </div>
        </div>
    </div>
</footer>

<script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.2.0/flowbite.min.js"></script>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const anchorLinks = document.querySelectorAll('a[href^="#"]');

    anchorLinks.forEach(link => {
        link.addEventListener('click', function(e) {
            const href = this.getAttribute('href');
            if (href === '#' || href === '') return;

            const targetId = href.substring(1);
            const targetElement = document.getElementById(targetId);

            if (targetElement) {
                e.preventDefault();
                const headerOffset = 80;
                const elementPosition = targetElement.getBoundingClientRect().top;
                const offsetPosition = elementPosition + window.pageYOffset - headerOffset;

                window.scrollTo({
                    top: offsetPosition,
                    behavior: 'smooth'
                });
            }
        });
    });
});
</script>

</body>
</html>
