HTML
1259 lines
40.9 KB
Prakriti | Naturopathy & Natural Healing Center
Natural healing through Naturopathy. Drug-free treatments for chronic conditions, detox, and holistic wellness.
Live Preview
Source Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Natural healing through Naturopathy. Drug-free treatments for chronic conditions, detox, and holistic wellness.">
<meta property="og:title" content="Prakriti Naturopathy | Natural Healing Without Side Effects">
<meta property="og:description"
content="Discover drug-free healing. Expert naturopathy treatments for diabetes, BP, digestive issues & more.">
<meta property="og:image" content="https://images.unsplash.com/photo-1600334129128-685c5582fd35?w=1200">
<title>Prakriti | Naturopathy & Natural Healing Center</title>
<link
href="https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Source+Sans+Pro:wght@300;400;600;700&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
:root {
--forest: #2e7d32;
--forest-light: #4caf50;
--earth: #8d6e63;
--honey: #ffc107;
--cream: #fefdf8;
--sand: #f5f0e8;
--bark: #3e2723;
--text: #37474f;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
font-family: 'Source Sans Pro', sans-serif;
background: var(--cream);
color: var(--text);
line-height: 1.8;
}
h1,
h2,
h3,
h4 {
font-family: 'Merriweather', serif;
color: var(--bark);
}
a {
text-decoration: none;
color: inherit;
}
img {
max-width: 100%;
display: block;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 0 1.5rem;
}
/* Header */
.header {
background: var(--forest);
color: #fff;
}
.header-top {
display: flex;
justify-content: space-between;
padding: 0.5rem 0;
font-size: 0.85rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.header-top a {
color: var(--honey);
}
.header-contact {
display: flex;
gap: 2rem;
}
.header-contact span {
display: flex;
align-items: center;
gap: 0.5rem;
}
.navbar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem 0;
}
.logo {
font-family: 'Merriweather', serif;
font-size: 1.6rem;
font-weight: 700;
display: flex;
align-items: center;
gap: 0.6rem;
}
.logo i {
color: var(--honey);
}
.nav-links {
display: flex;
gap: 2rem;
list-style: none;
}
.nav-links a {
font-weight: 600;
transition: color 0.3s;
}
.nav-links a:hover {
color: var(--honey);
}
.nav-cta {
background: var(--honey);
color: var(--bark);
padding: 0.7rem 1.5rem;
border-radius: 5px;
font-weight: 700;
transition: all 0.3s;
}
.nav-cta:hover {
background: #fff;
}
.mobile-btn {
display: none;
background: none;
border: none;
color: #fff;
font-size: 1.5rem;
cursor: pointer;
}
/* Hero */
.hero {
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.unsplash.com/photo-1506126613408-eca07ce68773?w=1600') center/cover fixed;
min-height: 85vh;
display: flex;
align-items: center;
color: #fff;
text-align: center;
}
.hero-content {
max-width: 800px;
margin: 0 auto;
}
.hero-badge {
display: inline-block;
background: var(--honey);
color: var(--bark);
padding: 0.5rem 1.5rem;
font-weight: 700;
font-size: 0.85rem;
margin-bottom: 2rem;
border-radius: 3px;
}
.hero h1 {
font-size: clamp(2.5rem, 5vw, 4rem);
margin-bottom: 1.5rem;
line-height: 1.2;
}
.hero p {
font-size: 1.2rem;
margin-bottom: 2.5rem;
opacity: 0.9;
}
.hero-btns {
display: flex;
gap: 1rem;
justify-content: center;
flex-wrap: wrap;
}
.btn {
padding: 1rem 2.5rem;
font-weight: 700;
font-size: 1rem;
border-radius: 5px;
transition: all 0.3s;
display: inline-flex;
align-items: center;
gap: 0.5rem;
}
.btn-primary {
background: var(--forest-light);
color: #fff;
}
.btn-primary:hover {
background: var(--forest);
transform: translateY(-2px);
}
.btn-secondary {
background: #fff;
color: var(--forest);
}
.btn-secondary:hover {
background: var(--honey);
color: var(--bark);
}
/* Stats */
.stats {
background: var(--forest);
padding: 3rem 0;
margin-top: -3rem;
position: relative;
z-index: 10;
}
.stats-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
text-align: center;
color: #fff;
}
.stat-item h3 {
font-size: 3rem;
color: var(--honey);
margin-bottom: 0.3rem;
}
.stat-item p {
font-size: 0.95rem;
opacity: 0.9;
}
/* About */
.about {
padding: 6rem 0;
}
.about-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5rem;
align-items: center;
}
.about-img {
position: relative;
}
.about-img img {
border-radius: 10px;
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}
.about-badge {
position: absolute;
bottom: -20px;
right: -20px;
background: var(--honey);
color: var(--bark);
padding: 1.5rem 2rem;
border-radius: 10px;
text-align: center;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}
.about-badge h4 {
font-size: 2.5rem;
line-height: 1;
}
.about-badge span {
font-size: 0.9rem;
font-weight: 600;
}
.section-tag {
display: inline-flex;
align-items: center;
gap: 0.5rem;
color: var(--forest);
font-weight: 700;
font-size: 0.85rem;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 1rem;
}
.section-tag::before {
content: '';
width: 30px;
height: 2px;
background: var(--forest);
}
.about-content h2 {
font-size: 2.5rem;
margin-bottom: 1.5rem;
line-height: 1.3;
}
.about-content p {
margin-bottom: 1.5rem;
color: var(--text);
}
.about-list {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1rem;
margin: 2rem 0;
}
.about-list li {
display: flex;
align-items: center;
gap: 0.8rem;
font-weight: 600;
}
.about-list i {
color: var(--forest);
font-size: 1.2rem;
}
/* Treatments */
.treatments {
padding: 6rem 0;
background: var(--sand);
}
.section-header {
text-align: center;
max-width: 700px;
margin: 0 auto 4rem;
}
.section-header h2 {
font-size: 2.5rem;
margin-bottom: 1rem;
}
.section-header p {
color: var(--text);
}
.treatments-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
}
.treatment-card {
background: #fff;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
transition: all 0.3s;
}
.treatment-card:hover {
transform: translateY(-8px);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
}
.treatment-img {
height: 200px;
overflow: hidden;
}
.treatment-img img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.5s;
}
.treatment-card:hover .treatment-img img {
transform: scale(1.1);
}
.treatment-body {
padding: 1.5rem;
}
.treatment-body h3 {
font-size: 1.3rem;
margin-bottom: 0.8rem;
color: var(--forest);
}
.treatment-body p {
font-size: 0.95rem;
color: var(--text);
margin-bottom: 1rem;
}
.treatment-link {
color: var(--forest);
font-weight: 700;
font-size: 0.9rem;
display: inline-flex;
align-items: center;
gap: 0.4rem;
}
.treatment-link:hover {
gap: 0.7rem;
color: var(--earth);
}
/* Conditions */
.conditions {
padding: 6rem 0;
background: var(--forest);
color: #fff;
}
.conditions h2 {
color: #fff;
}
.conditions-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.5rem;
margin-top: 3rem;
}
.condition-item {
background: rgba(255, 255, 255, 0.1);
padding: 1.5rem;
border-radius: 8px;
text-align: center;
transition: all 0.3s;
border: 1px solid rgba(255, 255, 255, 0.1);
}
.condition-item:hover {
background: rgba(255, 255, 255, 0.15);
transform: translateY(-5px);
border-color: var(--honey);
}
.condition-item i {
font-size: 2.5rem;
color: var(--honey);
margin-bottom: 1rem;
}
.condition-item h4 {
font-size: 1.1rem;
color: #fff;
}
/* Testimonials */
.testimonials {
padding: 6rem 0;
background: var(--cream);
}
.testimonial-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
}
.testimonial-card {
background: #fff;
padding: 2.5rem;
border-radius: 10px;
box-shadow: 0 5px 25px rgba(0, 0, 0, 0.08);
border-left: 4px solid var(--forest);
}
.testimonial-card p {
font-size: 1.1rem;
font-style: italic;
margin-bottom: 1.5rem;
line-height: 1.8;
}
.testimonial-author {
display: flex;
align-items: center;
gap: 1rem;
}
.testimonial-avatar {
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
border: 3px solid var(--forest);
}
.testimonial-avatar img {
width: 100%;
height: 100%;
object-fit: cover;
}
.testimonial-info h5 {
font-size: 1rem;
margin-bottom: 0.2rem;
}
.testimonial-info span {
font-size: 0.85rem;
color: var(--earth);
}
.testimonial-rating {
color: var(--honey);
margin-top: 0.3rem;
}
/* CTA */
.cta {
padding: 5rem 0;
background: linear-gradient(135deg, var(--earth) 0%, var(--bark) 100%);
text-align: center;
color: #fff;
}
.cta h2 {
font-size: 2.5rem;
margin-bottom: 1rem;
color: #fff;
}
.cta p {
font-size: 1.1rem;
margin-bottom: 2rem;
opacity: 0.9;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.cta .btn {
background: var(--honey);
color: var(--bark);
}
.cta .btn:hover {
background: #fff;
}
/* Contact */
.contact {
padding: 6rem 0;
background: var(--sand);
}
.contact-grid {
display: grid;
grid-template-columns: 1fr 1.3fr;
gap: 4rem;
}
.contact-info h2 {
font-size: 2.5rem;
margin-bottom: 1.5rem;
}
.contact-info>p {
color: var(--text);
margin-bottom: 2rem;
}
.contact-list {
display: flex;
flex-direction: column;
gap: 1.5rem;
}
.contact-item {
display: flex;
align-items: flex-start;
gap: 1rem;
}
.contact-icon {
width: 55px;
height: 55px;
background: var(--forest);
color: #fff;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.3rem;
}
.contact-item h5 {
font-size: 1rem;
margin-bottom: 0.3rem;
}
.contact-item p {
font-size: 0.95rem;
color: var(--text);
}
.contact-form {
background: #fff;
padding: 2.5rem;
border-radius: 15px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}
.form-title {
font-size: 1.5rem;
margin-bottom: 1.5rem;
text-align: center;
}
.form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 1.5rem;
}
.form-group {
margin-bottom: 1.5rem;
}
.form-group label {
display: block;
font-weight: 600;
margin-bottom: 0.5rem;
font-size: 0.95rem;
}
.form-group input,
.form-group select,
.form-group textarea {
width: 100%;
padding: 1rem;
border: 2px solid #e0e0e0;
border-radius: 8px;
font-family: inherit;
font-size: 1rem;
transition: border-color 0.3s;
}
.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
outline: none;
border-color: var(--forest);
}
.form-group textarea {
min-height: 100px;
resize: vertical;
}
.submit-btn {
width: 100%;
padding: 1.1rem;
background: var(--forest);
color: #fff;
border: none;
border-radius: 8px;
font-weight: 700;
font-size: 1rem;
cursor: pointer;
transition: all 0.3s;
}
.submit-btn:hover {
background: var(--forest-light);
}
/* Footer */
.footer {
background: var(--bark);
color: #fff;
padding: 4rem 0 2rem;
}
.footer-grid {
display: grid;
grid-template-columns: 1.5fr 1fr 1fr 1fr;
gap: 3rem;
margin-bottom: 3rem;
}
.footer-brand p {
color: rgba(255, 255, 255, 0.7);
margin: 1rem 0 1.5rem;
font-size: 0.95rem;
}
.footer-social {
display: flex;
gap: 0.8rem;
}
.footer-social a {
width: 42px;
height: 42px;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s;
}
.footer-social a:hover {
background: var(--forest);
transform: translateY(-3px);
}
.footer h4 {
font-size: 1.1rem;
margin-bottom: 1.5rem;
color: #fff;
}
.footer-links {
list-style: none;
}
.footer-links li {
margin-bottom: 0.7rem;
}
.footer-links a {
color: rgba(255, 255, 255, 0.7);
font-size: 0.95rem;
transition: color 0.3s;
}
.footer-links a:hover {
color: var(--honey);
}
.footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 2rem;
display: flex;
justify-content: space-between;
font-size: 0.85rem;
color: rgba(255, 255, 255, 0.5);
flex-wrap: wrap;
gap: 1rem;
}
/* Responsive */
@media (max-width: 992px) {
.about-grid,
.contact-grid {
grid-template-columns: 1fr;
gap: 3rem;
}
.stats-grid,
.conditions-grid {
grid-template-columns: repeat(2, 1fr);
}
.treatments-grid,
.testimonial-grid {
grid-template-columns: 1fr 1fr;
}
.footer-grid {
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 768px) {
.header-top {
display: none;
}
.mobile-btn {
display: block;
}
.nav-links,
.nav-cta {
display: none;
}
.stats-grid,
.treatments-grid,
.conditions-grid,
.testimonial-grid {
grid-template-columns: 1fr;
}
.about-list,
.form-row {
grid-template-columns: 1fr;
}
.about-badge {
position: static;
margin-top: 1rem;
display: inline-block;
}
.footer-grid {
grid-template-columns: 1fr;
}
.footer-bottom {
flex-direction: column;
text-align: center;
}
}
</style>
</head>
<body>
<!-- Header -->
<header class="header">
<div class="container">
<div class="header-top">
<div class="header-contact">
<span><i class="fas fa-phone"></i> +91 98765 43210</span>
<span><i class="fas fa-envelope"></i> info@prakritinature.com</span>
</div>
<div>🌿 <a href="#contact">Book Free Consultation</a> - Limited Slots Available!</div>
</div>
<nav class="navbar">
<a href="#" class="logo"><i class="fas fa-leaf"></i> Prakriti</a>
<ul class="nav-links">
<li><a href="#about">About</a></li>
<li><a href="#treatments">Treatments</a></li>
<li><a href="#conditions">Conditions</a></li>
<li><a href="#testimonials">Reviews</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<a href="#contact" class="nav-cta">Free Consultation</a>
<button class="mobile-btn"><i class="fas fa-bars"></i></button>
</nav>
</div>
</header>
<!-- Hero -->
<section class="hero">
<div class="container">
<div class="hero-content">
<div class="hero-badge">🌿 100% Drug-Free Natural Healing</div>
<h1>Heal Your Body Naturally With Naturopathy</h1>
<p>Discover the power of nature-based therapies to treat chronic conditions, detoxify your body, and
achieve lasting wellness without medication side effects.</p>
<div class="hero-btns">
<a href="#contact" class="btn btn-primary">Get Free Consultation <i
class="fas fa-arrow-right"></i></a>
<a href="#treatments" class="btn btn-secondary">Explore Treatments</a>
</div>
</div>
</div>
</section>
<!-- Stats -->
<section class="stats">
<div class="container">
<div class="stats-grid">
<div class="stat-item">
<h3>25+</h3>
<p>Years of Experience</p>
</div>
<div class="stat-item">
<h3>15K+</h3>
<p>Patients Healed</p>
</div>
<div class="stat-item">
<h3>50+</h3>
<p>Natural Therapies</p>
</div>
<div class="stat-item">
<h3>98%</h3>
<p>Success Rate</p>
</div>
</div>
</div>
</section>
<!-- About -->
<section id="about" class="about">
<div class="container">
<div class="about-grid">
<div class="about-img">
<img src="https://images.unsplash.com/photo-1600334129128-685c5582fd35?w=800" alt="Natural healing">
<div class="about-badge">
<h4>25+</h4><span>Years Healing</span>
</div>
</div>
<div class="about-content">
<div class="section-tag">About Prakriti</div>
<h2>Nature's Wisdom for Modern Health Problems</h2>
<p>At Prakriti Naturopathy Center, we believe the body has an innate ability to heal itself when
given the right support. Our treatments work with nature, not against it.</p>
<p>Founded in 1999, we have helped thousands overcome chronic conditions like diabetes,
hypertension, obesity, and digestive disorders using time-tested natural therapies.</p>
<ul class="about-list">
<li><i class="fas fa-check-circle"></i> No Medications</li>
<li><i class="fas fa-check-circle"></i> No Side Effects</li>
<li><i class="fas fa-check-circle"></i> Root Cause Treatment</li>
<li><i class="fas fa-check-circle"></i> Lasting Results</li>
<li><i class="fas fa-check-circle"></i> Expert Therapists</li>
<li><i class="fas fa-check-circle"></i> Personalized Care</li>
</ul>
<a href="#contact" class="btn btn-primary">Start Your Healing <i class="fas fa-arrow-right"></i></a>
</div>
</div>
</div>
</section>
<!-- Treatments -->
<section id="treatments" class="treatments">
<div class="container">
<div class="section-header">
<div class="section-tag">Our Treatments</div>
<h2>Natural Healing Therapies</h2>
<p>Evidence-based naturopathic treatments that address the root cause of your health issues.</p>
</div>
<div class="treatments-grid">
<div class="treatment-card">
<div class="treatment-img"><img
src="https://images.unsplash.com/photo-1544161515-4ab6ce6db874?w=600" alt="Hydrotherapy">
</div>
<div class="treatment-body">
<h3>Hydrotherapy</h3>
<p>Water-based treatments to stimulate circulation, detoxify, and boost immunity naturally.</p>
<a href="#contact" class="treatment-link">Learn More <i class="fas fa-arrow-right"></i></a>
</div>
</div>
<div class="treatment-card">
<div class="treatment-img"><img
src="https://images.unsplash.com/photo-1519823551278-64ac92734fb1?w=600" alt="Mud Therapy">
</div>
<div class="treatment-body">
<h3>Mud Therapy</h3>
<p>Healing earth packs to reduce inflammation, cool the body, and detoxify skin.</p>
<a href="#contact" class="treatment-link">Learn More <i class="fas fa-arrow-right"></i></a>
</div>
</div>
<div class="treatment-card">
<div class="treatment-img"><img
src="https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=600" alt="Massage">
</div>
<div class="treatment-body">
<h3>Therapeutic Massage</h3>
<p>Deep tissue and relaxation massage to release tension and improve energy flow.</p>
<a href="#contact" class="treatment-link">Learn More <i class="fas fa-arrow-right"></i></a>
</div>
</div>
<div class="treatment-card">
<div class="treatment-img"><img
src="https://images.unsplash.com/photo-1490645935967-10de6ba17061?w=600" alt="Diet"></div>
<div class="treatment-body">
<h3>Diet Therapy</h3>
<p>Personalized nutrition plans using whole foods to heal and restore health.</p>
<a href="#contact" class="treatment-link">Learn More <i class="fas fa-arrow-right"></i></a>
</div>
</div>
<div class="treatment-card">
<div class="treatment-img"><img
src="https://images.unsplash.com/photo-1545389336-cf090694435e?w=600" alt="Yoga"></div>
<div class="treatment-body">
<h3>Yoga & Pranayama</h3>
<p>Ancient breathing and movement practices for mental and physical wellness.</p>
<a href="#contact" class="treatment-link">Learn More <i class="fas fa-arrow-right"></i></a>
</div>
</div>
<div class="treatment-card">
<div class="treatment-img"><img
src="https://images.unsplash.com/photo-1515377905703-c4788e51af15?w=600" alt="Fasting">
</div>
<div class="treatment-body">
<h3>Fasting Therapy</h3>
<p>Guided therapeutic fasting to reset metabolism and deep cleanse the body.</p>
<a href="#contact" class="treatment-link">Learn More <i class="fas fa-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</section>
<!-- Conditions -->
<section id="conditions" class="conditions">
<div class="container">
<div class="section-header">
<div class="section-tag" style="color:var(--honey)">Conditions We Treat</div>
<h2>Natural Solutions for Chronic Health Issues</h2>
</div>
<div class="conditions-grid">
<div class="condition-item"><i class="fas fa-tint"></i>
<h4>Diabetes</h4>
</div>
<div class="condition-item"><i class="fas fa-heartbeat"></i>
<h4>High Blood Pressure</h4>
</div>
<div class="condition-item"><i class="fas fa-weight"></i>
<h4>Obesity</h4>
</div>
<div class="condition-item"><i class="fas fa-stomach"></i>
<h4>Digestive Issues</h4>
</div>
<div class="condition-item"><i class="fas fa-bone"></i>
<h4>Arthritis</h4>
</div>
<div class="condition-item"><i class="fas fa-lungs"></i>
<h4>Respiratory</h4>
</div>
<div class="condition-item"><i class="fas fa-brain"></i>
<h4>Stress & Anxiety</h4>
</div>
<div class="condition-item"><i class="fas fa-allergies"></i>
<h4>Skin Disorders</h4>
</div>
</div>
</div>
</section>
<!-- Testimonials -->
<section id="testimonials" class="testimonials">
<div class="container">
<div class="section-header">
<div class="section-tag">Success Stories</div>
<h2>Real Results From Real Patients</h2>
</div>
<div class="testimonial-grid">
<div class="testimonial-card">
<p>"My diabetes was uncontrolled for 10 years despite medication. After 3 months of naturopathy
treatment, my sugar levels normalized and I'm medication-free now!"</p>
<div class="testimonial-author">
<div class="testimonial-avatar"><img src="https://randomuser.me/api/portraits/men/45.jpg"
alt=""></div>
<div class="testimonial-info">
<h5>Ramesh Kumar</h5>
<span>Diabetes Reversal</span>
<div class="testimonial-rating"><i class="fas fa-star"></i><i class="fas fa-star"></i><i
class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
</div>
</div>
</div>
<div class="testimonial-card">
<p>"I lost 18 kgs in 4 months through their diet and fasting therapy. No crash diets, no pills -
just natural methods that actually work!"</p>
<div class="testimonial-author">
<div class="testimonial-avatar"><img src="https://randomuser.me/api/portraits/women/32.jpg"
alt=""></div>
<div class="testimonial-info">
<h5>Priya Sharma</h5>
<span>Weight Loss Program</span>
<div class="testimonial-rating"><i class="fas fa-star"></i><i class="fas fa-star"></i><i
class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
</div>
</div>
</div>
<div class="testimonial-card">
<p>"Chronic back pain for 5 years gone in 6 weeks! The combination of hydrotherapy and yoga therapy
changed my life completely."</p>
<div class="testimonial-author">
<div class="testimonial-avatar"><img src="https://randomuser.me/api/portraits/men/67.jpg"
alt=""></div>
<div class="testimonial-info">
<h5>Suresh Iyer</h5>
<span>Pain Management</span>
<div class="testimonial-rating"><i class="fas fa-star"></i><i class="fas fa-star"></i><i
class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
</div>
</div>
</div>
<div class="testimonial-card">
<p>"My BP was 160/100 on medication. After their program, it's stable at 120/80 without any drugs.
Nature truly heals!"</p>
<div class="testimonial-author">
<div class="testimonial-avatar"><img src="https://randomuser.me/api/portraits/women/55.jpg"
alt=""></div>
<div class="testimonial-info">
<h5>Lakshmi Devi</h5>
<span>BP Management</span>
<div class="testimonial-rating"><i class="fas fa-star"></i><i class="fas fa-star"></i><i
class="fas fa-star"></i><i class="fas fa-star"></i><i class="fas fa-star"></i></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- CTA -->
<section class="cta">
<div class="container">
<h2>Ready to Heal Naturally?</h2>
<p>Take the first step towards a healthier, drug-free life. Book your free consultation today.</p>
<a href="#contact" class="btn">Book Free Consultation <i class="fas fa-arrow-right"></i></a>
</div>
</section>
<!-- Contact -->
<section id="contact" class="contact">
<div class="container contact-grid">
<div class="contact-info">
<div class="section-tag">Get Started</div>
<h2>Book Your Free Consultation</h2>
<p>Our experts will assess your condition and recommend the best natural treatment plan for you.</p>
<div class="contact-list">
<div class="contact-item">
<div class="contact-icon"><i class="fas fa-map-marker-alt"></i></div>
<div>
<h5>Location</h5>
<p>123 Nature Path, Wellness Valley<br>Kerala, India - 695001</p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon"><i class="fas fa-phone"></i></div>
<div>
<h5>Phone</h5>
<p>+91 98765 43210</p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon"><i class="fas fa-envelope"></i></div>
<div>
<h5>Email</h5>
<p>info@prakritinature.com</p>
</div>
</div>
<div class="contact-item">
<div class="contact-icon"><i class="fas fa-clock"></i></div>
<div>
<h5>Hours</h5>
<p>Mon-Sat: 6AM - 8PM<br>Sun: 7AM - 1PM</p>
</div>
</div>
</div>
</div>
<div class="contact-form">
<h3 class="form-title">Request Free Consultation</h3>
<form id="contactForm">
<div class="form-row">
<div class="form-group"><label>Full Name</label><input type="text" required></div>
<div class="form-group"><label>Phone</label><input type="tel" required></div>
</div>
<div class="form-group"><label>Email</label><input type="email" required></div>
<div class="form-group">
<label>Health Concern</label>
<select>
<option>Select Condition</option>
<option>Diabetes</option>
<option>High BP</option>
<option>Obesity</option>
<option>Digestive Issues</option>
<option>Arthritis</option>
<option>Stress/Anxiety</option>
<option>Other</option>
</select>
</div>
<div class="form-group"><label>Describe Your Condition</label><textarea
placeholder="Tell us about your health concerns..."></textarea></div>
<button type="submit" class="submit-btn">Book Free Consultation <i
class="fas fa-arrow-right"></i></button>
</form>
</div>
</div>
</section>
<!-- Footer -->
<footer class="footer">
<div class="container">
<div class="footer-grid">
<div class="footer-brand">
<div class="logo" style="font-size:1.8rem;"><i class="fas fa-leaf" style="color:var(--honey)"></i>
Prakriti</div>
<p>Healing naturally since 1999. Your trusted partner for drug-free wellness.</p>
<div class="footer-social">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
<a href="#"><i class="fab fa-whatsapp"></i></a>
</div>
</div>
<div>
<h4>Treatments</h4>
<ul class="footer-links">
<li><a href="#">Hydrotherapy</a></li>
<li><a href="#">Mud Therapy</a></li>
<li><a href="#">Diet Therapy</a></li>
<li><a href="#">Yoga</a></li>
<li><a href="#">Fasting</a></li>
</ul>
</div>
<div>
<h4>Conditions</h4>
<ul class="footer-links">
<li><a href="#">Diabetes</a></li>
<li><a href="#">High BP</a></li>
<li><a href="#">Obesity</a></li>
<li><a href="#">Arthritis</a></li>
<li><a href="#">Stress</a></li>
</ul>
</div>
<div>
<h4>Contact</h4>
<ul class="footer-links">
<li>123 Nature Path</li>
<li>+91 98765 43210</li>
<li>info@prakritinature.com</li>
<li>Mon-Sat: 6AM-8PM</li>
</ul>
</div>
</div>
<div class="footer-bottom">
<span>© 2026 Prakriti Naturopathy. All rights reserved.</span>
<span>Results may vary. Consult our experts for personalized advice.</span>
</div>
</div>
</footer>
<script>
document.getElementById('contactForm').addEventListener('submit', e => {
e.preventDefault();
alert('Thank you! Our team will contact you within 24 hours.');
e.target.reset();
});
</script>
</body>
</html>