HTML
517 lines
33.4 KB
Vedanta | Holistic Wellness & Natural Healing
Vedanta Holistic Wellness - Experience transformative healing through authentic Ayurveda, Yoga & Natural therapies
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="Vedanta Holistic Wellness - Experience transformative healing through authentic Ayurveda, Yoga & Natural therapies">
<meta property="og:title" content="Vedanta | Premium Holistic Wellness Center">
<meta property="og:description" content="Transform your health naturally. Expert Ayurveda, Yoga & Naturopathy treatments. Free consultation available.">
<meta property="og:image" content="https://images.unsplash.com/photo-1545389336-cf090694435e?w=1200">
<title>Vedanta | Holistic Wellness & Natural Healing</title>
<link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Jost:wght@300;400;500;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 {
--sage: #7d8b6c;
--sage-dark: #5a6650;
--terracotta: #c17f59;
--sand: #e8ddd3;
--cream: #faf7f4;
--charcoal: #2a2a2a;
--warm-white: #fffcf8;
--text: #4a4a4a;
--text-light: #7a7a7a;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { font-family: 'Jost', sans-serif; background: var(--warm-white); color: var(--text); line-height: 1.7; }
h1,h2,h3,h4 { font-family: 'Cormorant Garamond', serif; font-weight: 600; color: var(--charcoal); }
a { text-decoration: none; color: inherit; }
img { max-width: 100%; display: block; }
.container { max-width: 1280px; margin: 0 auto; padding: 0 2rem; }
/* Floating Contact */
.floating-contact { position: fixed; bottom: 2rem; right: 2rem; z-index: 999; display: flex; flex-direction: column; gap: 0.8rem; }
.float-btn { width: 55px; height: 55px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 1.3rem; box-shadow: 0 5px 25px rgba(0,0,0,0.2); transition: all 0.3s; }
.float-btn:hover { transform: scale(1.1); }
.float-whatsapp { background: #25d366; }
.float-phone { background: var(--terracotta); }
/* Navbar */
.navbar { position: fixed; top: 0; left: 0; right: 0; background: rgba(255,252,248,0.95); backdrop-filter: blur(10px); z-index: 1000; transition: all 0.3s; }
.navbar.scrolled { box-shadow: 0 2px 30px rgba(0,0,0,0.08); }
.nav-inner { display: flex; justify-content: space-between; align-items: center; padding: 1.2rem 0; }
.logo { font-family: 'Cormorant Garamond', serif; font-size: 2rem; font-weight: 700; color: var(--sage-dark); letter-spacing: 2px; }
.nav-links { display: flex; gap: 3rem; list-style: none; }
.nav-links a { font-size: 0.95rem; font-weight: 500; color: var(--text); position: relative; transition: color 0.3s; }
.nav-links a::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 2px; background: var(--terracotta); transition: width 0.3s; }
.nav-links a:hover { color: var(--sage-dark); }
.nav-links a:hover::after { width: 100%; }
.nav-cta { background: var(--sage); color: #fff; padding: 0.9rem 2rem; font-weight: 600; font-size: 0.9rem; transition: all 0.3s; border-radius: 0; }
.nav-cta:hover { background: var(--sage-dark); }
.mobile-btn { display: none; background: none; border: none; font-size: 1.5rem; cursor: pointer; color: var(--charcoal); }
/* Hero */
.hero { min-height: 100vh; display: grid; grid-template-columns: 1fr 1fr; }
.hero-content { display: flex; flex-direction: column; justify-content: center; padding: 8rem 5rem 5rem 3rem; background: var(--cream); }
.hero-tag { display: inline-flex; align-items: center; gap: 0.8rem; font-size: 0.85rem; font-weight: 600; color: var(--terracotta); text-transform: uppercase; letter-spacing: 3px; margin-bottom: 2rem; }
.hero-tag::before { content: ''; width: 40px; height: 1px; background: var(--terracotta); }
.hero h1 { font-size: clamp(2.8rem, 5vw, 4.5rem); line-height: 1.1; margin-bottom: 2rem; font-weight: 500; }
.hero h1 em { font-style: italic; color: var(--sage); }
.hero-desc { font-size: 1.15rem; color: var(--text-light); max-width: 480px; margin-bottom: 3rem; line-height: 1.9; }
.hero-btns { display: flex; gap: 1.5rem; }
.btn { padding: 1.1rem 2.8rem; font-weight: 600; font-size: 0.95rem; transition: all 0.3s; display: inline-flex; align-items: center; gap: 0.8rem; }
.btn-primary { background: var(--sage); color: #fff; }
.btn-primary:hover { background: var(--sage-dark); transform: translateY(-2px); }
.btn-outline { border: 2px solid var(--charcoal); color: var(--charcoal); background: transparent; }
.btn-outline:hover { background: var(--charcoal); color: #fff; }
.hero-image { position: relative; }
.hero-image img { width: 100%; height: 100%; object-fit: cover; }
.hero-badge { position: absolute; bottom: 3rem; left: -3rem; background: var(--warm-white); padding: 2rem; box-shadow: 0 15px 50px rgba(0,0,0,0.1); }
.hero-badge h4 { font-size: 3rem; color: var(--terracotta); line-height: 1; }
.hero-badge p { font-size: 0.9rem; color: var(--text-light); margin-top: 0.3rem; }
/* Marquee */
.marquee-section { background: var(--sage); padding: 1.2rem 0; overflow: hidden; }
.marquee-track { display: flex; gap: 4rem; animation: scroll 25s linear infinite; }
.marquee-item { display: flex; align-items: center; gap: 0.8rem; color: #fff; font-weight: 500; font-size: 0.95rem; white-space: nowrap; }
.marquee-item i { color: var(--sand); }
@keyframes scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
/* About */
.about { padding: 8rem 0; }
.about-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 6rem; align-items: center; }
.about-images { position: relative; }
.about-img-1 { width: 75%; border-radius: 0; }
.about-img-2 { position: absolute; bottom: -3rem; right: 0; width: 55%; border: 10px solid var(--warm-white); box-shadow: 0 20px 50px rgba(0,0,0,0.15); }
.about-content {}
.section-tag { display: flex; align-items: center; gap: 1rem; font-size: 0.8rem; font-weight: 600; color: var(--terracotta); text-transform: uppercase; letter-spacing: 2px; margin-bottom: 1.5rem; }
.section-tag::before { content: ''; width: 30px; height: 1px; background: var(--terracotta); }
.about-content h2 { font-size: 3rem; margin-bottom: 2rem; line-height: 1.2; font-weight: 500; }
.about-content p { color: var(--text-light); margin-bottom: 1.5rem; font-size: 1.05rem; }
.about-features { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; margin: 2.5rem 0; }
.feature-item { display: flex; align-items: flex-start; gap: 1rem; }
.feature-icon { width: 50px; height: 50px; background: var(--sand); display: flex; align-items: center; justify-content: center; color: var(--sage-dark); font-size: 1.2rem; flex-shrink: 0; }
.feature-item h5 { font-size: 1.05rem; margin-bottom: 0.3rem; font-family: 'Jost', sans-serif; font-weight: 600; }
.feature-item p { font-size: 0.9rem; color: var(--text-light); }
/* Services */
.services { padding: 8rem 0; background: var(--cream); }
.section-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 4rem; }
.section-header-left {}
.section-header h2 { font-size: 3rem; font-weight: 500; }
.section-header p { color: var(--text-light); font-size: 1.1rem; margin-top: 0.8rem; max-width: 500px; }
.view-all { display: flex; align-items: center; gap: 0.5rem; font-weight: 600; color: var(--sage-dark); transition: gap 0.3s; }
.view-all:hover { gap: 1rem; }
.services-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; }
.service-card { background: var(--warm-white); transition: all 0.4s; }
.service-card:hover { transform: translateY(-10px); box-shadow: 0 20px 50px rgba(0,0,0,0.1); }
.service-img { height: 280px; overflow: hidden; }
.service-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.service-card:hover .service-img img { transform: scale(1.08); }
.service-body { padding: 2rem; }
.service-body span { font-size: 0.8rem; color: var(--terracotta); font-weight: 600; text-transform: uppercase; letter-spacing: 1px; }
.service-body h3 { font-size: 1.5rem; margin: 0.8rem 0; font-weight: 500; }
.service-body p { font-size: 0.95rem; color: var(--text-light); line-height: 1.7; }
/* Process */
.process { padding: 8rem 0; background: var(--charcoal); color: #fff; }
.process .section-tag { color: var(--sand); }
.process .section-tag::before { background: var(--sand); }
.process h2 { color: #fff; text-align: center; font-size: 3rem; margin-bottom: 4rem; font-weight: 500; }
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; }
.process-card { text-align: center; padding: 2.5rem 2rem; border: 1px solid rgba(255,255,255,0.1); transition: all 0.3s; position: relative; }
.process-card:hover { background: rgba(255,255,255,0.05); border-color: var(--terracotta); }
.process-num { font-family: 'Cormorant Garamond', serif; font-size: 4rem; color: var(--terracotta); opacity: 0.4; line-height: 1; margin-bottom: 1rem; }
.process-card h4 { font-size: 1.4rem; color: #fff; margin-bottom: 1rem; font-weight: 500; }
.process-card p { font-size: 0.95rem; color: rgba(255,255,255,0.7); line-height: 1.7; }
/* Testimonials */
.testimonials { padding: 8rem 0; background: var(--warm-white); }
.testimonial-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; }
.testimonial-card { background: var(--cream); padding: 3rem; position: relative; }
.testimonial-card::before { content: '"'; font-family: 'Cormorant Garamond', serif; font-size: 8rem; color: var(--sand); position: absolute; top: 0; left: 2rem; line-height: 1; }
.testimonial-text { position: relative; z-index: 1; font-size: 1.15rem; font-style: italic; line-height: 1.9; margin-bottom: 2rem; color: var(--text); }
.testimonial-author { display: flex; align-items: center; gap: 1rem; }
.author-img { width: 60px; height: 60px; border-radius: 50%; overflow: hidden; }
.author-img img { width: 100%; height: 100%; object-fit: cover; }
.author-info h5 { font-size: 1.1rem; margin-bottom: 0.2rem; font-family: 'Jost', sans-serif; font-weight: 600; }
.author-info span { font-size: 0.85rem; color: var(--text-light); }
.stars { color: var(--terracotta); margin-top: 0.4rem; font-size: 0.85rem; }
/* CTA */
.cta { padding: 6rem 0; background: var(--sage); }
.cta-inner { display: flex; justify-content: space-between; align-items: center; }
.cta h2 { font-size: 2.8rem; color: #fff; font-weight: 500; max-width: 500px; line-height: 1.3; }
.cta .btn { background: var(--warm-white); color: var(--sage-dark); }
.cta .btn:hover { background: var(--terracotta); color: #fff; }
/* Contact */
.contact { padding: 8rem 0; background: var(--cream); }
.contact-grid { display: grid; grid-template-columns: 1fr 1.3fr; gap: 5rem; }
.contact-info h2 { font-size: 2.8rem; margin-bottom: 1.5rem; font-weight: 500; }
.contact-info > p { color: var(--text-light); margin-bottom: 3rem; font-size: 1.05rem; }
.contact-list { display: flex; flex-direction: column; gap: 2rem; }
.contact-item { display: flex; align-items: flex-start; gap: 1.5rem; }
.contact-icon { width: 55px; height: 55px; background: var(--sage); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 1.2rem; }
.contact-item h5 { font-size: 1rem; margin-bottom: 0.3rem; font-family: 'Jost', sans-serif; font-weight: 600; }
.contact-item p { font-size: 0.95rem; color: var(--text-light); }
.contact-form { background: var(--warm-white); padding: 3rem; box-shadow: 0 15px 50px rgba(0,0,0,0.08); }
.contact-form h3 { font-size: 1.8rem; margin-bottom: 2rem; text-align: center; font-weight: 500; }
.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: 500; margin-bottom: 0.5rem; font-size: 0.95rem; }
.form-group input, .form-group select, .form-group textarea { width: 100%; padding: 1rem 1.2rem; border: 1px solid var(--sand); background: var(--cream); font-family: inherit; font-size: 1rem; transition: all 0.3s; }
.form-group input:focus, .form-group select:focus, .form-group textarea:focus { outline: none; border-color: var(--sage); background: #fff; }
.form-group textarea { min-height: 120px; resize: vertical; }
.submit-btn { width: 100%; padding: 1.2rem; background: var(--sage); color: #fff; border: none; font-weight: 600; font-size: 1rem; cursor: pointer; transition: all 0.3s; }
.submit-btn:hover { background: var(--sage-dark); }
/* Footer */
.footer { background: var(--charcoal); color: #fff; padding: 5rem 0 2rem; }
.footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 4rem; margin-bottom: 4rem; }
.footer-brand .logo { color: #fff; margin-bottom: 1.5rem; display: block; }
.footer-brand p { color: rgba(255,255,255,0.7); font-size: 0.95rem; line-height: 1.8; margin-bottom: 1.5rem; }
.footer-social { display: flex; gap: 1rem; }
.footer-social a { width: 45px; height: 45px; border: 1px solid rgba(255,255,255,0.2); display: flex; align-items: center; justify-content: center; transition: all 0.3s; }
.footer-social a:hover { background: var(--terracotta); border-color: var(--terracotta); }
.footer h4 { font-size: 1.2rem; margin-bottom: 1.5rem; color: #fff; font-weight: 500; }
.footer-links { list-style: none; }
.footer-links li { margin-bottom: 0.8rem; }
.footer-links a { color: rgba(255,255,255,0.7); font-size: 0.95rem; transition: all 0.3s; }
.footer-links a:hover { color: var(--terracotta); padding-left: 5px; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,0.1); padding-top: 2rem; display: flex; justify-content: space-between; font-size: 0.9rem; color: rgba(255,255,255,0.5); }
/* Responsive */
@media (max-width: 1200px) {
.services-grid { grid-template-columns: repeat(2, 1fr); }
.footer-grid { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 992px) {
.hero { grid-template-columns: 1fr; }
.hero-content { padding: 8rem 2rem 4rem; order: 2; }
.hero-image { height: 50vh; order: 1; }
.hero-badge { display: none; }
.about-grid, .contact-grid { grid-template-columns: 1fr; gap: 4rem; }
.about-images { max-width: 500px; }
.section-header { flex-direction: column; align-items: flex-start; gap: 1.5rem; }
.process-grid { grid-template-columns: 1fr 1fr; }
.cta-inner { flex-direction: column; text-align: center; gap: 2rem; }
}
@media (max-width: 768px) {
.mobile-btn { display: block; }
.nav-links, .nav-cta { display: none; }
.services-grid, .process-grid, .testimonial-grid { grid-template-columns: 1fr; }
.about-features, .form-row { grid-template-columns: 1fr; }
.about-img-2 { position: static; width: 100%; margin-top: 1rem; border: none; }
.footer-grid { grid-template-columns: 1fr; gap: 2rem; }
.footer-bottom { flex-direction: column; text-align: center; gap: 1rem; }
.floating-contact { bottom: 1rem; right: 1rem; }
.float-btn { width: 50px; height: 50px; font-size: 1.1rem; }
}
</style>
</head>
<body>
<!-- Floating Contact -->
<div class="floating-contact">
<a href="https://wa.me/919876543210" class="float-btn float-whatsapp"><i class="fab fa-whatsapp"></i></a>
<a href="tel:+919876543210" class="float-btn float-phone"><i class="fas fa-phone"></i></a>
</div>
<!-- Navbar -->
<nav class="navbar">
<div class="container nav-inner">
<a href="#" class="logo">VEDANTA</a>
<ul class="nav-links">
<li><a href="#about">About</a></li>
<li><a href="#services">Therapies</a></li>
<li><a href="#process">Process</a></li>
<li><a href="#testimonials">Reviews</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<a href="#contact" class="nav-cta">Book Consultation</a>
<button class="mobile-btn"><i class="fas fa-bars"></i></button>
</div>
</nav>
<!-- Hero -->
<section class="hero">
<div class="hero-content">
<span class="hero-tag">Holistic Wellness Center</span>
<h1>Rediscover <em>Balance</em> Through Nature's Healing</h1>
<p class="hero-desc">Experience transformative wellness through our integrated approach combining Ayurveda, Yoga, and Naturopathy. Personalized treatments designed to restore your body's natural harmony.</p>
<div class="hero-btns">
<a href="#contact" class="btn btn-primary">Free Consultation <i class="fas fa-arrow-right"></i></a>
<a href="#services" class="btn btn-outline">Our Therapies</a>
</div>
</div>
<div class="hero-image">
<img src="https://images.unsplash.com/photo-1545389336-cf090694435e?w=1200" alt="Wellness healing">
<div class="hero-badge">
<h4>25+</h4>
<p>Years of Excellence</p>
</div>
</div>
</section>
<!-- Marquee -->
<div class="marquee-section">
<div class="marquee-track">
<span class="marquee-item"><i class="fas fa-leaf"></i> 100% Natural Treatments</span>
<span class="marquee-item"><i class="fas fa-certificate"></i> Certified Practitioners</span>
<span class="marquee-item"><i class="fas fa-users"></i> 15,000+ Clients Healed</span>
<span class="marquee-item"><i class="fas fa-heart"></i> Holistic Approach</span>
<span class="marquee-item"><i class="fas fa-shield-alt"></i> No Side Effects</span>
<span class="marquee-item"><i class="fas fa-star"></i> 98% Success Rate</span>
<span class="marquee-item"><i class="fas fa-leaf"></i> 100% Natural Treatments</span>
<span class="marquee-item"><i class="fas fa-certificate"></i> Certified Practitioners</span>
<span class="marquee-item"><i class="fas fa-users"></i> 15,000+ Clients Healed</span>
<span class="marquee-item"><i class="fas fa-heart"></i> Holistic Approach</span>
<span class="marquee-item"><i class="fas fa-shield-alt"></i> No Side Effects</span>
<span class="marquee-item"><i class="fas fa-star"></i> 98% Success Rate</span>
</div>
</div>
<!-- About -->
<section id="about" class="about">
<div class="container">
<div class="about-grid">
<div class="about-images">
<img src="https://images.unsplash.com/photo-1544161515-4ab6ce6db874?w=800" alt="Healing therapy" class="about-img-1">
<img src="https://images.unsplash.com/photo-1600334129128-685c5582fd35?w=600" alt="Natural medicine" class="about-img-2">
</div>
<div class="about-content">
<span class="section-tag">About Vedanta</span>
<h2>Where Ancient Wisdom Meets Modern Healing</h2>
<p>For over 25 years, Vedanta has been a sanctuary for those seeking authentic natural healing. Our integrated approach combines the best of Ayurveda, Yoga, and Naturopathy to address the root cause of health issues.</p>
<p>Every treatment is personalized to your unique constitution, ensuring deep, lasting transformation rather than temporary relief.</p>
<div class="about-features">
<div class="feature-item">
<div class="feature-icon"><i class="fas fa-spa"></i></div>
<div><h5>Ayurveda</h5><p>Ancient wisdom for modern wellness</p></div>
</div>
<div class="feature-item">
<div class="feature-icon"><i class="fas fa-om"></i></div>
<div><h5>Yoga Therapy</h5><p>Mind-body-spirit integration</p></div>
</div>
<div class="feature-item">
<div class="feature-icon"><i class="fas fa-leaf"></i></div>
<div><h5>Naturopathy</h5><p>Nature's healing power</p></div>
</div>
<div class="feature-item">
<div class="feature-icon"><i class="fas fa-heart"></i></div>
<div><h5>Holistic Care</h5><p>Complete wellness solutions</p></div>
</div>
</div>
<a href="#contact" class="btn btn-primary">Start Your Healing <i class="fas fa-arrow-right"></i></a>
</div>
</div>
</div>
</section>
<!-- Services -->
<section id="services" class="services">
<div class="container">
<div class="section-header">
<div class="section-header-left">
<span class="section-tag">Our Therapies</span>
<h2>Healing Treatments</h2>
<p>Discover our range of authentic therapies designed to restore balance and vitality.</p>
</div>
<a href="#contact" class="view-all">View All <i class="fas fa-arrow-right"></i></a>
</div>
<div class="services-grid">
<div class="service-card">
<div class="service-img"><img src="https://images.unsplash.com/photo-1519823551278-64ac92734fb1?w=600" alt="Panchakarma"></div>
<div class="service-body">
<span>Ayurveda</span>
<h3>Panchakarma Detox</h3>
<p>Complete body purification to eliminate toxins and restore natural balance.</p>
</div>
</div>
<div class="service-card">
<div class="service-img"><img src="https://images.unsplash.com/photo-1506126613408-eca07ce68773?w=600" alt="Yoga"></div>
<div class="service-body">
<span>Yoga</span>
<h3>Therapeutic Yoga</h3>
<p>Personalized yoga practices for stress relief, pain management, and healing.</p>
</div>
</div>
<div class="service-card">
<div class="service-img"><img src="https://images.unsplash.com/photo-1571019613454-1cb2f99b2d8b?w=600" alt="Massage"></div>
<div class="service-body">
<span>Massage</span>
<h3>Abhyanga Therapy</h3>
<p>Traditional warm oil massage for deep relaxation and tissue nourishment.</p>
</div>
</div>
<div class="service-card">
<div class="service-img"><img src="https://images.unsplash.com/photo-1490645935967-10de6ba17061?w=600" alt="Diet"></div>
<div class="service-body">
<span>Nutrition</span>
<h3>Diet Therapy</h3>
<p>Personalized nutrition plans based on your body type and health goals.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Process -->
<section id="process" class="process">
<div class="container">
<div class="section-tag" style="justify-content:center;">Your Healing Journey</div>
<h2>How We Transform Your Health</h2>
<div class="process-grid">
<div class="process-card">
<div class="process-num">01</div>
<h4>Consultation</h4>
<p>Comprehensive assessment of your health, lifestyle, and constitution.</p>
</div>
<div class="process-card">
<div class="process-num">02</div>
<h4>Diagnosis</h4>
<p>Traditional pulse diagnosis and modern evaluation techniques.</p>
</div>
<div class="process-card">
<div class="process-num">03</div>
<h4>Treatment</h4>
<p>Personalized therapy plan combining multiple healing modalities.</p>
</div>
<div class="process-card">
<div class="process-num">04</div>
<h4>Follow-up</h4>
<p>Ongoing support and lifestyle guidance for lasting wellness.</p>
</div>
</div>
</div>
</section>
<!-- Testimonials -->
<section id="testimonials" class="testimonials">
<div class="container">
<div class="section-header" style="margin-bottom:4rem;">
<div class="section-header-left">
<span class="section-tag">Success Stories</span>
<h2>What Our Clients Say</h2>
</div>
</div>
<div class="testimonial-grid">
<div class="testimonial-card">
<p class="testimonial-text">After struggling with chronic fatigue for years, the integrated treatment at Vedanta gave me my life back. The combination of Panchakarma and yoga therapy was truly transformative.</p>
<div class="testimonial-author">
<div class="author-img"><img src="https://randomuser.me/api/portraits/women/45.jpg" alt=""></div>
<div class="author-info">
<h5>Priya Sharma</h5>
<span>Chronic Fatigue Recovery</span>
<div class="stars"><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 class="testimonial-text">My diabetes was uncontrolled despite medication. The diet therapy and natural treatments helped me reduce my sugar levels naturally. I'm now medication-free!</p>
<div class="testimonial-author">
<div class="author-img"><img src="https://randomuser.me/api/portraits/men/32.jpg" alt=""></div>
<div class="author-info">
<h5>Rajesh Kumar</h5>
<span>Diabetes Management</span>
<div class="stars"><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">
<div class="cta-inner">
<h2>Ready to Begin Your Healing Journey?</h2>
<a href="#contact" class="btn">Book Free Consultation <i class="fas fa-arrow-right"></i></a>
</div>
</div>
</section>
<!-- Contact -->
<section id="contact" class="contact">
<div class="container contact-grid">
<div class="contact-info">
<span class="section-tag">Get In Touch</span>
<h2>Book Your Consultation</h2>
<p>Take the first step towards natural healing. Our experts will guide you on your path to wellness.</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 Wellness Road, Serenity Valley<br>Kerala, India - 695001</p></div>
</div>
<div class="contact-item">
<div class="contact-icon"><i class="fas fa-phone-alt"></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>care@vedantawellness.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</p></div>
</div>
</div>
</div>
<div class="contact-form">
<h3>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"></div>
<div class="form-group">
<label>Therapy Interest</label>
<select><option>Select Therapy</option><option>Panchakarma</option><option>Yoga Therapy</option><option>Naturopathy</option><option>Diet Consultation</option><option>General Wellness</option></select>
</div>
<div class="form-group"><label>Health Concerns</label><textarea placeholder="Describe 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">
<a href="#" class="logo">VEDANTA</a>
<p>Transforming lives through authentic natural healing since 1999. Your trusted partner for holistic 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>Therapies</h4><ul class="footer-links"><li><a href="#">Panchakarma</a></li><li><a href="#">Yoga Therapy</a></li><li><a href="#">Naturopathy</a></li><li><a href="#">Diet Therapy</a></li><li><a href="#">Massage</a></li></ul></div>
<div><h4>Quick Links</h4><ul class="footer-links"><li><a href="#about">About Us</a></li><li><a href="#services">Our Therapies</a></li><li><a href="#testimonials">Reviews</a></li><li><a href="#contact">Contact</a></li><li><a href="#">Blog</a></li></ul></div>
<div><h4>Contact</h4><ul class="footer-links"><li>123 Wellness Road</li><li>Kerala, India</li><li>+91 98765 43210</li><li>care@vedantawellness.com</li></ul></div>
</div>
<div class="footer-bottom">
<span>© 2026 Vedanta Wellness. All rights reserved.</span>
<span>Privacy Policy | Terms of Service</span>
</div>
</div>
</footer>
<script>
window.addEventListener('scroll', () => document.querySelector('.navbar').classList.toggle('scrolled', window.scrollY > 50));
document.querySelectorAll('a[href^="#"]').forEach(a => a.addEventListener('click', function(e) {
e.preventDefault();
const t = document.querySelector(this.getAttribute('href'));
if(t) window.scrollTo({top: t.offsetTop - 80, behavior: 'smooth'});
}));
document.getElementById('contactForm').addEventListener('submit', e => { e.preventDefault(); alert('Thank you! We will contact you within 24 hours.'); e.target.reset(); });
</script>
</body>
</html>