Gokulvarthan-Ramesh/megacurcumin_website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: complete MegaCurcumin website codebase with interactive consoles

Browse Source
This commit is contained in:
Gokulvarthan Ramesh
2026-09-18 11:57:38 +05:30
parent 1695dfa67c
commit 26e119f7ad
16 changed files with 11925 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
contact.html
+259
View File
@@ -0,0 +1,259 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us | Cure Select Healthcare - Partner With Us</title>
<meta name="description" content="Contact Cure Select Healthcare for MegaCurcumin™ partnerships, formulation samples, technical dossiers, or business inquiries.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/variables.css">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/components.css">
<link rel="stylesheet" href="css/animations.css">
<link rel="stylesheet" href="css/responsive.css">
</head>
<body>
<!-- Top Bar -->
<div class="top-bar">
<div class="container top-bar-inner">
<div class="top-bar-left">
<span class="top-bar-badge">MegaCurcumin™</span>
<span>Cure Select Healthcare • B2B Nutraceutical Innovation & Partnership</span>
</div>
<div class="top-bar-right">
<a href="mailto:info@cureselecthealthcare.com">info@cureselecthealthcare.com</a>
<a href="tel:+919876543210">+91 98765 43210</a>
</div>
</div>
</div>
<!-- Header -->
<header class="site-header">
<div class="container">
<nav class="navbar" aria-label="Main Navigation">
<a href="index.html" class="brand-logo">
<svg width="38" height="38" viewBox="0 0 40 40" fill="none">
<circle cx="20" cy="20" r="19" fill="#0B3B2C" stroke="#D97706" stroke-width="2"/>
<path d="M12 28C12 19.1634 19.1634 12 28 12C28 20.8366 20.8366 28 12 28Z" fill="#F59E0B" fill-opacity="0.9"/>
<path d="M14 26C18 20 22 16 26 14" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round"/>
</svg>
<div class="logo-text">
<span><strong class="brand-highlight">Cure Select</strong> <span class="brand-accent">Healthcare</span></span>
<span class="brand-sub">MegaCurcumin™</span>
</div>
</a>
<ul class="nav-menu">
<li><a href="index.html" class="nav-link">Home</a></li>
<li><a href="about.html" class="nav-link">About Us</a></li>
<li><a href="products.html" class="nav-link">Our Products</a></li>
<li><a href="innovation.html" class="nav-link">Innovation</a></li>
<li><a href="research-development.html" class="nav-link">Research & Development</a></li>
<li><a href="certifications.html" class="nav-link">Certifications</a></li>
<li><a href="contact.html" class="nav-link active">Contact Us</a></li>
</ul>
<div class="nav-actions">
<button class="btn btn-gold btn-sm" data-open-modal="partner">Request Sample</button>
<button class="mobile-toggle" aria-label="Toggle Menu">
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line></svg>
</button>
</div>
</nav>
</div>
</header>
<!-- Banner -->
<section class="section section-bg-dark" style="padding: 4.5rem 0; background: linear-gradient(135deg, rgba(6,35,28,0.95) 0%, rgba(11,59,44,0.9) 100%), url('images/hero-lab.jpg') center/cover no-repeat;">
<div class="container text-center">
<div class="section-kicker">Contact Us</div>
<h1 style="color: #fff; margin-bottom: 1.25rem;">Let's Start a Conversation</h1>
<p class="lead" style="max-width: 820px; margin: 0 auto; color: #cbd5e1;">
Have a product idea, partnership opportunity, or business enquiry? Our team would be happy to hear from you.
</p>
</div>
</section>
<!-- Main Contact Section with Form -->
<section class="section section-bg-white">
<div class="container">
<div class="split-layout" style="align-items: flex-start; gap: 4rem;">
<!-- Coordinates -->
<div>
<div class="section-kicker">Get In Touch</div>
<h2 class="section-title">Get In Touch</h2>
<p class="lead" style="color: var(--neutral-700);">
Our team works with companies looking to expand their product portfolios with science-driven MegaCurcumin™ solutions.
</p>
<div style="margin: 2rem 0; display: flex; flex-direction: column; gap: 1.25rem;">
<div class="contact-info-card">
<h4>
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--accent-500)" stroke-width="2"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"></path><circle cx="12" cy="10" r="3"></circle></svg>
Address
</h4>
<p style="color: var(--neutral-700); margin-bottom: 0.25rem;">Cure Select Healthcare Corporate Facility</p>
<span style="font-size: 0.85rem; color: var(--primary-700); font-weight: 700;">Headquarters & Formulation Center</span>
</div>
<div class="contact-info-card">
<h4>
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--accent-500)" stroke-width="2"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path></svg>
Phone
</h4>
<p style="color: var(--neutral-700); margin-bottom: 0;">+91 98765 43210</p>
</div>
<div class="contact-info-card">
<h4>
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--accent-500)" stroke-width="2"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"></path><polyline points="22,6 12,13 2,6"></polyline></svg>
Email
</h4>
<p style="color: var(--neutral-700); margin-bottom: 0;">info@cureselecthealthcare.com</p>
</div>
</div>
</div>
<!-- Contact Form Box -->
<div class="card" style="padding: 3rem 2.5rem; border-top: 4px solid var(--accent-500); box-shadow: var(--shadow-lg);">
<div style="margin-bottom: 2rem;">
<h3 style="font-size: 1.65rem; margin-bottom: 0.5rem;">Contact Form</h3>
<p style="font-size: 0.9rem; color: var(--neutral-600); margin-bottom: 0;">Send us your enquiry and our team will get in touch promptly.</p>
</div>
<form class="ajax-form" id="main-contact-form">
<div class="form-row">
<div class="form-group">
<label class="form-label" for="form-name">Full Name *</label>
<input type="text" id="form-name" class="form-input" placeholder="Your Name" required>
</div>
<div class="form-group">
<label class="form-label" for="form-company">Company Name *</label>
<input type="text" id="form-company" class="form-input" placeholder="Company Name" required>
</div>
</div>
<div class="form-row">
<div class="form-group">
<label class="form-label" for="form-email">Email Address *</label>
<input type="email" id="form-email" class="form-input" placeholder="name@company.com" required>
</div>
<div class="form-group">
<label class="form-label" for="form-phone">Phone Number</label>
<input type="tel" id="form-phone" class="form-input" placeholder="+91 98765 43210">
</div>
</div>
<div class="form-row">
<div class="form-group">
<label class="form-label" for="form-country">Country *</label>
<input type="text" id="form-country" class="form-input" placeholder="Country" required>
</div>
<div class="form-group">
<label class="form-label" for="form-interest">Area of Interest *</label>
<select id="form-interest" class="form-select" required>
<option value="">Select an area...</option>
<option value="MegaCurcumin Flagship Formulations">MegaCurcumin™ Flagship Solutions</option>
<option value="Digestive Health">Digestive Health</option>
<option value="Women's Wellness">Women's Wellness</option>
<option value="Cardiovascular Wellness">Cardiovascular Wellness</option>
<option value="Cognitive & Stress Support">Cognitive & Stress Support</option>
<option value="Joint & Mobility">Joint & Mobility</option>
<option value="Men's Wellness">Men's Wellness</option>
<option value="Other Partnership">Other Partnership</option>
</select>
</div>
</div>
<div class="form-group">
<label class="form-label" for="form-message">Message *</label>
<textarea id="form-message" class="form-textarea" placeholder="Your message..." required></textarea>
</div>
<button type="submit" class="btn btn-gold btn-lg" style="width: 100%;">
Send Enquiry
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z"/></svg>
</button>
</form>
</div>
</div>
</div>
</section>
<!-- FAQ Section -->
<section class="section section-bg-tint">
<div class="container" style="max-width: 900px;">
<div class="section-header">
<div class="section-kicker">Formulation FAQ</div>
<h2 class="section-title">Frequently Asked Questions</h2>
<p class="section-subtitle">Common queries from healthcare brands and partners.</p>
</div>
<div class="faq-accordion-container" style="display: flex; flex-direction: column; gap: 1rem;">
<div class="faq-accordion-item active">
<button class="faq-accordion-trigger" aria-expanded="true">
<span>What makes MegaCurcumin™ different from standard 95% turmeric extract?</span>
<svg class="faq-chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"/></svg>
</button>
<div class="faq-accordion-content" style="max-height: 200px;">
<p>Standard 95% curcumin extract dissolves at only ~11 ng/mL in water and is rapidly metabolized in the gut, resulting in near-zero free curcumin in human blood. MegaCurcumin™ utilizes scientifically proven formulation technologies (liquid micelles, phytosomes, nanoparticles, and cyclodextrins) to overcome this barrier, achieving up to 29x higher plasma free curcumin.</p>
</div>
</div>
<div class="faq-accordion-item">
<button class="faq-accordion-trigger" aria-expanded="false">
<span>Can I request pilot formulation samples of MegaCurcumin™?</span>
<svg class="faq-chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"/></svg>
</button>
<div class="faq-accordion-content">
<p>Yes. Cure Select Healthcare supplies pilot-scale evaluation samples (100g – 500g) with matching Certificates of Analysis (COA) for qualified healthcare and wellness brands looking to evaluate formulation stability and organoleptic qualities.</p>
</div>
</div>
<div class="faq-accordion-item">
<button class="faq-accordion-trigger" aria-expanded="false">
<span>Does MegaCurcumin™ use synthetic piperine (black pepper) to boost absorption?</span>
<svg class="faq-chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"/></svg>
</button>
<div class="faq-accordion-content">
<p>No. While piperine inhibits liver glucuronidation enzymes, it can cause drug-interaction risks. MegaCurcumin™ enhances absorption through natural physical micellar and phospholipid delivery systems, delivering pure free curcumin without synthetic enzyme blockers.</p>
</div>
</div>
<div class="faq-accordion-item">
<button class="faq-accordion-trigger" aria-expanded="false">
<span>What dosage formats are available for MegaCurcumin™?</span>
<svg class="faq-chevron" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"/></svg>
</button>
<div class="faq-accordion-content">
<p>MegaCurcumin™ is engineered for versatile formulation into two-piece capsules, tablets, clear functional beverages, effervescent drink tabs, gummies, and liquid stick-packs with zero precipitation or bitter aftertaste.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="site-footer">
<div class="container">
<div class="footer-bottom">
<div>© <script>document.write(new Date().getFullYear())</script> Cure Select Healthcare. All Rights Reserved.</div>
<div class="footer-bottom-links">
<a href="index.html">Home</a>
<a href="about.html">About Us</a>
<a href="products.html">Products</a>
<a href="contact.html">Contact</a>
</div>
</div>
</div>
</footer>
<script src="js/data.js"></script>
<script src="js/main.js"></script>
</body>
</html>