undefined / index.html
socialhostpro's picture
Tier 3: Labs, Lifestyle/Diet, and Medical Test Advice/Patient Advocacy-legal, Stress Management** 400.00
2346eb1 verified
Raw History Blame Contribute Delete
44 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Panacea Integrative Medicine | Holistic Health Solutions</title>
<meta name="description" content="Restore your health through integrative medicine. Identify and treat root causes of disease with our holistic approach to healing body, mind, and spirit.">
<meta name="keywords" content="integrative medicine, holistic health, functional medicine, cellular health, detoxification, chronic disease">
<meta name="author" content="Panacea Integrative Medicine">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://panacea-md.com/">
<meta property="og:title" content="Panacea Integrative Medicine | Holistic Health Solutions">
<meta property="og:description" content="Restore your health through integrative medicine. Treat root causes with our holistic approach to healing body, mind, and spirit.">
<meta property="og:image" content="https://panacea-md.com/images/og-image.jpg">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://panacea-md.com/">
<meta property="twitter:title" content="Panacea Integrative Medicine | Holistic Health Solutions">
<meta property="twitter:description" content="Restore your health through integrative medicine. Treat root causes with our holistic approach to healing body, mind, and spirit.">
<meta property="twitter:image" content="https://panacea-md.com/images/og-image.jpg">
<!-- Favicon -->
<link rel="icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🌿</text></svg>">
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
darkMode: 'class',
theme: {
extend: {
colors: {
primary: '#0f766e',
secondary: '#0d9488',
accent: '#14b8a6',
light: '#f0fdfa',
dark: '#042f2e'
},
fontFamily: {
sans: ['Poppins', 'system-ui', 'sans-serif'],
serif: ['Merriweather', 'Georgia', 'serif']
}
}
}
}
</script>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
.hero-image {
background-position: center 30%;
}
.fade-in {
animation: fadeIn 1s ease-in-out;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.section-delay-1 { animation-delay: 0.2s; }
.section-delay-2 { animation-delay: 0.4s; }
.section-delay-3 { animation-delay: 0.6s; }
.service-card:hover {
transform: translateY(-10px);
transition: transform 0.3s ease;
}
.testimonial-card {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.nav-link::after {
content: '';
display: block;
width: 0;
height: 2px;
background: #14b8a6;
transition: width 0.3s;
}
.nav-link:hover::after {
width: 100%;
}
.hamburger {
transition: all 0.3s ease;
}
.hamburger.active span:nth-child(1) {
transform: translateY(8px) rotate(45deg);
}
.hamburger.active span:nth-child(2) {
opacity: 0;
}
.hamburger.active span:nth-child(3) {
transform: translateY(-8px) rotate(-45deg);
}
.scroll-top {
transition: all 0.3s ease;
background-color: #0f766e;
}
.scroll-top:hover {
background-color: #0d9488;
}
</style>
</head>
<body class="font-sans text-dark bg-light dark:bg-dark dark:text-light transition-colors duration-300">
<!-- Navigation -->
<header class="fixed w-full z-50 bg-white/80 dark:bg-gray-900/80 backdrop-blur-sm border-b border-gray-200 dark:border-gray-700">
<div class="container mx-auto px-4 md:px-8">
<nav class="flex justify-between items-center py-4">
<a href="/" class="flex items-center">
<div class="flex items-center space-x-2">
<div class="w-10 h-10 rounded-full bg-primary flex items-center justify-center text-white font-bold text-xl">P</div>
<span class="text-2xl font-bold text-primary">Panacea</span>
</div>
</a>
<!-- Desktop Navigation -->
<div class="hidden md:flex items-center space-x-8">
<a href="#home" class="nav-link text-lg font-medium hover:text-primary transition-colors">Home</a>
<a href="#about" class="nav-link text-lg font-medium hover:text-primary transition-colors">About</a>
<a href="#services" class="nav-link text-lg font-medium hover:text-primary transition-colors">Services</a>
<a href="tier3.html" class="nav-link text-lg font-medium hover:text-primary transition-colors">Tier 3</a>
<a href="#approach" class="nav-link text-lg font-medium hover:text-primary transition-colors">Our Approach</a>
<a href="#testimonials" class="nav-link text-lg font-medium hover:text-primary transition-colors">Testimonials</a>
<a href="#contact" class="nav-link text-lg font-medium hover:text-primary transition-colors">Contact</a>
</div>
<div class="flex items-center space-x-4">
<button id="theme-toggle" class="p-2 rounded-lg bg-gray-100 dark:bg-gray-800 hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-gray-600 dark:text-gray-300" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path id="theme-icon" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z" />
</svg>
</button>
<a href="#contact" class="hidden md:inline-block bg-primary hover:bg-secondary text-white px-6 py-2 rounded-full font-medium transition-colors duration-300">
Book Appointment
</a>
<!-- Mobile Menu Button -->
<button id="menu-toggle" class="md:hidden hamburger focus:outline-none">
<span class="block w-6 h-0.5 bg-gray-800 dark:bg-gray-200 mb-1 transition-transform"></span>
<span class="block w-6 h-0.5 bg-gray-800 dark:bg-gray-200 mb-1 transition-opacity"></span>
<span class="block w-6 h-0.5 bg-gray-800 dark:bg-gray-200 transition-transform"></span>
</button>
</div>
</nav>
<!-- Mobile Navigation -->
<div id="mobile-menu" class="hidden md:hidden pb-4">
<div class="flex flex-col space-y-3 mt-2">
<a href="#home" class="nav-link font-medium hover:text-primary transition-colors">Home</a>
<a href="#about" class="nav-link font-medium hover:text-primary transition-colors">About</a>
<a href="#services" class="nav-link font-medium hover:text-primary transition-colors">Services</a>
<a href="tier3.html" class="nav-link font-medium hover:text-primary transition-colors">Tier 3</a>
<a href="#approach" class="nav-link font-medium hover:text-primary transition-colors">Our Approach</a>
<a href="#testimonials" class="nav-link font-medium hover:text-primary transition-colors">Testimonials</a>
<a href="#contact" class="nav-link font-medium hover:text-primary transition-colors">Contact</a>
<a href="#contact" class="inline-block bg-primary hover:bg-secondary text-white px-6 py-2 rounded-full font-medium transition-colors duration-300 mt-2 text-center">
Book Appointment
</a>
</div>
</div>
</div>
</header>
<!-- Hero Section -->
<section id="home" class="pt-24 pb-16 md:pt-32 md:pb-24 relative">
<div class="absolute inset-0 overflow-hidden z-0">
<!-- Placeholder for dynamic hero image -->
<div class="absolute inset-0 bg-gradient-to-r from-white/90 to-secondary/10 dark:from-gray-900/90 dark:to-primary/10 z-10"></div>
<div class="hero-image absolute inset-0 bg-gray-200 animate-pulse" style="background-image: url('https://panacea-md.com/images/girl-on-beach.jpg'); background-size: cover;"></div>
</div>
<div class="container mx-auto px-4 md:px-8 relative z-20">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
<div class="fade-in">
<h1 class="text-4xl md:text-5xl lg:text-6xl font-bold leading-tight mb-6">
Restoring Health at the <span class="text-primary">Cellular Level</span>
</h1>
<p class="text-lg md:text-xl text-gray-700 dark:text-gray-300 mb-8 leading-relaxed">
Our genes are the blueprint of how we're created, but their expression depends entirely on the balance of their environment. We help restore that balance for optimal health.
</p>
<div class="flex flex-wrap gap-4">
<a href="#contact" class="bg-primary hover:bg-secondary text-white px-8 py-4 rounded-full font-medium transition-colors duration-300">
Start Your Healing Journey
</a>
<a href="#about" class="border-2 border-primary text-primary hover:bg-primary hover:text-white px-8 py-4 rounded-full font-medium transition-colors duration-300">
Our Approach
</a>
</div>
</div>
<div class="hidden lg:flex justify-center fade-in section-delay-1">
<div class="relative">
<div class="w-72 h-72 bg-primary/20 rounded-full absolute -top-6 -left-6 z-0"></div>
<div class="w-64 h-64 bg-secondary/20 rounded-full absolute -bottom-6 -right-6 z-0"></div>
<div class="relative z-10 rounded-2xl overflow-hidden shadow-2xl">
<div class="bg-gray-200 border-2 border-dashed rounded-xl w-full h-96"></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Problem Section -->
<section id="problem" class="py-16 md:py-24 bg-gradient-to-br from-gray-50 to-gray-100 dark:from-gray-900 dark:to-gray-800">
<div class="container mx-auto px-4 md:px-8">
<div class="max-w-4xl mx-auto text-center mb-16 fade-in">
<h2 class="text-3xl md:text-4xl font-bold mb-6">The Root Cause of Chronic Disease</h2>
<p class="text-xl text-gray-700 dark:text-gray-300 mb-10">
Optimal health depends on the balance between essential elements and toxic exposures in our cellular environment
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-12 max-w-6xl mx-auto">
<div class="fade-in section-delay-1">
<div class="bg-white dark:bg-gray-800 rounded-2xl shadow-lg p-8 h-full">
<div class="flex items-center mb-6">
<div class="w-12 h-12 rounded-full bg-red-100 dark:bg-red-900/30 flex items-center justify-center mr-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-red-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
</svg>
</div>
<h3 class="text-2xl font-bold">The Modern Health Crisis</h3>
</div>
<p class="text-gray-700 dark:text-gray-300 mb-6">
We live in a world where daily toxicity exposure has become our "new normal". The air we breathe, the water we drink, and the food we eat contain numerous environmental toxins while providing fewer essential nutrients than ever before.
</p>
<ul class="space-y-3">
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-red-500 mt-1 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
</svg>
<span class="ml-2">Over 80,000 industrial chemicals in our environment</span>
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-red-500 mt-1 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
</svg>
<span class="ml-2">Nutrient-depleted soils affecting food quality</span>
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-red-500 mt-1 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z" clip-rule="evenodd" />
</svg>
<span class="ml-2">Chronic stress that exacerbates cellular inflammation</span>
</li>
</ul>
</div>
</div>
<div class="fade-in section-delay-2">
<div class="bg-white dark:bg-gray-800 rounded-2xl shadow-lg p-8 h-full">
<div class="flex items-center mb-6">
<div class="w-12 h-12 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center mr-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-green-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
</div>
<h3 class="text-2xl font-bold">Our Solution</h3>
</div>
<p class="text-gray-700 dark:text-gray-300 mb-6">
At Panacea Integrative Medicine, we restore health by identifying and treating the root causes of disease while creating optimal wellbeing through healing the body, mind and spirit.
</p>
<ul class="space-y-3">
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mt-1 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
<span class="ml-2">Comprehensive medical & environmental history assessment</span>
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mt-1 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
<span class="ml-2">Advanced diagnostic testing to identify cellular deficiencies</span>
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mt-1 flex-shrink-0" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
<span class="ml-2">Personalized treatment programs combining conventional and complementary medicine</span>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Holistic Healing Section -->
<section id="approach" class="py-16 md:py-24">
<div class="container mx-auto px-4 md:px-8">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-12 items-center">
<div class="order-last lg:order-first fade-in">
<div class="relative">
<div class="bg-gray-200 border-2 border-dashed rounded-xl w-full h-96 md:h-[500px]"></div>
<div class="absolute -bottom-6 -right-6 w-48 h-48 bg-primary rounded-2xl z-0"></div>
<div class="absolute -top-6 -left-6 w-32 h-32 bg-secondary rounded-2xl z-0"></div>
</div>
</div>
<div class="fade-in section-delay-1">
<h2 class="text-3xl md:text-4xl font-bold mb-6">Holistic Healing Philosophy</h2>
<p class="text-lg text-gray-700 dark:text-gray-300 mb-8">
We restore health by addressing the root causes of disease while creating optimal wellbeing through healing the body, mind and spirit.
</p>
<div class="space-y-8">
<div class="flex items-start">
<div class="w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0 mr-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19.428 15.428a2 2 0 00-1.022-.547l-2.387-.477a6 6 0 00-3.86.517l-.318.158a6 6 0 01-3.86.517L6.05 15.21a2 2 0 00-1.806.547M8 4h8l-1 1v5.172a2 2 0 00.586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 009 10.172V5L8 4z" />
</svg>
</div>
<div>
<h3 class="text-xl font-bold mb-2">Comprehensive Assessment</h3>
<p class="text-gray-700 dark:text-gray-300">
We begin with detailed medical history and advanced diagnostic testing to uncover cellular imbalances, nutrient deficiencies, and toxic burdens.
</p>
</div>
</div>
<div class="flex items-start">
<div class="w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0 mr-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
</svg>
</div>
<div>
<h3 class="text-xl font-bold mb-2">Personalized Treatment</h3>
<p class="text-gray-700 dark:text-gray-300">
Your treatment plan is tailored to your unique biochemistry and life circumstances, combining the best of conventional and complementary approaches.
</p>
</div>
</div>
<div class="flex items-start">
<div class="w-14 h-14 rounded-full bg-primary/10 flex items-center justify-center flex-shrink-0 mr-4">
<svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-primary" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z" />
</svg>
</div>
<div>
<h3 class="text-xl font-bold mb-2">Mind-Body-Spirit Connection</h3>
<p class="text-gray-700 dark:text-gray-300">
True healing requires addressing emotional patterns, stress responses, and spiritual wellbeing alongside physical health.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Services Section -->
<section id="services" class="py-16 md:py-24 bg-gray-50 dark:bg-gray-800/50">
<div class="container mx-auto px-4 md:px-8">
<div class="max-w-3xl mx-auto text-center mb-16 fade-in">
<h2 class="text-3xl md:text-4xl font-bold mb-6">Our Integrative Services</h2>
<p class="text-xl text-gray-700 dark:text-gray-300">
Comprehensive solutions to restore balance and vitality at the cellular level
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 max-w-6xl mx-auto">
<!-- Service 1 -->
<div class="service-card bg-white dark:bg-gray-800 rounded-2xl shadow-lg p-8 fade-in">
<div class="w-16 h-16 rounded-full bg-green-100 dark:bg-green-900/20 flex items-center justify-center mb-6">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-green-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z" />
</svg>
</div>
<h3 class="text-2xl font-bold mb-4">Comprehensive Functional Testing</h3>
<p class="text-gray-700 dark:text-gray-300 mb-6">
Advanced diagnostics to identify nutritional deficiencies, toxic burdens, hormonal imbalances, and genetic factors affecting your health.
</p>
<ul class="space-y-2 mb-8">
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
Nutrigenomic testing
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
Comprehensive stool analysis
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-green-500 mr-2" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
Heavy metal toxicity screening
</li>
</ul>
</div>
<!-- Service 2 -->
<div class="service-card bg-white dark:bg-gray-800 rounded-2xl shadow-lg p-8 fade-in section-delay-1">
<div class="w-16 h-16 rounded-full bg-blue-100 dark:bg-blue-900/20 flex items-center justify-center mb-6">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-blue-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 14v6m-3-3h6M6 10h2a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2zm10 0h2a2 2 0 002-2V6a2 2 0 00-2-2h-2a2 2 0 00-2 2v2a2 2 0 002 2zM6 20h2a2 2 0 002-2v-2a2 2 0 00-2-2H6a2 2 0 00-2 2v2a2 2 0 002 2z" />
</svg>
</div>
<h3 class="text-2xl font-bold mb-4">Personalized Treatment Plans</h3>
<p class="text-gray-700 dark:text-gray-300 mb-6">
Custom protocols to address your unique health challenges through diet, lifestyle, supplements, and detoxification.
</p>
<ul class="space-y-2 mb-8">
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-blue-500 mr-2" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
Targeted supplement protocols
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-blue-500 mr-2" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
Medical nutrition therapy
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-blue-500 mr-2" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
Detoxification programs
</li>
</ul>
</div>
<!-- Service 3 -->
<div class="service-card bg-white dark:bg-gray-800 rounded-2xl shadow-lg p-8 fade-in section-delay-2">
<div class="w-16 h-16 rounded-full bg-purple-100 dark:bg-purple-900/20 flex items-center justify-center mb-6">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-purple-500" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 3v4M3 5h4M6 17v4m-2-2h4m5-16l2.286 6.857L21 12l-5.714 2.143L13 21l-2.286-6.857L5 12l5.714-2.143L13 3z" />
</svg>
</div>
<h3 class="text-2xl font-bold mb-4">Mind-Body Wellness</h3>
<p class="text-gray-700 dark:text-gray-300 mb-6">
Integrative approaches to reduce stress, improve sleep, and enhance emotional resilience for overall wellbeing.
</p>
<ul class="space-y-2 mb-8">
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-purple-500 mr-2" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
Stress management techniques
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-purple-500 mr-2" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
Mindfulness & meditation training
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-purple-500 mr-2" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd" />
</svg>
Sleep optimization protocols
</li>
</ul>
</div>
</div>
</div>
</section>
<!-- Testimonials Section -->
<section id="testimonials" class="py-16 md:py-24">
<div class="container mx-auto px-4 md:px-8">
<div class="max-w-3xl mx-auto text-center mb-16 fade-in">
<h2 class="text-3xl md:text-4xl font-bold mb-6">Patient Success Stories</h2>
<p class="text-xl text-gray-700 dark:text-gray-300">
Real transformations from our patients who discovered true healing
</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-6xl mx-auto">
<!-- Testimonial 1 -->
<div class="testimonial-card bg-white dark:bg-gray-800 rounded-2xl p-8 fade-in">
<div class="flex items-center mb-6">
<div class="w-16 h-16 rounded-full bg-gray-200 border-2 border-dashed"></div>
<div class="ml-4">
<h4 class="font-bold text-lg">Sarah K.</h4>
<p class="text-gray-600 dark:text-gray-400">Chronic Fatigue Recovery</p>
</div>
</div>
<p class="text-gray-700 dark:text-gray-300 italic mb-4">
"After years of struggling with fatigue and brain fog, Panacea helped uncover hidden toxicities that conventional doctors missed. Their integrative approach gave me my life back!"
</p>
<div class="flex text-yellow-400">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
</div>
</div>
<!-- Testimonial 2 -->
<div class="testimonial-card bg-white dark:bg-gray-800 rounded-2xl p-8 fade-in section-delay-1">
<div class="flex items-center mb-6">
<div class="w-16 h-16 rounded-full bg-gray-200 border-2 border-dashed"></div>
<div class="ml-4">
<h4 class="font-bold text-lg">Michael T.</h4>
<p class="text-gray-600 dark:text-gray-400">Autoimmune Support</p>
</div>
</div>
<p class="text-gray-700 dark:text-gray-300 italic mb-4">
"Conventional medicine only managed my symptoms. Panacea's holistic approach addressed the root causes of my autoimmune condition. I've reduced medications by 75% and feel better than I have in years."
</p>
<div class="flex text-yellow-400">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 极端的 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.极端的 h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
</div>
</div>
<!-- Testimonial 3 -->
<div class="testimonial-card bg-white dark:bg-gray-800 rounded-2xl p-8 fade-in section-delay-2">
<div class="flex items-center mb-6">
<div class="w-16 h-16 rounded-full bg-gray-200 border-2 border-dashed"></div>
<div class="ml-4">
<h4 class="font-bold text-lg">Jennifer R.</h4>
<p class="text-gray-600 dark:text-gray-400">Hormone Balance</p>
</div>
</div>
<p class="text-gray-700 dark:text-gray-300 italic mb-4">
"At 52, I felt like my body was falling apart. Panacea's hormone balancing program combined with nutritional therapy transformed my perimenopause experience completely."
</p>
<div class="flex text-yellow-400">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
<path d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">
<path d="M9.049 2.927c.
</body>
</html>