undefined / tier3.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
23 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tier 3 Services | Panacea Integrative Medicine</title>
<meta name="description" content="Comprehensive lab testing, lifestyle/diet planning, and medical test interpretation to identify root causes of health issues.">
<meta name="keywords" content="lab testing, functional medicine tests, nutrition planning, stress management, medical advocacy">
<!-- 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>
.service-icon {
background-color: #f0fdfa;
color: #0f766e;
}
.dark .service-icon {
background-color: #042f2e;
color: #14b8a6;
}
</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="index.html#home" class="nav-link text-lg font-medium hover:text-primary transition-colors">Home</a>
<a href="index.html#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="index.html#testimonials" class="nav-link text-lg font-medium hover:text-primary transition-colors">Testimonials</a>
<a href="index.html#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="index.html#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="index.html#home" class="nav-link font-medium hover:text-primary transition-colors">Home</a>
<a href="index.html#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="index.html#testimonials" class="nav-link font-medium hover:text-primary transition-colors">Testimonials</a>
<a href="index.html#contact" class="nav-link font-medium hover:text-primary transition-colors">Contact</a>
<a href="index.html#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 class="pt-32 pb-16 md:pt-40 md:pb-24 relative">
<div class="container mx-auto px-4 md:px-8 relative z-20">
<div class="max-w-4xl mx-auto text-center">
<h1 class="text-4xl md:text-5xl font-bold mb-6">
Tier 3: Comprehensive <span class="text-primary">Health Investigation</span>
</h1>
<p class="text-xl text-gray-700 dark:text-gray-300 mb-8 leading-relaxed">
$400 package includes in-depth lab testing interpretation, personalized lifestyle/diet planning, and medical test advocacy to uncover root causes of chronic health issues.
</p>
</div>
</div>
</section>
<!-- Services Section -->
<section class="py-16 bg-gray-50 dark:bg-gray-800/50">
<div class="container mx-auto px-4 md:px-8">
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 max-w-6xl mx-auto">
<!-- Lab Testing -->
<div class="bg-white dark:bg-gray-800 rounded-2xl shadow-lg p-8">
<div class="w-16 h-16 rounded-full service-icon flex items-center justify-center mb-6">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" 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>
<h3 class="text-2xl font-bold mb-4">Advanced Lab Testing</h3>
<ul class="space-y-3 text-gray-700 dark:text-gray-300">
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-primary mr-2 mt-0.5" 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>
Interpretation of functional medicine lab tests
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-primary mr-2 mt-0.5" 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 metabolic panels
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-primary mr-2 mt-0.5" 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>
Hormone and neurotransmitter testing
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-primary mr-2 mt-0.5" 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>
Food sensitivity and gut health analysis
</li>
</ul>
</div>
<!-- Lifestyle & Diet -->
<div class="bg-white dark:bg-gray-800 rounded-2xl shadow-lg p-8">
<div class="w-16 h-16 rounded-full service-icon flex items-center justify-center mb-6">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" fill="none" viewBox="0 极端的 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
</svg>
</div>
<h3 class="text-2xl font-bold mb-4">Lifestyle & Diet Planning</h3>
<ul class="space-y-3 text-gray-700 dark:text-gray-300">
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-primary mr-2 mt-0.5" 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>
Personalized nutrition protocols
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-primary mr-2 mt-0.5" 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>
Supplement recommendations
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-primary mr-2 mt-0.5" 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 strategies
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-primary mr-2 mt-0.5" 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>
Movement and exercise prescription
</li>
</ul>
</div>
<!-- Medical Advocacy -->
<div class="bg-white dark:bg-gray-800 rounded-2xl shadow-lg p-8">
<div class="w-16 h-16 rounded-full service-icon flex items-center justify-center mb-6">
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8" 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">Medical Advocacy</h3>
<ul class="space-y-3 text-gray-700 dark:text-gray-300">
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-primary mr-2 mt-0.5" 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>
Interpretation of medical test results
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-primary mr-2 mt-0.5" 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>
Second opinion consultations
</li>
<li class="flex items-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-primary mr-2 mt-0.5" 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-start">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-primary mr-2 mt-0.5" 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>
Legal/insurance guidance for complex cases
</li>
</ul>
</div>
</div>
<!-- CTA Section -->
<div class="max-w-3xl mx-auto mt-16 bg-primary rounded-2xl p-8 md:p-12 text-center">
<h3 class="text-2xl md:text-3xl font-bold text-white mb-4">Ready for In-Depth Health Analysis?</h3>
<p class="text-white/90 mb-6">Our Tier 3 package provides comprehensive testing interpretation and personalized recommendations to address complex health issues.</p>
<a href="index.html#contact" class="inline-block bg-white text-primary hover:bg-gray-100 px-8 py-3 rounded-full font-medium transition-colors duration-300">
Schedule Tier 3 Consultation
</a>
</div>
</div>
</section>
<!-- Footer -->
<footer class="bg-gray-100 dark:bg-gray-900 py-12">
<div class="container mx-auto px-4 md:px-8">
<div class="grid grid-cols-1 md:grid-cols-3 gap-8">
<div>
<div class="flex items-center space-x-2 mb-4">
<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>
<p class="text-gray-700 dark:text-gray-300 mb-4">
Holistic health solutions that address root causes and restore balance at the cellular level.
</p>
</div>
<div>
<h4 class="text-lg font-bold mb-4">Quick Links</h4>
<ul class="space-y-2">
<li><a href="index.html#home" class="text-gray-700 dark:text-gray-300 hover:text-primary transition-colors">Home</a></li>
<li><a href="index.html#services" class="text-gray-700 dark:text-gray-300 hover:text-primary transition-colors">Services</a></li>
<li><a href="tier3.html" class="text-gray-700 dark:text-gray-300 hover:text-primary transition-colors">Tier 3 Program</a></li>
<li><a href="index.html#testimonials" class="text-gray-700 dark:text-gray-300 hover:text-primary transition-colors">Testimonials</a></li>
<li><a href="index.html#contact" class="text-gray-700 dark:text-gray-300 hover:text-primary transition-colors">Contact</a></li>
</ul>
</div>
<div>
<h4 class="text-lg font-bold mb-4">Contact</h4>
<ul class="space-y-2 text-gray-700 dark:text-gray-300">
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" viewBox="0 0 20 20" fill="currentColor">
<path fill-rule="evenodd" d="M5.05 4.05a7 7 0 119.9 9.9L10 18.9l-4.95-4.95a7 7 0 010-9.9zM10 11a2 2 0 100-4 2 2 0 000 4z" clip-rule="evenodd" />
</svg>
123 Healing Way, Wellness City
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" viewBox="0 0 20 20" fill="currentColor">
<path d="M2 3a1 1 0 011-1h2.153a1 1 0 01.986.836l.74 4.435a1 1 0 01-.54 1.06l-1.548.773a11.037 11.037 0 006.105 6.105l.774-1.548a1 1 0 011.059-.54l4.435.74a1 1 0 01.836.986V17a1 1 0 01-1 1h-2C7.82 18 2 12.18 2 5V3z" />
</svg>
(555) 123-4567
</li>
<li class="flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 mr-2" viewBox="0 0 20 20" fill="currentColor">
<path d="M2.003 5.884L10 9.882l7.997-3.998A2 2 0 0016 4H4a2 2 0 00-1.997 1.884z" />
<path d="M18 8.118l-8 4-8-4V14a2 2 0 002 2h12a2 2 0 002-2V8.118z" />
</svg>
info@panacea-md.com
</li>
</ul>
</div>
</div>
<div class="border-t border-gray-200 dark:border-gray-800 mt-8 pt-8 text-center text-gray-600 dark:text-gray-400">
<p>&copy; 2023 Panacea Integrative Medicine. All rights reserved.</p>
</div>
</div>
</footer>
<script>
// Theme toggle functionality
const themeToggle = document.getElementById('theme-toggle');
const themeIcon = document.getElementById('theme-icon');
if (localStorage.getItem('color-theme') === 'dark' || (!('color-theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.documentElement.classList.add('dark');
themeIcon.setAttribute('d', 'M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z');
} else {
document.documentElement.classList.remove('dark');
themeIcon.setAttribute('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');
}
themeToggle.addEventListener('click', function() {
const isDark = document.documentElement.classList.contains('dark');
if (isDark) {
document.documentElement.classList.remove('dark');
localStorage.setItem('color-theme', 'light');
themeIcon.setAttribute('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');
} else {
document.documentElement.classList.add('dark');
localStorage.setItem('color-theme', 'dark');
themeIcon.setAttribute('d', 'M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z');
}
});
// Mobile menu toggle
const menuToggle = document.getElementById('menu-toggle');
const mobileMenu = document.getElementById('mobile-menu');
menuToggle.addEventListener('click', function() {
menuToggle.classList.toggle('active');
mobileMenu.classList.toggle('hidden');
});
</script>
</body>
</html>