Compare commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
8c4551cbe9 | ||
|
|
e406087676 | ||
|
|
7712492995 | ||
|
|
d1fa7004b2 | ||
|
|
01866d6535 | ||
|
|
8433a9f134 | ||
|
|
5fe83a5404 | ||
|
|
959eeefd3a | ||
|
|
528ca427c9 | ||
|
|
0674617e9e | ||
|
|
ed7016c8f9 | ||
|
|
b430ce647a | ||
|
|
add4764cb8 | ||
|
|
a144f3e369 | ||
|
|
4ccdfafc92 | ||
|
|
fbd784c0d5 | ||
|
|
37fbd19337 | ||
|
|
7403d8650b | ||
|
|
26e119f7ad |
@@ -0,0 +1,4 @@
|
||||
node_modules/
|
||||
.DS_Store
|
||||
Thumbs.db
|
||||
*.log
|
||||
@@ -0,0 +1,249 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>About Us | Alovedic - Home of MegaCurcumin</title>
|
||||
<meta name="description" content="Discover MegaCurcumin, our mission, vision, and scientifically driven approach behind MegaCurcumin and advanced nutraceutical solutions.">
|
||||
<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>Alovedic • Scientifically Driven Nutraceutical Solutions</span>
|
||||
</div>
|
||||
<div class="top-bar-right">
|
||||
<a href="mailto:info@alovedic.com">info@alovedic.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">Alovedic</strong></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 active">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">Contact Us</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="nav-actions">
|
||||
<a href="contact.html" class="btn btn-gold btn-sm">Partner With Us</a>
|
||||
<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">About Us</div>
|
||||
<h1 style="color: #fff; margin-bottom: 1.25rem;">Building the Future of Nutraceutical Innovation</h1>
|
||||
<p class="lead" style="max-width: 780px; margin: 0 auto; color: #cbd5e1;">
|
||||
We are an innovation-focused nutraceutical company dedicated to developing scientifically driven solutions for modern health and wellness needs.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Philosophy & Story -->
|
||||
<section class="section section-bg-white">
|
||||
<div class="container">
|
||||
<div class="split-layout">
|
||||
<div>
|
||||
<div class="section-kicker">Our Philosophy</div>
|
||||
<h2 class="section-title">Innovation Should Improve Lives</h2>
|
||||
<p class="lead" style="color: var(--primary-800);">
|
||||
We bring together science, nature, technology, and industry expertise to develop products that are meaningful, scalable, and commercially relevant.
|
||||
</p>
|
||||
<p>
|
||||
Our flagship brand, <strong>MegaCurcumin</strong>, was born from a fundamental scientific insight: standard raw curcumin dissolves at only ~11 ng/mL in water and has poor systemic absorption in humans.
|
||||
</p>
|
||||
<p>
|
||||
At Alovedic, we harness formulation-based approaches with proven human evidence—liquid micelles, phospholipid complexes, nanoparticle engineering, and cyclodextrin dispersions—to deliver real, reproducible health outcomes.
|
||||
</p>
|
||||
<p>
|
||||
Our goal is to create long-term value for our customers, partners, and the people who ultimately use our products.
|
||||
</p>
|
||||
|
||||
<div style="margin-top: 2rem; display: flex; gap: 1rem; flex-wrap: wrap;">
|
||||
<a href="products.html" class="btn btn-primary">Explore MegaCurcumin Formulations</a>
|
||||
<a href="contact.html" class="btn btn-outline">Partner With Us</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="split-image-wrapper">
|
||||
<img src="images/botanical-science.jpg" alt="Botanical turmeric meeting laboratory science at MegaCurcumin" loading="lazy">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Mission & Vision -->
|
||||
<section class="section section-bg-tint">
|
||||
<div class="container">
|
||||
<div class="grid grid-2" style="gap: 2rem;">
|
||||
<!-- Mission Console (Deep Emerald Obsidian) -->
|
||||
<div class="about-mission-card reveal" style="padding: 2.75rem 2.25rem;">
|
||||
<div>
|
||||
<div class="console-header-row">
|
||||
<span class="console-chip emerald">
|
||||
<span style="width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;"></span>
|
||||
MISSION DIRECTIVE
|
||||
</span>
|
||||
<div class="console-icon-box emerald">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<circle cx="12" cy="12" r="10"></circle>
|
||||
<polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"></polygon>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<h2 class="console-title" style="font-size: 1.75rem; margin-bottom: 0.85rem;">Our Mission</h2>
|
||||
<p class="console-desc" style="font-size: 1rem; line-height: 1.75;">
|
||||
To develop innovative, high-quality, and scientifically driven nutritional solutions that contribute to healthier lives and create lasting value for our partners.
|
||||
</p>
|
||||
</div>
|
||||
<div class="console-footer-tag emerald" style="font-size: 0.8rem; padding-top: 1.25rem;">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"></path>
|
||||
<path d="M9 12l2 2 4-4"></path>
|
||||
</svg>
|
||||
<span>Human Health & Partner Value Impact</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Vision Console (Deep Amber Curcumin Obsidian) -->
|
||||
<div class="about-vision-card reveal reveal-delay-1" style="padding: 2.75rem 2.25rem;">
|
||||
<div>
|
||||
<div class="console-header-row">
|
||||
<span class="console-chip amber">
|
||||
<span style="width:6px;height:6px;border-radius:50%;background:#f59e0b;box-shadow:0 0 8px #f59e0b;"></span>
|
||||
GLOBAL HORIZON
|
||||
</span>
|
||||
<div class="console-icon-box amber">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<circle cx="12" cy="12" r="10"></circle>
|
||||
<line x1="2" y1="12" x2="22" y2="12"></line>
|
||||
<path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"></path>
|
||||
</svg>
|
||||
</div>
|
||||
</div>
|
||||
<h2 class="console-title" style="font-size: 1.75rem; margin-bottom: 0.85rem;">Our Vision</h2>
|
||||
<p class="console-desc" style="font-size: 1rem; line-height: 1.75;">
|
||||
To become a globally recognized innovation partner in nutraceutical and wellness solutions by continuously advancing science, technology, and product development.
|
||||
</p>
|
||||
</div>
|
||||
<div class="console-footer-tag amber" style="font-size: 0.8rem; padding-top: 1.25rem;">
|
||||
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
||||
<circle cx="12" cy="12" r="10"></circle>
|
||||
<polygon points="12 8 8 12 12 16 16 12 12 8"></polygon>
|
||||
</svg>
|
||||
<span>Global Innovation Leadership</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Quality Focus Summary -->
|
||||
<section class="section section-bg-white">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<div class="section-kicker">Quality Focus</div>
|
||||
<h2 class="section-title">Committed to Quality at Every Step</h2>
|
||||
<p class="section-subtitle">Operating from our dedicated manufacturing and quality control facility under strict standards.</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-3">
|
||||
<div class="card" style="text-align: center;">
|
||||
<div class="quality-icon-circle">
|
||||
<svg viewBox="0 0 24 24"><path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"/></svg>
|
||||
</div>
|
||||
<h4>Quality Ingredients</h4>
|
||||
<p style="font-size: 0.88rem; color: var(--neutral-600);">Rigorous screening and botanical verification of all input raw materials.</p>
|
||||
</div>
|
||||
<div class="card" style="text-align: center;">
|
||||
<div class="quality-icon-circle">
|
||||
<svg viewBox="0 0 24 24"><path d="M9 3v4M15 3v4M9 5h6M6 14h12l-1.5 7h-9L6 14zM10 10a2 2 0 1 0 4 0 2 2 0 0 0-4 0z"/></svg>
|
||||
</div>
|
||||
<h4>Scientific Validation</h4>
|
||||
<p style="font-size: 0.88rem; color: var(--neutral-600);">Human evidence-based delivery methods guaranteeing measurable bio-efficacy.</p>
|
||||
</div>
|
||||
<div class="card" style="text-align: center;">
|
||||
<div class="quality-icon-circle">
|
||||
<svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
|
||||
</div>
|
||||
<h4>Controlled Processes</h4>
|
||||
<p style="font-size: 0.88rem; color: var(--neutral-600);">Validated cGMP protocols and continuous quality assurance monitoring.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA Banner -->
|
||||
<section class="section section-bg-white">
|
||||
<div class="container">
|
||||
<div class="partner-banner">
|
||||
<div class="partner-banner-content">
|
||||
<h2>Let's Build the Next Generation of Health Solutions</h2>
|
||||
<p>Looking for innovative nutraceutical ingredients or differentiated product concepts? Alovedic works with partners looking to expand their portfolios.</p>
|
||||
<div class="partner-banner-actions">
|
||||
<a href="contact.html" class="btn btn-gold btn-lg">Become a Partner</a>
|
||||
<a href="products.html" class="btn btn-outline-white btn-lg">Explore Our Products</a>
|
||||
</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> Alovedic. All Rights Reserved.</div>
|
||||
<div class="footer-bottom-links">
|
||||
<a href="index.html">Home</a>
|
||||
<a href="products.html">Products</a>
|
||||
<a href="innovation.html">Innovation</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>
|
||||
@@ -0,0 +1,229 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Certifications & Quality | Alovedic - MegaCurcumin</title>
|
||||
<meta name="description" content="View quality accreditations and certifications for MegaCurcumin and MegaCurcumin: FDA Registration, WHO-cGMP, ISO 22000, Non-GMO, Halal, and Kosher.">
|
||||
<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">Quality Assurance</span>
|
||||
<span>Alovedic • Recognized for Innovation & Excellence</span>
|
||||
</div>
|
||||
<div class="top-bar-right">
|
||||
<a href="mailto:info@alovedic.com">info@alovedic.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">Alovedic</strong></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 active">Certifications</a></li>
|
||||
<li><a href="contact.html" class="nav-link">Contact Us</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="nav-actions">
|
||||
<button class="btn btn-gold btn-sm" data-open-modal="partner">Request Audits</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">Certifications / Awards</div>
|
||||
<h1 style="color: #fff; margin-bottom: 1.25rem;">Recognized for Innovation & Excellence</h1>
|
||||
<p class="lead" style="max-width: 820px; margin: 0 auto; color: #cbd5e1;">
|
||||
Validated through rigorous third-party audits, international registrations, and quality accreditations ensuring safety, consistency, and compliance.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Certifications Grid -->
|
||||
<section class="section section-bg-white">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<div class="section-kicker">Accreditations</div>
|
||||
<h2 class="section-title">Verified Quality Accreditations</h2>
|
||||
<p class="section-subtitle">Meeting exacting standards across nutraceutical, dietary, and functional formulation categories.</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-3">
|
||||
<div class="cert-card">
|
||||
<div class="cert-badge-circle">
|
||||
<svg viewBox="0 0 24 24"><rect x="3" y="10" width="18" height="11" rx="2"/><path d="M12 2L2 7h20L12 2z"/><line x1="7" y1="10" x2="7" y2="21"/><line x1="12" y1="10" x2="12" y2="21"/><line x1="17" y1="10" x2="17" y2="21"/></svg>
|
||||
</div>
|
||||
<h4>FDA Registered Facility</h4>
|
||||
<div class="cert-auth">Regulatory Standard</div>
|
||||
<p>Operating under strict compliance with 21 CFR Part 111 cGMP regulations for dietary supplement manufacturing.</p>
|
||||
</div>
|
||||
|
||||
<div class="cert-card">
|
||||
<div class="cert-badge-circle">
|
||||
<svg viewBox="0 0 24 24"><circle cx="12" cy="8" r="6"/><path d="M15.477 12.89L17 22l-5-3-5 3 1.523-9.11"/></svg>
|
||||
</div>
|
||||
<h4>WHO-cGMP Certified</h4>
|
||||
<div class="cert-auth">Quality Management</div>
|
||||
<p>Pharma-grade cleanrooms, automated environmental controls, and validated quality systems.</p>
|
||||
</div>
|
||||
|
||||
<div class="cert-card">
|
||||
<div class="cert-badge-circle">
|
||||
<svg viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg>
|
||||
</div>
|
||||
<h4>ISO 22000 Certified</h4>
|
||||
<div class="cert-auth">Food Safety Standard</div>
|
||||
<p>Comprehensive food safety management systems and risk controls across all production steps.</p>
|
||||
</div>
|
||||
|
||||
<div class="cert-card">
|
||||
<div class="cert-badge-circle">
|
||||
<svg viewBox="0 0 24 24"><path d="M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z"/><path d="M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12"/></svg>
|
||||
</div>
|
||||
<h4>Non-GMO Project Verified</h4>
|
||||
<div class="cert-auth">Botanical Purity</div>
|
||||
<p>Rigorous testing ensuring 100% natural, genetically non-modified botanical raw materials.</p>
|
||||
</div>
|
||||
|
||||
<div class="cert-card">
|
||||
<div class="cert-badge-circle">
|
||||
<svg viewBox="0 0 24 24"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
|
||||
</div>
|
||||
<h4>USP & EP Monograph Compliant</h4>
|
||||
<div class="cert-auth">Pharmacopeial Standards</div>
|
||||
<p>Exceeding international chemical purity and safety thresholds for residual solvents and heavy metals.</p>
|
||||
</div>
|
||||
|
||||
<div class="cert-card">
|
||||
<div class="cert-badge-circle">
|
||||
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
|
||||
</div>
|
||||
<h4>Halal & Kosher Certified</h4>
|
||||
<div class="cert-auth">Dietary Compliance</div>
|
||||
<p>Alcohol-free processing compliant with international religious dietary standards worldwide.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Quality Focus Section -->
|
||||
<section class="section section-bg-tint">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<div class="section-kicker">Committed to Quality</div>
|
||||
<h2 class="section-title">Committed to Quality</h2>
|
||||
<p class="section-subtitle">
|
||||
Quality is integrated into every stage of our product-development process. From ingredient selection and formulation to validation and commercialization, we maintain a strong focus on consistency, safety, reliability, and performance.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-2">
|
||||
<div class="card">
|
||||
<h4 style="color: var(--primary-900); margin-bottom: 0.75rem; display: flex; align-items: center; gap: 8px;">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--primary-600)" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
Quality Ingredients
|
||||
</h4>
|
||||
<p style="color: var(--neutral-600); margin-bottom: 0;">Carefully selected natural ingredients and authenticated Curcuma longa inputs with complete agricultural traceability.</p>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h4 style="color: var(--primary-900); margin-bottom: 0.75rem; display: flex; align-items: center; gap: 8px;">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--primary-600)" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
Scientific Validation
|
||||
</h4>
|
||||
<p style="color: var(--neutral-600); margin-bottom: 0;">Formulation-based approaches backed by human clinical evidence: micellar, phytosome, nanoparticle, and cyclodextrin platforms.</p>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h4 style="color: var(--primary-900); margin-bottom: 0.75rem; display: flex; align-items: center; gap: 8px;">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--primary-600)" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
Controlled Processes
|
||||
</h4>
|
||||
<p style="color: var(--neutral-600); margin-bottom: 0;">Green, food-grade processing without toxic synthetic petrochemical solvents or harsh adulterants.</p>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h4 style="color: var(--primary-900); margin-bottom: 0.75rem; display: flex; align-items: center; gap: 8px;">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--primary-600)" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
Product Consistency
|
||||
</h4>
|
||||
<p style="color: var(--neutral-600); margin-bottom: 0;">Standardized to consistent active curcuminoid profiles batch after batch with guaranteed shelf-life stability.</p>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h4 style="color: var(--primary-900); margin-bottom: 0.75rem; display: flex; align-items: center; gap: 8px;">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--primary-600)" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
Regulatory Alignment
|
||||
</h4>
|
||||
<p style="color: var(--neutral-600); margin-bottom: 0;">Complete technical dossiers, testing documentation, and quality specifications ready for regulatory evaluation.</p>
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
<h4 style="color: var(--primary-900); margin-bottom: 0.75rem; display: flex; align-items: center; gap: 8px;">
|
||||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--primary-600)" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
Continuous Improvement
|
||||
</h4>
|
||||
<p style="color: var(--neutral-600); margin-bottom: 0;">Continuous optimization of delivery technologies, bioavailability metrics, and dissolution profiles.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="site-footer">
|
||||
<div class="container">
|
||||
<div class="footer-bottom">
|
||||
<div>© <script>document.write(new Date().getFullYear())</script> Alovedic. 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>
|
||||
@@ -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 | Alovedic - Partner With Us</title>
|
||||
<meta name="description" content="Contact Alovedic for Alovedic 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>Alovedic • B2B Nutraceutical Innovation & Partnership</span>
|
||||
</div>
|
||||
<div class="top-bar-right">
|
||||
<a href="mailto:info@alovedic.com">info@alovedic.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">Alovedic</strong></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;">Alovedic 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@alovedic.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. Alovedic 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> Alovedic. 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>
|
||||
@@ -0,0 +1,61 @@
|
||||
/* ===================================================================
|
||||
CurcuVance BioSciences - Micro-Animations & Keyframes
|
||||
=================================================================== */
|
||||
|
||||
@keyframes pulseGlow {
|
||||
0%, 100% {
|
||||
box-shadow: 0 0 15px rgba(245, 158, 11, 0.25);
|
||||
}
|
||||
50% {
|
||||
box-shadow: 0 0 28px rgba(245, 158, 11, 0.55);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes floatGentle {
|
||||
0%, 100% {
|
||||
transform: translateY(0px);
|
||||
}
|
||||
50% {
|
||||
transform: translateY(-6px);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(16px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.animate-float {
|
||||
animation: floatGentle 4s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.animate-glow {
|
||||
animation: pulseGlow 3s ease-in-out infinite;
|
||||
}
|
||||
|
||||
.fade-in-entry {
|
||||
animation: fadeIn 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
|
||||
}
|
||||
|
||||
/* Scroll reveal utility classes */
|
||||
.reveal {
|
||||
opacity: 0;
|
||||
transform: translateY(24px);
|
||||
transition: opacity 0.7s cubic-bezier(0.16, 1, 0.3, 1), transform 0.7s cubic-bezier(0.16, 1, 0.3, 1);
|
||||
}
|
||||
|
||||
.reveal.active {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.reveal-delay-1 { transition-delay: 0.1s; }
|
||||
.reveal-delay-2 { transition-delay: 0.2s; }
|
||||
.reveal-delay-3 { transition-delay: 0.3s; }
|
||||
.reveal-delay-4 { transition-delay: 0.4s; }
|
||||
@@ -0,0 +1,374 @@
|
||||
/* ===================================================================
|
||||
CurcuVance BioSciences - Base Styles & Reset
|
||||
=================================================================== */
|
||||
|
||||
*, *::before, *::after {
|
||||
box-sizing: border-box;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 16px;
|
||||
scroll-behavior: smooth;
|
||||
scroll-padding-top: 86px;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
html {
|
||||
scroll-behavior: auto;
|
||||
}
|
||||
}
|
||||
|
||||
/* Global Sleek Custom Scrollbar */
|
||||
::-webkit-scrollbar {
|
||||
width: 9px;
|
||||
height: 9px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: #f1f5f9;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: #cbd5e1;
|
||||
border-radius: 9999px;
|
||||
border: 2px solid #f1f5f9;
|
||||
transition: background 0.2s ease;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: #10b981;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: var(--font-body);
|
||||
color: var(--neutral-800);
|
||||
background-color: var(--neutral-50);
|
||||
line-height: 1.65;
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
/* Typography */
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
font-family: var(--font-heading);
|
||||
color: var(--neutral-900);
|
||||
font-weight: 700;
|
||||
line-height: 1.25;
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: clamp(2.25rem, 4vw + 1rem, 3.75rem);
|
||||
font-weight: 800;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: clamp(1.85rem, 2.5vw + 1rem, 2.75rem);
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: clamp(1.35rem, 1.5vw + 0.75rem, 1.75rem);
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
p.lead {
|
||||
font-size: 1.15rem;
|
||||
line-height: 1.7;
|
||||
color: var(--neutral-700);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--primary-700);
|
||||
text-decoration: none;
|
||||
transition: color var(--transition-fast);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--primary-600);
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Layout Containers */
|
||||
.container {
|
||||
width: 100%;
|
||||
max-width: var(--container-max);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding-left: var(--spacing-lg);
|
||||
padding-right: var(--spacing-lg);
|
||||
}
|
||||
|
||||
.container-wide {
|
||||
width: 100%;
|
||||
max-width: var(--container-wide);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding-left: var(--spacing-lg);
|
||||
padding-right: var(--spacing-lg);
|
||||
}
|
||||
|
||||
/* Sections */
|
||||
.section {
|
||||
padding: var(--spacing-4xl) 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.section-sm {
|
||||
padding: var(--spacing-2xl) 0;
|
||||
}
|
||||
|
||||
.section-bg-white {
|
||||
background-color: #ffffff;
|
||||
border-top: 1px solid #e2e8f0;
|
||||
border-bottom: 1px solid #e2e8f0;
|
||||
}
|
||||
|
||||
.section-bg-tint {
|
||||
background-color: #f8fafc;
|
||||
border-top: 1px solid #e2e8f0;
|
||||
border-bottom: 1px solid #e2e8f0;
|
||||
}
|
||||
|
||||
.section-bg-warm-tint {
|
||||
background: linear-gradient(180deg, #faf7f2 0%, #f4efe6 100%);
|
||||
border-top: 1px solid #ede5d8;
|
||||
border-bottom: 1px solid #ede5d8;
|
||||
}
|
||||
|
||||
.section-bg-slate-tint {
|
||||
background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);
|
||||
border-top: 1px solid #e2e8f0;
|
||||
border-bottom: 1px solid #e2e8f0;
|
||||
}
|
||||
|
||||
.section-bg-dark {
|
||||
background: linear-gradient(135deg, #092c23 0%, #051914 100%);
|
||||
color: var(--neutral-100);
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.08);
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.section-bg-dark h2,
|
||||
.section-bg-dark h3,
|
||||
.section-bg-dark h4 {
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
.section-bg-dark .lead,
|
||||
.section-bg-dark p {
|
||||
color: var(--neutral-300);
|
||||
}
|
||||
|
||||
/* Section Headers */
|
||||
.section-header {
|
||||
text-align: center;
|
||||
max-width: 760px;
|
||||
margin: 0 auto var(--spacing-3xl);
|
||||
}
|
||||
|
||||
.section-header.text-left {
|
||||
text-align: left;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.section-kicker {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
font-family: var(--font-heading);
|
||||
font-size: 0.85rem;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.08em;
|
||||
color: var(--primary-700);
|
||||
background: var(--primary-100);
|
||||
padding: 0.35rem 0.9rem;
|
||||
border-radius: var(--radius-full);
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.section-bg-dark .section-kicker {
|
||||
background: rgba(245, 158, 11, 0.15);
|
||||
color: var(--accent-400);
|
||||
border: 1px solid rgba(245, 158, 11, 0.3);
|
||||
}
|
||||
|
||||
.section-title {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.section-subtitle {
|
||||
font-size: 1.125rem;
|
||||
color: var(--neutral-600);
|
||||
line-height: 1.65;
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
.btn {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 0.6rem;
|
||||
font-family: var(--font-heading);
|
||||
font-size: 0.95rem;
|
||||
font-weight: 600;
|
||||
padding: 0.85rem 1.65rem;
|
||||
border-radius: var(--radius-md);
|
||||
cursor: pointer;
|
||||
transition: all var(--transition-normal);
|
||||
border: 1px solid transparent;
|
||||
line-height: 1.2;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
background: linear-gradient(135deg, var(--primary-800) 0%, var(--primary-700) 100%);
|
||||
color: var(--white);
|
||||
box-shadow: 0 4px 12px rgba(11, 59, 44, 0.25);
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
background: linear-gradient(135deg, var(--primary-700) 0%, var(--primary-600) 100%);
|
||||
color: var(--white);
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 8px 18px rgba(11, 59, 44, 0.35);
|
||||
}
|
||||
|
||||
.btn-gold {
|
||||
background: linear-gradient(135deg, var(--accent-500) 0%, var(--accent-600) 100%);
|
||||
color: var(--neutral-950);
|
||||
box-shadow: 0 4px 14px rgba(245, 158, 11, 0.3);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.btn-gold:hover {
|
||||
background: linear-gradient(135deg, var(--accent-400) 0%, var(--accent-500) 100%);
|
||||
color: var(--neutral-950);
|
||||
transform: translateY(-2px);
|
||||
box-shadow: 0 8px 22px rgba(245, 158, 11, 0.45);
|
||||
}
|
||||
|
||||
.btn-outline {
|
||||
background: transparent;
|
||||
color: var(--primary-800);
|
||||
border: 1.5px solid var(--primary-700);
|
||||
}
|
||||
|
||||
.btn-outline:hover {
|
||||
background: var(--primary-100);
|
||||
color: var(--primary-900);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.btn-outline-white {
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
backdrop-filter: blur(8px);
|
||||
color: var(--white);
|
||||
border: 1.5px solid rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
.btn-outline-white:hover {
|
||||
background: var(--white);
|
||||
color: var(--primary-900);
|
||||
border-color: var(--white);
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.btn-sm {
|
||||
padding: 0.55rem 1.15rem;
|
||||
font-size: 0.85rem;
|
||||
}
|
||||
|
||||
.btn-lg {
|
||||
padding: 1.05rem 2.2rem;
|
||||
font-size: 1.05rem;
|
||||
}
|
||||
|
||||
/* Badges */
|
||||
.badge {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 0.35rem;
|
||||
font-size: 0.75rem;
|
||||
font-weight: 700;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
padding: 0.25rem 0.65rem;
|
||||
border-radius: var(--radius-sm);
|
||||
}
|
||||
|
||||
.badge-gold {
|
||||
background: var(--accent-100);
|
||||
color: var(--accent-900);
|
||||
border: 1px solid rgba(245, 158, 11, 0.3);
|
||||
}
|
||||
|
||||
.badge-green {
|
||||
background: var(--primary-100);
|
||||
color: var(--primary-800);
|
||||
border: 1px solid rgba(16, 82, 62, 0.2);
|
||||
}
|
||||
|
||||
.badge-blue {
|
||||
background: var(--science-blue-light);
|
||||
color: var(--science-blue);
|
||||
}
|
||||
|
||||
/* Grids */
|
||||
.grid {
|
||||
display: grid;
|
||||
gap: var(--spacing-xl);
|
||||
}
|
||||
|
||||
.grid-2 {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
.grid-3 {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
|
||||
.grid-4 {
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
.grid-4 { grid-template-columns: repeat(2, 1fr); }
|
||||
.grid-3 { grid-template-columns: repeat(2, 1fr); }
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.grid-4, .grid-3, .grid-2 { grid-template-columns: 1fr; }
|
||||
.section { padding: var(--spacing-2xl) 0; }
|
||||
}
|
||||
|
||||
/* Card base */
|
||||
.card {
|
||||
background: var(--white);
|
||||
border-radius: var(--radius-lg);
|
||||
border: 1px solid var(--neutral-200);
|
||||
padding: var(--spacing-xl);
|
||||
transition: all var(--transition-normal);
|
||||
box-shadow: var(--shadow-sm);
|
||||
}
|
||||
|
||||
.card:hover {
|
||||
box-shadow: var(--shadow-xl);
|
||||
transform: translateY(-4px);
|
||||
border-color: var(--primary-500);
|
||||
}
|
||||
@@ -0,0 +1,599 @@
|
||||
/* ===================================================================
|
||||
MegaCurcumin / MegaCurcumin - Universal Responsive Engine
|
||||
Ensures 100% pixel-perfect scaling, fluid layouts, and flawless
|
||||
rendering on ALL screen types (320px mobile up to 4K displays).
|
||||
=================================================================== */
|
||||
|
||||
/* Safe area padding for notch & dynamic island devices */
|
||||
:root {
|
||||
--safe-left: env(safe-area-inset-left, 0px);
|
||||
--safe-right: env(safe-area-inset-right, 0px);
|
||||
--safe-top: env(safe-area-inset-top, 0px);
|
||||
--safe-bottom: env(safe-area-inset-bottom, 0px);
|
||||
}
|
||||
|
||||
/* Global overflow and box-sizing safeguards */
|
||||
html, body {
|
||||
width: 100%;
|
||||
max-width: 100vw;
|
||||
overflow-x: hidden !important;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
*, *::before, *::after {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
img, svg, video, canvas, iframe {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
/* Fluid Container Sizing */
|
||||
.container {
|
||||
width: 100%;
|
||||
max-width: var(--container-max);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding-left: clamp(1rem, 3vw, 2rem);
|
||||
padding-right: clamp(1rem, 3vw, 2rem);
|
||||
}
|
||||
|
||||
.container-wide {
|
||||
width: 100%;
|
||||
max-width: var(--container-wide);
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding-left: clamp(1rem, 3vw, 2.5rem);
|
||||
padding-right: clamp(1rem, 3vw, 2.5rem);
|
||||
}
|
||||
|
||||
/* Fluid Typography */
|
||||
h1 {
|
||||
font-size: clamp(2rem, 3.8vw + 0.8rem, 3.75rem);
|
||||
line-height: 1.18;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: clamp(1.65rem, 2.4vw + 0.6rem, 2.65rem);
|
||||
line-height: 1.25;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: clamp(1.25rem, 1.4vw + 0.5rem, 1.75rem);
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
p, li, span, input, select, textarea {
|
||||
word-break: normal;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
/* Prevent auto-zoom on iOS mobile browsers */
|
||||
input, select, textarea, button {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/* ===================================================================
|
||||
BREAKPOINT: Large Screens & 4K (Min-width: 1440px)
|
||||
=================================================================== */
|
||||
@media (min-width: 1440px) {
|
||||
.hero-content {
|
||||
max-width: 720px;
|
||||
}
|
||||
|
||||
.section {
|
||||
padding: 5.5rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* ===================================================================
|
||||
BREAKPOINT: Standard Laptops & Tablets Landscape (Max-width: 1199px)
|
||||
=================================================================== */
|
||||
@media (max-width: 1199px) {
|
||||
.hero-grid {
|
||||
gap: 2.5rem;
|
||||
}
|
||||
|
||||
.process-steps-grid {
|
||||
grid-template-columns: repeat(3, 1fr) !important;
|
||||
gap: 1.25rem;
|
||||
}
|
||||
|
||||
.footer-grid {
|
||||
grid-template-columns: 1.2fr 1fr 1fr 1.1fr;
|
||||
gap: 2.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* ===================================================================
|
||||
BREAKPOINT: Tablets & Small Laptops (Max-width: 1080px)
|
||||
=================================================================== */
|
||||
@media (max-width: 1080px) {
|
||||
/* Navbar */
|
||||
.site-header {
|
||||
height: 76px;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
height: 76px;
|
||||
}
|
||||
|
||||
.top-bar-right {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.top-bar-inner {
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
.mobile-toggle {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
border-radius: var(--radius-sm);
|
||||
color: var(--primary-900);
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
.mobile-toggle:hover {
|
||||
background: var(--neutral-100);
|
||||
}
|
||||
|
||||
.nav-menu {
|
||||
position: fixed;
|
||||
top: 76px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: auto;
|
||||
background: var(--white);
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
padding: 1.5rem 2rem 2rem;
|
||||
gap: 0.75rem;
|
||||
border-bottom: 2px solid var(--neutral-200);
|
||||
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
|
||||
transform: translateY(-120%);
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
|
||||
max-height: calc(100vh - 76px);
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.nav-menu.open {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.nav-link {
|
||||
font-size: 1.05rem;
|
||||
padding: 0.75rem 0;
|
||||
border-bottom: 1px solid var(--neutral-100);
|
||||
display: block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.nav-actions .btn,
|
||||
.nav-actions button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Hero Section */
|
||||
.hero {
|
||||
padding: 4.5rem 0 5rem;
|
||||
}
|
||||
|
||||
.hero-grid {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 3rem;
|
||||
}
|
||||
|
||||
.hero-content {
|
||||
max-width: 100%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* Split Layouts */
|
||||
.split-layout {
|
||||
grid-template-columns: 1fr !important;
|
||||
gap: 2.5rem;
|
||||
}
|
||||
|
||||
.split-image-wrapper img {
|
||||
height: clamp(280px, 45vw, 400px);
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Grids */
|
||||
.grid-3 {
|
||||
grid-template-columns: repeat(2, 1fr) !important;
|
||||
}
|
||||
|
||||
.grid-4 {
|
||||
grid-template-columns: repeat(2, 1fr) !important;
|
||||
}
|
||||
|
||||
/* Bio Simulator */
|
||||
.bio-grid {
|
||||
grid-template-columns: 1fr !important;
|
||||
gap: 2.5rem;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.footer-grid {
|
||||
grid-template-columns: repeat(2, 1fr) !important;
|
||||
gap: 2.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* ===================================================================
|
||||
BREAKPOINT: Small Tablets & Large Phones (Max-width: 767px)
|
||||
=================================================================== */
|
||||
@media (max-width: 767px) {
|
||||
.section {
|
||||
padding: clamp(2.75rem, 6vw, 4rem) 0;
|
||||
}
|
||||
|
||||
.section-header {
|
||||
margin-bottom: 2rem;
|
||||
}
|
||||
|
||||
/* Grids to single column */
|
||||
.grid-4,
|
||||
.grid-3,
|
||||
.grid-2 {
|
||||
grid-template-columns: 1fr !important;
|
||||
gap: 1.25rem;
|
||||
}
|
||||
|
||||
/* Process Steps */
|
||||
.process-steps-grid {
|
||||
grid-template-columns: repeat(2, 1fr) !important;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
/* Product Tabs */
|
||||
.product-tabs-wrapper {
|
||||
justify-content: flex-start;
|
||||
overflow-x: auto;
|
||||
flex-wrap: nowrap;
|
||||
padding-bottom: 0.75rem;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
scrollbar-width: thin;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
.tab-btn {
|
||||
flex-shrink: 0;
|
||||
font-size: 0.85rem;
|
||||
padding: 0.5rem 1rem;
|
||||
}
|
||||
|
||||
/* Form Row */
|
||||
.form-row {
|
||||
grid-template-columns: 1fr !important;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
/* Partner Banner */
|
||||
.partner-banner {
|
||||
padding: 3rem 1.5rem;
|
||||
}
|
||||
|
||||
.partner-banner-actions {
|
||||
flex-direction: column;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.partner-banner-actions .btn {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Floating pill in split images */
|
||||
.split-floating-pill {
|
||||
position: static;
|
||||
margin-top: 1rem;
|
||||
border-radius: var(--radius-md);
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
/* ===================================================================
|
||||
BREAKPOINT: Standard & Compact Mobile Devices (Max-width: 575px)
|
||||
=================================================================== */
|
||||
@media (max-width: 575px) {
|
||||
/* Top Bar */
|
||||
.top-bar {
|
||||
display: none; /* Streamline mobile experience */
|
||||
}
|
||||
|
||||
/* Header */
|
||||
.site-header {
|
||||
height: 64px;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
height: 64px;
|
||||
}
|
||||
|
||||
.brand-logo {
|
||||
font-size: 1.2rem;
|
||||
gap: 0.6rem;
|
||||
}
|
||||
|
||||
.brand-logo svg {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.nav-menu {
|
||||
top: 64px;
|
||||
padding: 1.25rem 1.5rem;
|
||||
}
|
||||
|
||||
/* Hero */
|
||||
.hero {
|
||||
padding: 3rem 0 4rem;
|
||||
}
|
||||
|
||||
.hero h1 {
|
||||
font-size: 2.15rem;
|
||||
}
|
||||
|
||||
.hero p.lead {
|
||||
font-size: 1.05rem;
|
||||
margin-bottom: 1.75rem;
|
||||
}
|
||||
|
||||
.hero-actions {
|
||||
flex-direction: column;
|
||||
gap: 0.85rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.hero-actions .btn {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.hero-card-glass {
|
||||
padding: 1.5rem;
|
||||
}
|
||||
|
||||
.hero-stats-grid {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 0.75rem;
|
||||
}
|
||||
|
||||
.hero-stat-box {
|
||||
padding: 0.9rem;
|
||||
}
|
||||
|
||||
.hero-stat-num {
|
||||
font-size: 1.65rem;
|
||||
}
|
||||
|
||||
.hero-stat-label {
|
||||
font-size: 0.72rem;
|
||||
}
|
||||
|
||||
/* Bio Simulator */
|
||||
.interactive-bio-box {
|
||||
padding: 1.75rem 1.25rem;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.bio-metrics-row {
|
||||
flex-direction: column;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.bio-metric-item h4 {
|
||||
font-size: 1.85rem;
|
||||
}
|
||||
|
||||
.chart-legend {
|
||||
flex-direction: column;
|
||||
gap: 0.5rem;
|
||||
}
|
||||
|
||||
/* Process Steps to 1 col on compact mobile */
|
||||
.process-steps-grid {
|
||||
grid-template-columns: 1fr !important;
|
||||
}
|
||||
|
||||
/* Product Card Footer */
|
||||
.product-card {
|
||||
padding: 1.5rem;
|
||||
}
|
||||
|
||||
.product-card-footer {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 0.65rem;
|
||||
}
|
||||
|
||||
.product-card-footer .view-product-detail-btn,
|
||||
.product-card-footer .request-sample-btn {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* Modals */
|
||||
.modal-overlay {
|
||||
padding: 0.75rem;
|
||||
}
|
||||
|
||||
.modal-container {
|
||||
max-height: 94vh;
|
||||
border-radius: var(--radius-lg);
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
padding: 1.25rem 1.25rem 1rem;
|
||||
}
|
||||
|
||||
.modal-header h3 {
|
||||
font-size: 1.15rem;
|
||||
}
|
||||
|
||||
.modal-body {
|
||||
padding: 1.25rem;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
.footer-grid {
|
||||
grid-template-columns: 1fr !important;
|
||||
gap: 2rem;
|
||||
}
|
||||
|
||||
.footer-bottom {
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
gap: 1.25rem;
|
||||
}
|
||||
|
||||
.footer-bottom-links {
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* ===================================================================
|
||||
BREAKPOINT: Ultra-Compact Phones (Max-width: 374px, iPhone SE, etc.)
|
||||
=================================================================== */
|
||||
@media (max-width: 374px) {
|
||||
.hero h1 {
|
||||
font-size: 1.85rem;
|
||||
}
|
||||
|
||||
.hero-stats-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.brand-logo .logo-text span {
|
||||
font-size: 1.05rem;
|
||||
}
|
||||
|
||||
.btn {
|
||||
padding: 0.75rem 1.25rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
|
||||
/* Ultra-Compact Screen Adaptations for Biotech Formulation Section */
|
||||
.carrier-stat-pill {
|
||||
padding: 0.4rem 0.6rem;
|
||||
}
|
||||
|
||||
.carrier-stat-pill .stat-label {
|
||||
font-size: 0.62rem;
|
||||
}
|
||||
|
||||
.carrier-stat-pill .stat-number {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.carrier-render-badge {
|
||||
padding: 0.25rem 0.5rem;
|
||||
font-size: 0.62rem;
|
||||
}
|
||||
|
||||
.benchmark-table th:first-child,
|
||||
.benchmark-table td.cell-metric-name {
|
||||
width: 140px;
|
||||
min-width: 130px;
|
||||
font-size: 0.76rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* ===================================================================
|
||||
RESPONSIVE ENHANCEMENTS: Next-Gen Biotech Molecular Engine Section
|
||||
=================================================================== */
|
||||
@media (max-width: 980px) {
|
||||
.biotech-stage-layout {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.stage-visual-col {
|
||||
border-right: none;
|
||||
border-bottom: 1px solid #e2e8f0;
|
||||
}
|
||||
|
||||
.carrier-render-card {
|
||||
max-height: 280px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
/* Horizontal swipeable platform deck on mobile */
|
||||
.biotech-nav-deck {
|
||||
display: flex !important;
|
||||
overflow-x: auto !important;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
scroll-snap-type: x mandatory;
|
||||
gap: 0.65rem !important;
|
||||
padding: 0.75rem !important;
|
||||
background: #f1f5f9;
|
||||
}
|
||||
|
||||
.biotech-nav-item {
|
||||
flex: 0 0 80% !important;
|
||||
min-width: 240px !important;
|
||||
scroll-snap-align: start;
|
||||
border: 1px solid #e2e8f0 !important;
|
||||
border-radius: 16px !important;
|
||||
background: #ffffff !important;
|
||||
padding: 0.85rem 1rem !important;
|
||||
}
|
||||
|
||||
.biotech-nav-item.active {
|
||||
border-color: #f59e0b !important;
|
||||
box-shadow: 0 4px 16px rgba(245, 158, 11, 0.18) !important;
|
||||
}
|
||||
|
||||
.biotech-nav-item.active::after {
|
||||
border-radius: 0 0 16px 16px;
|
||||
height: 3px;
|
||||
}
|
||||
|
||||
/* Full-width stage buttons */
|
||||
.stage-action-row {
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.stage-btn-group {
|
||||
width: 100%;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.stage-sample-btn,
|
||||
.stage-dossier-btn {
|
||||
width: 100%;
|
||||
justify-content: center;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Sticky first column on table */
|
||||
.benchmark-table th:first-child,
|
||||
.benchmark-table td.cell-metric-name {
|
||||
position: sticky;
|
||||
left: 0;
|
||||
z-index: 2;
|
||||
background: #fafbfc;
|
||||
box-shadow: 3px 0 6px -2px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.benchmark-table th:first-child {
|
||||
background: #f1f5f9;
|
||||
z-index: 3;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -0,0 +1,84 @@
|
||||
/* ===================================================================
|
||||
CurcuVance BioSciences - Design Tokens & Variables
|
||||
Theme: Science & Nature (Deep Clinical Emerald + Curcumin Warm Gold)
|
||||
=================================================================== */
|
||||
|
||||
:root {
|
||||
/* Brand Primary Colors */
|
||||
--primary-900: #06231c; /* Deepest forest pine */
|
||||
--primary-800: #0b3b2c; /* Clinical deep emerald */
|
||||
--primary-700: #10523e; /* Botanical pine */
|
||||
--primary-600: #186b52; /* Vibrant botanical green */
|
||||
--primary-500: #218c6c; /* Sage/mint accent */
|
||||
--primary-100: #e7f5ef; /* Light tint */
|
||||
--primary-50: #f2f9f5; /* Ultra light emerald tint */
|
||||
|
||||
/* Curcumin Accent Colors */
|
||||
--accent-900: #8c5800; /* Deep roasted turmeric */
|
||||
--accent-700: #c27803; /* Amber */
|
||||
--accent-600: #d97706; /* Warm curcumin gold */
|
||||
--accent-500: #f59e0b; /* Pure curcumin vibrant yellow-gold */
|
||||
--accent-400: #fbbf24; /* Golden highlight */
|
||||
--accent-100: #fef3c7; /* Soft gold tint */
|
||||
--accent-50: #fffbeb; /* Warm light gold background */
|
||||
|
||||
/* Neutrals & Slate */
|
||||
--neutral-950: #0f172a; /* Darkest slate text */
|
||||
--neutral-900: #1e293b; /* Dark heading text */
|
||||
--neutral-800: #334155; /* Body copy text */
|
||||
--neutral-700: #475569; /* Secondary text */
|
||||
--neutral-600: #64748b; /* Muted text */
|
||||
--neutral-400: #94a3b8; /* Subtle border */
|
||||
--neutral-300: #cbd5e1; /* Light border */
|
||||
--neutral-200: #e2e8f0; /* Divider */
|
||||
--neutral-100: #f1f5f9; /* Light card background */
|
||||
--neutral-50: #f8fafc; /* Soft page background */
|
||||
--white: #ffffff;
|
||||
|
||||
/* Scientific Accents */
|
||||
--science-blue: #0284c7;
|
||||
--science-blue-light: #e0f2fe;
|
||||
--science-violet: #7c3aed;
|
||||
--success: #10b981;
|
||||
--warning: #f59e0b;
|
||||
--danger: #ef4444;
|
||||
|
||||
/* Typography */
|
||||
--font-heading: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
|
||||
--font-body: 'Inter', system-ui, -apple-system, sans-serif;
|
||||
--font-mono: 'JetBrains Mono', monospace;
|
||||
|
||||
/* Spacing */
|
||||
--spacing-xs: 0.25rem;
|
||||
--spacing-sm: 0.5rem;
|
||||
--spacing-md: 1rem;
|
||||
--spacing-lg: 1.5rem;
|
||||
--spacing-xl: 2rem;
|
||||
--spacing-2xl: 3rem;
|
||||
--spacing-3xl: 4.5rem;
|
||||
--spacing-4xl: 6rem;
|
||||
|
||||
/* Container */
|
||||
--container-max: 1240px;
|
||||
--container-wide: 1380px;
|
||||
|
||||
/* Shadows */
|
||||
--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, 0.05);
|
||||
--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, 0.08), 0 2px 4px -2px rgba(15, 23, 42, 0.05);
|
||||
--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, 0.08), 0 4px 6px -4px rgba(15, 23, 42, 0.04);
|
||||
--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, 0.1), 0 8px 10px -6px rgba(15, 23, 42, 0.04);
|
||||
--shadow-glow-gold: 0 0 25px rgba(245, 158, 11, 0.35);
|
||||
--shadow-glow-green: 0 0 25px rgba(16, 82, 62, 0.3);
|
||||
|
||||
/* Radius */
|
||||
--radius-sm: 6px;
|
||||
--radius-md: 10px;
|
||||
--radius-lg: 16px;
|
||||
--radius-xl: 24px;
|
||||
--radius-full: 9999px;
|
||||
|
||||
/* Transitions */
|
||||
--transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
|
||||
--transition-normal: 250ms cubic-bezier(0.4, 0, 0.2, 1);
|
||||
--transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
After Width: | Height: | Size: 972 KiB |
|
After Width: | Height: | Size: 818 KiB |
|
After Width: | Height: | Size: 909 KiB |
|
After Width: | Height: | Size: 855 KiB |
|
After Width: | Height: | Size: 758 KiB |
|
After Width: | Height: | Size: 914 KiB |
|
After Width: | Height: | Size: 303 KiB |
|
After Width: | Height: | Size: 606 KiB |
|
After Width: | Height: | Size: 568 KiB |
|
After Width: | Height: | Size: 560 KiB |
|
After Width: | Height: | Size: 589 KiB |
|
After Width: | Height: | Size: 737 KiB |
|
After Width: | Height: | Size: 241 KiB |
|
After Width: | Height: | Size: 252 KiB |
|
After Width: | Height: | Size: 252 KiB |
|
After Width: | Height: | Size: 818 KiB |
|
After Width: | Height: | Size: 866 KiB |
|
After Width: | Height: | Size: 872 KiB |
@@ -0,0 +1,916 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Innovation & Technology | Alovedic - MegaCurcumin</title>
|
||||
<meta name="description" content="Discover MegaCurcumin formulation-based technologies with human evidence: micellar forms, phytosome lecithin complexes, nanoparticles, and cyclodextrin dispersions.">
|
||||
<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>Alovedic • Formulation-Based Approaches with Human Clinical Evidence</span>
|
||||
</div>
|
||||
<div class="top-bar-right">
|
||||
<a href="mailto:info@alovedic.com">info@alovedic.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">Alovedic</strong></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 active">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">Contact Us</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="nav-actions">
|
||||
<button class="btn btn-gold btn-sm" data-open-modal="partner">Partner With Us</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">Innovation Section</div>
|
||||
<h1 style="color: #fff; margin-bottom: 1.25rem;">Innovation Is at the Heart of What We Do</h1>
|
||||
<p class="lead" style="max-width: 820px; margin: 0 auto; color: #cbd5e1;">
|
||||
We continuously explore new technologies, ingredients, delivery systems, and formulation approaches to create the next generation of nutraceutical solutions.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- FORMULATION-BASED CLINICAL PLATFORMS (INTERACTIVE BIOTECH CONSOLE) -->
|
||||
<section class="modern-evidence-section" id="evidence-approaches-section">
|
||||
<div class="container">
|
||||
<div class="section-header reveal" style="text-align: center;">
|
||||
<div class="modern-kicker-badge">
|
||||
<span class="pulse-dot"></span>
|
||||
Clinical Pharmacokinetics
|
||||
</div>
|
||||
<h2 class="modern-section-title">
|
||||
Formulation-Based <span class="gradient-text-gold">(Strongest Effect)</span>
|
||||
</h2>
|
||||
<p class="modern-section-subtitle">
|
||||
Here are the advanced molecular delivery approaches with human clinical evidence behind them, engineered into our flagship MegaCurcumin technology:
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- 1. Interactive Biotech Platform Console -->
|
||||
<div class="biotech-console reveal" id="biotech-master-console">
|
||||
|
||||
<!-- Platform Selector Navigation Strip -->
|
||||
<div class="biotech-nav-deck" role="tablist" aria-label="Biotech Formulation Platforms">
|
||||
|
||||
<button class="biotech-nav-item active" role="tab" aria-selected="true" data-target-stage="stage-micelles">
|
||||
<div class="nav-item-top">
|
||||
<span class="nav-item-num">// PLATFORM 01</span>
|
||||
<span class="nav-item-pill">Highest AUC</span>
|
||||
</div>
|
||||
<h3 class="nav-item-title">Liquid Micellar Forms</h3>
|
||||
<div class="nav-item-metric">+185x Plasma AUC • 60m Tmax</div>
|
||||
</button>
|
||||
|
||||
<button class="biotech-nav-item" role="tab" aria-selected="false" data-target-stage="stage-phytosome">
|
||||
<div class="nav-item-top">
|
||||
<span class="nav-item-num">// PLATFORM 02</span>
|
||||
<span class="nav-item-pill">Deep Tissue</span>
|
||||
</div>
|
||||
<h3 class="nav-item-title">Phytosome Complexes</h3>
|
||||
<div class="nav-item-metric">4.2x Tissue Uptake • Bilayer Fusion</div>
|
||||
</button>
|
||||
|
||||
<button class="biotech-nav-item" role="tab" aria-selected="false" data-target-stage="stage-nanoparticles">
|
||||
<div class="nav-item-top">
|
||||
<span class="nav-item-num">// PLATFORM 03</span>
|
||||
<span class="nav-item-pill">Solid Core</span>
|
||||
</div>
|
||||
<h3 class="nav-item-title">Sub-100nm Nanoparticles</h3>
|
||||
<div class="nav-item-metric"><100nm Size • 100% Dispersible</div>
|
||||
</button>
|
||||
|
||||
<button class="biotech-nav-item" role="tab" aria-selected="false" data-target-stage="stage-cyclodextrin">
|
||||
<div class="nav-item-top">
|
||||
<span class="nav-item-num">// PLATFORM 04</span>
|
||||
<span class="nav-item-pill">Hydro-Ring</span>
|
||||
</div>
|
||||
<h3 class="nav-item-title">Cyclodextrin Complexes</h3>
|
||||
<div class="nav-item-metric">Toroid Ring • Instant Aqueous Solution</div>
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Dynamic Active Stage Panels -->
|
||||
<div class="biotech-stage-viewport">
|
||||
|
||||
<!-- Stage 1: Micellar Forms -->
|
||||
<div class="biotech-stage-panel active" id="stage-micelles">
|
||||
<div class="biotech-stage-layout">
|
||||
|
||||
<!-- Left Visual & Telemetry Stage -->
|
||||
<div class="stage-visual-col">
|
||||
<div class="carrier-render-card">
|
||||
<img src="images/micelle-form.jpg" alt="Liquid Micellar Nano-Carrier Platform" loading="lazy">
|
||||
<div class="carrier-render-badge">MICELLE NANO-CARRIER</div>
|
||||
<div class="carrier-stat-pill">
|
||||
<span class="stat-label">Human Peak Bioavailability</span>
|
||||
<span class="stat-number">+185x AUC</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="telemetry-micro-grid">
|
||||
<div class="telemetry-item">
|
||||
<span class="label">Carrier Platform</span>
|
||||
<span class="value">Surfactant Micelles</span>
|
||||
</div>
|
||||
<div class="telemetry-item">
|
||||
<span class="label">Particle Size</span>
|
||||
<span class="value">10 - 30 nm Hydro</span>
|
||||
</div>
|
||||
<div class="telemetry-item">
|
||||
<span class="label">Peak Plasma (Tmax)</span>
|
||||
<span class="value">60 Minutes</span>
|
||||
</div>
|
||||
<div class="telemetry-item">
|
||||
<span class="label">Intestinal Route</span>
|
||||
<span class="value">Enterocyte Endocytosis</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Clinical Details & PK Curve -->
|
||||
<div class="stage-content-col">
|
||||
<div class="platform-stage-header">
|
||||
<div class="platform-tag-row">
|
||||
<span class="platform-class-tag">Biomimetic Lipid Digestion</span>
|
||||
<span class="platform-validation-tag">
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
Double-Blind Human PK Validated
|
||||
</span>
|
||||
</div>
|
||||
<h3 class="stage-main-title">Micellar / Liquid Micelle Forms</h3>
|
||||
<div class="stage-summary-callout">
|
||||
Curcumin encapsulated within surfactant micelle nano-spheres; widely recognized in clinical pharmacology for producing the highest recorded blood plasma concentrations.
|
||||
</div>
|
||||
<p class="stage-body-text">
|
||||
Because native curcumin is non-polar and hydrophobic, it agglomerates in the aqueous digestive tract. Liquid micelle technology pre-emulsifies curcumin crystals into sub-30nm water-soluble spheres that bypass digestive emulsification, facilitating immediate absorption into mesenteric circulation.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Interactive PK Bio-Curve Visualizer -->
|
||||
<div class="pk-curve-block">
|
||||
<div class="pk-curve-header">
|
||||
<div class="pk-curve-title">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>
|
||||
Human Plasma Pharmacokinetics (0 - 24 Hours)
|
||||
</div>
|
||||
<div class="pk-curve-legend">
|
||||
<div class="legend-item">
|
||||
<span class="legend-line-standard"></span> Standard 95%
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-line-platform"></span> Micellar (+185x)
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- SVG Dynamic Curve Chart -->
|
||||
<svg class="pk-svg-canvas" viewBox="0 0 500 110" preserveAspectRatio="none">
|
||||
<defs>
|
||||
<linearGradient id="innovCurveGrad1" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" stop-color="#f59e0b" stop-opacity="0.35"/>
|
||||
<stop offset="100%" stop-color="#f59e0b" stop-opacity="0.0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<line x1="40" y1="20" x2="480" y2="20" stroke="#f1f5f9" stroke-width="1"/>
|
||||
<line x1="40" y1="55" x2="480" y2="55" stroke="#f1f5f9" stroke-width="1"/>
|
||||
<line x1="40" y1="90" x2="480" y2="90" stroke="#e2e8f0" stroke-width="1"/>
|
||||
|
||||
<!-- Standard Curcumin Flatline (Baseline) -->
|
||||
<path d="M 40 88 Q 120 86, 200 87 T 480 89" fill="none" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4 4"/>
|
||||
|
||||
<!-- Micellar Sharp High Curve Area & Line -->
|
||||
<path d="M 40 88 Q 90 12, 140 32 T 260 62 T 400 78 T 480 86 L 480 90 L 40 90 Z" fill="url(#innovCurveGrad1)"/>
|
||||
<path d="M 40 88 Q 90 12, 140 32 T 260 62 T 400 78 T 480 86" fill="none" stroke="#f59e0b" stroke-width="3" stroke-linecap="round"/>
|
||||
|
||||
<circle cx="95" cy="18" r="5" fill="#f59e0b" stroke="#ffffff" stroke-width="2"/>
|
||||
<text x="110" y="22" font-size="10" font-weight="700" fill="#b45309">Peak Cmax: 60 min (3,200 nmol/L)</text>
|
||||
<text x="40" y="103" font-size="9" fill="#94a3b8">0h</text>
|
||||
<text x="140" y="103" font-size="9" fill="#94a3b8">4h</text>
|
||||
<text x="260" y="103" font-size="9" fill="#94a3b8">8h</text>
|
||||
<text x="400" y="103" font-size="9" fill="#94a3b8">16h</text>
|
||||
<text x="470" y="103" font-size="9" fill="#94a3b8">24h</text>
|
||||
</svg>
|
||||
|
||||
<div class="pk-curve-footer">
|
||||
<span>Clinical Metric: Total Plasma Area Under Curve (AUC)</span>
|
||||
<strong style="color: #b45309;">185-Fold Superiority vs Standard Curcumin Extract</strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 3-Step Cellular Pathway -->
|
||||
<div class="pathway-step-row">
|
||||
<div class="pathway-step-card">
|
||||
<span class="step-badge">1</span>
|
||||
<div class="step-title">Gastric Shielding</div>
|
||||
<div class="step-desc">Surfactant shell protects polyphenols from low stomach pH decomposition.</div>
|
||||
</div>
|
||||
<div class="pathway-step-card">
|
||||
<span class="step-badge">2</span>
|
||||
<div class="step-title">Mucosal Transit</div>
|
||||
<div class="step-desc">Nano-droplets rapidly penetrate the unstirred intestinal water layer.</div>
|
||||
</div>
|
||||
<div class="pathway-step-card">
|
||||
<span class="step-badge">3</span>
|
||||
<div class="step-title">Systemic Uptake</div>
|
||||
<div class="step-desc">Delivers bioactive unconjugated curcumin straight to mesenteric blood flow.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Action & Formats Row -->
|
||||
<div class="stage-action-row">
|
||||
<div class="format-tags-group">
|
||||
<span style="font-size: 0.72rem; font-weight: 700; color: #64748b; text-transform: uppercase;">Finished Formats:</span>
|
||||
<span class="format-pill">Liquid Softgels</span>
|
||||
<span class="format-pill">RTD Wellness Drinks</span>
|
||||
<span class="format-pill">Oral Drops</span>
|
||||
</div>
|
||||
<div class="stage-btn-group">
|
||||
<button class="stage-dossier-btn" data-open-modal="partner">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>
|
||||
Clinical Monograph
|
||||
</button>
|
||||
<button class="stage-sample-btn" data-open-modal="partner">
|
||||
<span>Request Sample Kit</span>
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Stage 2: Phytosome Complexes -->
|
||||
<div class="biotech-stage-panel" id="stage-phytosome">
|
||||
<div class="biotech-stage-layout">
|
||||
|
||||
<!-- Left Visual & Telemetry Stage -->
|
||||
<div class="stage-visual-col">
|
||||
<div class="carrier-render-card">
|
||||
<img src="images/phytosome-complex.jpg" alt="Phytosome Phospholipid Bilayer Complex" loading="lazy">
|
||||
<div class="carrier-render-badge">PHYTOSOME BILAYER</div>
|
||||
<div class="carrier-stat-pill">
|
||||
<span class="stat-label">Target Tissue Retention</span>
|
||||
<span class="stat-number">4.2x Higher</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="telemetry-micro-grid">
|
||||
<div class="telemetry-item">
|
||||
<span class="label">Carrier Platform</span>
|
||||
<span class="value">Phosphatidylcholine</span>
|
||||
</div>
|
||||
<div class="telemetry-item">
|
||||
<span class="label">Molecular Ratio</span>
|
||||
<span class="value">1:2 Botanical Complex</span>
|
||||
</div>
|
||||
<div class="telemetry-item">
|
||||
<span class="label">Elimination Half-Life</span>
|
||||
<span class="value">Extended 24h Plateau</span>
|
||||
</div>
|
||||
<div class="telemetry-item">
|
||||
<span class="label">Cellular Target</span>
|
||||
<span class="value">Cartilage & Endothelium</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Clinical Details & PK Curve -->
|
||||
<div class="stage-content-col">
|
||||
<div class="platform-stage-header">
|
||||
<div class="platform-tag-row">
|
||||
<span class="platform-class-tag">Cellular Membrane Biomimicry</span>
|
||||
<span class="platform-validation-tag">
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
30+ Human Clinical Trials
|
||||
</span>
|
||||
</div>
|
||||
<h3 class="stage-main-title">Phytosome / Lecithin Complexes</h3>
|
||||
<div class="stage-summary-callout">
|
||||
Curcumin complexed at a molecular level with non-GMO phospholipids, engineered specifically to enhance cellular membrane transit and deep musculoskeletal tissue retention.
|
||||
</div>
|
||||
<p class="stage-body-text">
|
||||
Human cellular membranes are composed of a phospholipid bilayer. By complexing hydrophobic curcumin with natural phosphatidylcholine, the molecule is disguised as a membrane nutrient, facilitating direct cellular fusion and sustained tissue distribution in joints, micro-vessels, and organs.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Interactive PK Bio-Curve Visualizer -->
|
||||
<div class="pk-curve-block">
|
||||
<div class="pk-curve-header">
|
||||
<div class="pk-curve-title">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>
|
||||
Sustained Tissue Bio-Distribution (0 - 24 Hours)
|
||||
</div>
|
||||
<div class="pk-curve-legend">
|
||||
<div class="legend-item">
|
||||
<span class="legend-line-standard"></span> Standard 95%
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-line-platform"></span> Phytosome (29x Sustained)
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- SVG Dynamic Curve Chart -->
|
||||
<svg class="pk-svg-canvas" viewBox="0 0 500 110" preserveAspectRatio="none">
|
||||
<defs>
|
||||
<linearGradient id="innovCurveGrad2" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" stop-color="#d97706" stop-opacity="0.3"/>
|
||||
<stop offset="100%" stop-color="#d97706" stop-opacity="0.0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<line x1="40" y1="20" x2="480" y2="20" stroke="#f1f5f9" stroke-width="1"/>
|
||||
<line x1="40" y1="55" x2="480" y2="55" stroke="#f1f5f9" stroke-width="1"/>
|
||||
<line x1="40" y1="90" x2="480" y2="90" stroke="#e2e8f0" stroke-width="1"/>
|
||||
|
||||
<!-- Standard Baseline -->
|
||||
<path d="M 40 88 Q 120 86, 200 87 T 480 89" fill="none" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4 4"/>
|
||||
|
||||
<!-- Phytosome Sustained Wide Plateau Curve -->
|
||||
<path d="M 40 88 Q 100 36, 170 38 T 320 48 T 420 62 T 480 72 L 480 90 L 40 90 Z" fill="url(#innovCurveGrad2)"/>
|
||||
<path d="M 40 88 Q 100 36, 170 38 T 320 48 T 420 62 T 480 72" fill="none" stroke="#d97706" stroke-width="3" stroke-linecap="round"/>
|
||||
|
||||
<circle cx="170" cy="38" r="5" fill="#d97706" stroke="#ffffff" stroke-width="2"/>
|
||||
<text x="185" y="42" font-size="10" font-weight="700" fill="#92400e">Sustained Plateau: 24h Joint Protection</text>
|
||||
<text x="40" y="103" font-size="9" fill="#94a3b8">0h</text>
|
||||
<text x="140" y="103" font-size="9" fill="#94a3b8">4h</text>
|
||||
<text x="260" y="103" font-size="9" fill="#94a3b8">8h</text>
|
||||
<text x="400" y="103" font-size="9" fill="#94a3b8">16h</text>
|
||||
<text x="470" y="103" font-size="9" fill="#94a3b8">24h</text>
|
||||
</svg>
|
||||
|
||||
<div class="pk-curve-footer">
|
||||
<span>Clinical Metric: Cellular Translocation & Joint Cartilage Affinity</span>
|
||||
<strong style="color: #92400e;">4.2x Greater Tissue Concentration than Native Curcumin</strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 3-Step Cellular Pathway -->
|
||||
<div class="pathway-step-row">
|
||||
<div class="pathway-step-card">
|
||||
<span class="step-badge">1</span>
|
||||
<div class="step-title">Phospholipid Pairing</div>
|
||||
<div class="step-desc">Polar choline head and non-polar lipid tails anchor the curcumin molecule.</div>
|
||||
</div>
|
||||
<div class="pathway-step-card">
|
||||
<span class="step-badge">2</span>
|
||||
<div class="step-title">Bilayer Fusion</div>
|
||||
<div class="step-desc">Naturally merges into cell membranes without requiring energy-dependent pumps.</div>
|
||||
</div>
|
||||
<div class="pathway-step-card">
|
||||
<span class="step-badge">3</span>
|
||||
<div class="step-title">Prolonged Residence</div>
|
||||
<div class="step-desc">Provides extended systemic residence time, resisting rapid hepatic clearing.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Action & Formats Row -->
|
||||
<div class="stage-action-row">
|
||||
<div class="format-tags-group">
|
||||
<span style="font-size: 0.72rem; font-weight: 700; color: #64748b; text-transform: uppercase;">Finished Formats:</span>
|
||||
<span class="format-pill">Joint & Cartilage Softgels</span>
|
||||
<span class="format-pill">Lipid Two-Piece Capsules</span>
|
||||
<span class="format-pill">Topical Emulsions</span>
|
||||
</div>
|
||||
<div class="stage-btn-group">
|
||||
<button class="stage-dossier-btn" data-open-modal="partner">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>
|
||||
Joint Health Monograph
|
||||
</button>
|
||||
<button class="stage-sample-btn" data-open-modal="partner">
|
||||
<span>Request Sample Kit</span>
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Stage 3: Nanoparticle Dispersions -->
|
||||
<div class="biotech-stage-panel" id="stage-nanoparticles">
|
||||
<div class="biotech-stage-layout">
|
||||
|
||||
<!-- Left Visual & Telemetry Stage -->
|
||||
<div class="stage-visual-col">
|
||||
<div class="carrier-render-card">
|
||||
<img src="images/nanoparticle-form.jpg" alt="Sub-100nm Nanoparticle Dispersion" loading="lazy">
|
||||
<div class="carrier-render-badge">SUB-100NM NANO-MATRIX</div>
|
||||
<div class="carrier-stat-pill">
|
||||
<span class="stat-label">Hydrodynamic Diameter</span>
|
||||
<span class="stat-number">< 85 nm</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="telemetry-micro-grid">
|
||||
<div class="telemetry-item">
|
||||
<span class="label">Particle Morphology</span>
|
||||
<span class="value">Amorphous Nano-Core</span>
|
||||
</div>
|
||||
<div class="telemetry-item">
|
||||
<span class="label">Surface Area Gain</span>
|
||||
<span class="value">> 12,000 m²/kg</span>
|
||||
</div>
|
||||
<div class="telemetry-item">
|
||||
<span class="label">Human Plasma AUC</span>
|
||||
<span class="value">27x Multiplier</span>
|
||||
</div>
|
||||
<div class="telemetry-item">
|
||||
<span class="label">Delivery Matrix</span>
|
||||
<span class="value">Polymer Dispersed</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Clinical Details & PK Curve -->
|
||||
<div class="stage-content-col">
|
||||
<div class="platform-stage-header">
|
||||
<div class="platform-tag-row">
|
||||
<span class="platform-class-tag">Surface Area Amplification</span>
|
||||
<span class="platform-validation-tag">
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
Solid Dose Dispersibility
|
||||
</span>
|
||||
</div>
|
||||
<h3 class="stage-main-title">Nanoparticles & Nano-Emulsions</h3>
|
||||
<div class="stage-summary-callout">
|
||||
Curcumin crystal particles engineered down to sub-100 nanometers and stabilized with hydrophilic polymeric matrices to achieve 100% water dispersibility.
|
||||
</div>
|
||||
<p class="stage-body-text">
|
||||
By reducing particle diameter below 100 nanometers via wet bead milling and high-pressure homogenization, surface area increases by multiple orders of magnitude. The Noyes-Whitney dissolution equation demonstrates that this exponential surface expansion enables instantaneous dissolution in gastric fluids.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Interactive PK Bio-Curve Visualizer -->
|
||||
<div class="pk-curve-block">
|
||||
<div class="pk-curve-header">
|
||||
<div class="pk-curve-title">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>
|
||||
Rapid Dissolution Pharmacokinetics (0 - 24 Hours)
|
||||
</div>
|
||||
<div class="pk-curve-legend">
|
||||
<div class="legend-item">
|
||||
<span class="legend-line-standard"></span> Standard 95%
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-line-platform"></span> Nanoparticles (27x)
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- SVG Dynamic Curve Chart -->
|
||||
<svg class="pk-svg-canvas" viewBox="0 0 500 110" preserveAspectRatio="none">
|
||||
<defs>
|
||||
<linearGradient id="innovCurveGrad3" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" stop-color="#0284c7" stop-opacity="0.25"/>
|
||||
<stop offset="100%" stop-color="#0284c7" stop-opacity="0.0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<line x1="40" y1="20" x2="480" y2="20" stroke="#f1f5f9" stroke-width="1"/>
|
||||
<line x1="40" y1="55" x2="480" y2="55" stroke="#f1f5f9" stroke-width="1"/>
|
||||
<line x1="40" y1="90" x2="480" y2="90" stroke="#e2e8f0" stroke-width="1"/>
|
||||
|
||||
<!-- Standard Baseline -->
|
||||
<path d="M 40 88 Q 120 86, 200 87 T 480 89" fill="none" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4 4"/>
|
||||
|
||||
<!-- Nanoparticle Curve -->
|
||||
<path d="M 40 88 Q 110 24, 160 38 T 300 68 T 420 80 T 480 87 L 480 90 L 40 90 Z" fill="url(#innovCurveGrad3)"/>
|
||||
<path d="M 40 88 Q 110 24, 160 38 T 300 68 T 420 80 T 480 87" fill="none" stroke="#0284c7" stroke-width="3" stroke-linecap="round"/>
|
||||
|
||||
<circle cx="115" cy="26" r="5" fill="#0284c7" stroke="#ffffff" stroke-width="2"/>
|
||||
<text x="130" y="28" font-size="10" font-weight="700" fill="#0369a1">Rapid Cmax: 90 min (27x AUC)</text>
|
||||
<text x="40" y="103" font-size="9" fill="#94a3b8">0h</text>
|
||||
<text x="140" y="103" font-size="9" fill="#94a3b8">4h</text>
|
||||
<text x="260" y="103" font-size="9" fill="#94a3b8">8h</text>
|
||||
<text x="400" y="103" font-size="9" fill="#94a3b8">16h</text>
|
||||
<text x="470" y="103" font-size="9" fill="#94a3b8">24h</text>
|
||||
</svg>
|
||||
|
||||
<div class="pk-curve-footer">
|
||||
<span>Clinical Metric: Dissolution Velocity & Gastrointestinal Dispersibility</span>
|
||||
<strong style="color: #0369a1;">Zero Pre-Digestion Required • Ideal for Functional Foods</strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 3-Step Cellular Pathway -->
|
||||
<div class="pathway-step-row">
|
||||
<div class="pathway-step-card">
|
||||
<span class="step-badge">1</span>
|
||||
<div class="step-title">Milling to <100nm</div>
|
||||
<div class="step-desc">Destroys crystal lattice resistance to establish maximum dissolution speed.</div>
|
||||
</div>
|
||||
<div class="pathway-step-card">
|
||||
<span class="step-badge">2</span>
|
||||
<div class="step-title">Polymer Stabilization</div>
|
||||
<div class="step-desc">Prevents re-agglomeration of particles across diverse beverage and food matrices.</div>
|
||||
</div>
|
||||
<div class="pathway-step-card">
|
||||
<span class="step-badge">3</span>
|
||||
<div class="step-title">Paracellular Diffusion</div>
|
||||
<div class="step-desc">Sub-microscopic dimensions enable passive transit through cellular tight junctions.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Action & Formats Row -->
|
||||
<div class="stage-action-row">
|
||||
<div class="format-tags-group">
|
||||
<span style="font-size: 0.72rem; font-weight: 700; color: #64748b; text-transform: uppercase;">Finished Formats:</span>
|
||||
<span class="format-pill">Functional Gummies</span>
|
||||
<span class="format-pill">Chewables & Lozenges</span>
|
||||
<span class="format-pill">Tablets & Capsules</span>
|
||||
</div>
|
||||
<div class="stage-btn-group">
|
||||
<button class="stage-dossier-btn" data-open-modal="partner">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>
|
||||
Nanotechnology Specs
|
||||
</button>
|
||||
<button class="stage-sample-btn" data-open-modal="partner">
|
||||
<span>Request Sample Kit</span>
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Stage 4: Cyclodextrin Inclusion Complexes -->
|
||||
<div class="biotech-stage-panel" id="stage-cyclodextrin">
|
||||
<div class="biotech-stage-layout">
|
||||
|
||||
<!-- Left Visual & Telemetry Stage -->
|
||||
<div class="stage-visual-col">
|
||||
<div class="carrier-render-card">
|
||||
<img src="images/cyclodextrin-form.jpg" alt="Cyclodextrin Toroidal Hydro-Ring Complex" loading="lazy">
|
||||
<div class="carrier-render-badge">HYDRO-RING COMPLEX</div>
|
||||
<div class="carrier-stat-pill">
|
||||
<span class="stat-label">Water Solubility Elevation</span>
|
||||
<span class="stat-number">> 10,000x</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="telemetry-micro-grid">
|
||||
<div class="telemetry-item">
|
||||
<span class="label">Oligosaccharide Ring</span>
|
||||
<span class="value">Gamma-Cyclodextrin</span>
|
||||
</div>
|
||||
<div class="telemetry-item">
|
||||
<span class="label">Molecular Cavity</span>
|
||||
<span class="value">Cone Hydrophobic Core</span>
|
||||
</div>
|
||||
<div class="telemetry-item">
|
||||
<span class="label">Human Plasma AUC</span>
|
||||
<span class="value">39x vs 95% Extract</span>
|
||||
</div>
|
||||
<div class="telemetry-item">
|
||||
<span class="label">Taste & Clarity</span>
|
||||
<span class="value">100% Transparent Solution</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Right Clinical Details & PK Curve -->
|
||||
<div class="stage-content-col">
|
||||
<div class="platform-stage-header">
|
||||
<div class="platform-tag-row">
|
||||
<span class="platform-class-tag">Molecular Ring Inclusion</span>
|
||||
<span class="platform-validation-tag">
|
||||
<svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
Clean-Label Oligosaccharide
|
||||
</span>
|
||||
</div>
|
||||
<h3 class="stage-main-title">Cyclodextrin Inclusion Complexes</h3>
|
||||
<div class="stage-summary-callout">
|
||||
Curcumin molecules encapsulated within natural bucket-shaped oligosaccharide rings — featuring a lipophilic internal cavity and an ultra-hydrophilic external surface.
|
||||
</div>
|
||||
<p class="stage-body-text">
|
||||
Gamma-cyclodextrin rings create a molecular host-guest inclusion complex. The lipophilic inner core locks around the hydrophobic curcumin molecule, while the hydrophilic exterior dissolves instantly in cold water without turbidity, oil separation, or bitter botanical astringency.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<!-- Interactive PK Bio-Curve Visualizer -->
|
||||
<div class="pk-curve-block">
|
||||
<div class="pk-curve-header">
|
||||
<div class="pk-curve-title">
|
||||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="22 12 18 12 15 21 9 3 6 12 2 12"/></svg>
|
||||
Fast-Release Aqueous Pharmacokinetics (0 - 24 Hours)
|
||||
</div>
|
||||
<div class="pk-curve-legend">
|
||||
<div class="legend-item">
|
||||
<span class="legend-line-standard"></span> Standard 95%
|
||||
</div>
|
||||
<div class="legend-item">
|
||||
<span class="legend-line-platform"></span> Cyclodextrin (39x)
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- SVG Dynamic Curve Chart -->
|
||||
<svg class="pk-svg-canvas" viewBox="0 0 500 110" preserveAspectRatio="none">
|
||||
<defs>
|
||||
<linearGradient id="innovCurveGrad4" x1="0%" y1="0%" x2="0%" y2="100%">
|
||||
<stop offset="0%" stop-color="#7c3aed" stop-opacity="0.25"/>
|
||||
<stop offset="100%" stop-color="#7c3aed" stop-opacity="0.0"/>
|
||||
</linearGradient>
|
||||
</defs>
|
||||
<line x1="40" y1="20" x2="480" y2="20" stroke="#f1f5f9" stroke-width="1"/>
|
||||
<line x1="40" y1="55" x2="480" y2="55" stroke="#f1f5f9" stroke-width="1"/>
|
||||
<line x1="40" y1="90" x2="480" y2="90" stroke="#e2e8f0" stroke-width="1"/>
|
||||
|
||||
<!-- Standard Baseline -->
|
||||
<path d="M 40 88 Q 120 86, 200 87 T 480 89" fill="none" stroke="#94a3b8" stroke-width="2" stroke-dasharray="4 4"/>
|
||||
|
||||
<!-- Cyclodextrin Fast Curve -->
|
||||
<path d="M 40 88 Q 80 20, 130 35 T 280 65 T 410 78 T 480 87 L 480 90 L 40 90 Z" fill="url(#innovCurveGrad4)"/>
|
||||
<path d="M 40 88 Q 80 20, 130 35 T 280 65 T 410 78 T 480 87" fill="none" stroke="#7c3aed" stroke-width="3" stroke-linecap="round"/>
|
||||
|
||||
<circle cx="85" cy="22" r="5" fill="#7c3aed" stroke="#ffffff" stroke-width="2"/>
|
||||
<text x="100" y="24" font-size="10" font-weight="700" fill="#6b21a8">Fast Tmax: 45 min (39x AUC)</text>
|
||||
<text x="40" y="103" font-size="9" fill="#94a3b8">0h</text>
|
||||
<text x="140" y="103" font-size="9" fill="#94a3b8">4h</text>
|
||||
<text x="260" y="103" font-size="9" fill="#94a3b8">8h</text>
|
||||
<text x="400" y="103" font-size="9" fill="#94a3b8">16h</text>
|
||||
<text x="470" y="103" font-size="9" fill="#94a3b8">24h</text>
|
||||
</svg>
|
||||
|
||||
<div class="pk-curve-footer">
|
||||
<span>Clinical Metric: Molecular Inclusion & Clear Beverage Dissolution</span>
|
||||
<strong style="color: #6b21a8;">Completely Clear In Solution • Non-Sedimenting</strong>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 3-Step Cellular Pathway -->
|
||||
<div class="pathway-step-row">
|
||||
<div class="pathway-step-card">
|
||||
<span class="step-badge">1</span>
|
||||
<div class="step-title">Host-Guest Complex</div>
|
||||
<div class="step-desc">Natural oligosaccharide ring traps hydrophobic curcumin without covalent bonds.</div>
|
||||
</div>
|
||||
<div class="pathway-step-card">
|
||||
<span class="step-badge">2</span>
|
||||
<div class="step-title">Rapid Hydro-Dispersal</div>
|
||||
<div class="step-desc">Outer hydrophilic mantle allows instantaneous distribution in digestive juices.</div>
|
||||
</div>
|
||||
<div class="pathway-step-card">
|
||||
<span class="step-badge">3</span>
|
||||
<div class="step-title">Membrane Transfer</div>
|
||||
<div class="step-desc">Releases monomeric free curcumin directly to the intestinal epithelial brush border.</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Action & Formats Row -->
|
||||
<div class="stage-action-row">
|
||||
<div class="format-tags-group">
|
||||
<span style="font-size: 0.72rem; font-weight: 700; color: #64748b; text-transform: uppercase;">Finished Formats:</span>
|
||||
<span class="format-pill">Instant Stickpacks</span>
|
||||
<span class="format-pill">Effervescent Powders</span>
|
||||
<span class="format-pill">Clear RTD Beverages</span>
|
||||
</div>
|
||||
<div class="stage-btn-group">
|
||||
<button class="stage-dossier-btn" data-open-modal="partner">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><polyline points="14 2 14 8 20 8"/></svg>
|
||||
Beverage Monograph
|
||||
</button>
|
||||
<button class="stage-sample-btn" data-open-modal="partner">
|
||||
<span>Request Sample Kit</span>
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- 2. Comparative Clinical Pharmacokinetics Benchmark Table -->
|
||||
<div class="benchmark-table-wrapper reveal">
|
||||
<div class="benchmark-table-header">
|
||||
<div class="benchmark-header-title">
|
||||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><path d="M18 20V10M12 20V4M6 20v-6"/></svg>
|
||||
Clinical Pharmacokinetics Head-to-Head Benchmark
|
||||
</div>
|
||||
<div class="benchmark-scroll-hint">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
|
||||
Scroll horizontally on mobile
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="table-responsive-box">
|
||||
<table class="benchmark-table">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="width: 220px;">Pharmacokinetic Parameter</th>
|
||||
<th>Standard Curcumin 95%</th>
|
||||
<th class="col-highlight">Platform 01: Micellar</th>
|
||||
<th>Platform 02: Phytosome</th>
|
||||
<th>Platform 03: Nanoparticles</th>
|
||||
<th>Platform 04: Cyclodextrin</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td class="cell-metric-name">Human Bioavailability Multiplier (AUC)</td>
|
||||
<td><span class="table-badge-baseline">1x (Baseline Reference)</span></td>
|
||||
<td class="col-highlight"><span class="table-badge-winner">185x (Highest Peak)</span></td>
|
||||
<td><strong>29x</strong> (Sustained Retention)</td>
|
||||
<td><strong>27x</strong> (High Surface Area)</td>
|
||||
<td><strong>39x</strong> (Aqueous Complex)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="cell-metric-name">Peak Plasma Absorption Time (Tmax)</td>
|
||||
<td>4.5 - 6.0 Hours (Delayed)</td>
|
||||
<td class="col-highlight"><strong>60 Minutes</strong> (Ultra-Fast)</td>
|
||||
<td>2.5 - 3.5 Hours</td>
|
||||
<td>90 Minutes</td>
|
||||
<td>45 Minutes</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="cell-metric-name">Water Solubility in Digestive Fluid</td>
|
||||
<td>< 0.1 µg/mL (Insoluble)</td>
|
||||
<td class="col-highlight">Completely Soluble Emulsion</td>
|
||||
<td>Lipid Bilayer Complex</td>
|
||||
<td>Sub-100nm Colloidal Dispersion</td>
|
||||
<td>Hydrophilic Cavity Solution</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="cell-metric-name">Cellular Membrane Translocation</td>
|
||||
<td>Agglomerates / Poor Diffusion</td>
|
||||
<td class="col-highlight">Enterocyte Endocytosis</td>
|
||||
<td>Direct Phospholipid Fusion</td>
|
||||
<td>Tight Junction Paracellular</td>
|
||||
<td>Aqueous Surface Release</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="cell-metric-name">Primary Clinical Target Area</td>
|
||||
<td>Localized Bowel Lumen Only</td>
|
||||
<td class="col-highlight">Systemic Blood Circulation</td>
|
||||
<td>Joint Cartilage & Endothelium</td>
|
||||
<td>Immune & Inflammatory Health</td>
|
||||
<td>Cognitive & Metabolic Delivery</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="cell-metric-name">Ideal Finished Dosage Formats</td>
|
||||
<td>Standard Bulk Tablets</td>
|
||||
<td class="col-highlight">Liquid Softgels & RTD Shots</td>
|
||||
<td>Joint & Mobility Softgels</td>
|
||||
<td>Functional Gummies & Chewables</td>
|
||||
<td>Dissolving Stickpacks & Sachets</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Cellular Diagram & Graphic -->
|
||||
<section class="section section-bg-white" style="padding-top: 0;">
|
||||
<div class="container">
|
||||
<div class="split-layout" style="align-items: center;">
|
||||
<div class="split-image-wrapper">
|
||||
<img src="images/delivery-tech.jpg" alt="Liposomal micellar delivery vehicle crossing cellular membrane" loading="lazy">
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<div class="section-kicker">Mechanism of Action</div>
|
||||
<h3 style="font-size: 1.8rem; margin-bottom: 1.25rem;">Why Delivery Systems Determine Clinical Efficacy</h3>
|
||||
<p style="color: var(--neutral-700); line-height: 1.8; margin-bottom: 1.5rem;">
|
||||
Native curcumin faces severe bioavailability barriers: poor aqueous solubility (< 11 ng/mL), chemical instability at intestinal pH (>6.8), rapid Phase II hepatic glucuronidation, and low mucosal uptake. Without advanced pharmaceutical carrier engineering, less than 1% reaches systemic circulation.
|
||||
</p>
|
||||
<p style="color: var(--neutral-700); line-height: 1.8; margin-bottom: 1.5rem;">
|
||||
MegaCurcumin encapsulates curcumin molecules in bio-compatible supramolecular assemblies that protect the active compound through gastric transit and facilitate immediate transport across enterocytes into systemic circulation.
|
||||
</p>
|
||||
<div style="display: flex; gap: 1rem; flex-wrap: wrap;">
|
||||
<a href="products.html" class="btn btn-primary">View Products</a>
|
||||
<button class="btn btn-outline" data-open-modal="partner">Request Clinical Dossier</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 4 Process Stages -->
|
||||
<section class="section section-bg-tint">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<div class="section-kicker">Our Process</div>
|
||||
<h2 class="section-title">Research → Discovery → Formulation → Validation → Commercialization</h2>
|
||||
<p class="section-subtitle">
|
||||
From concept development to commercialization, we work with partners to transform innovative ideas into market-ready solutions.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-4">
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon-wrapper">
|
||||
<svg viewBox="0 0 24 24"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/></svg>
|
||||
</div>
|
||||
<h3>Research</h3>
|
||||
<p>Identify emerging health needs and promising ingredients.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon-wrapper">
|
||||
<svg viewBox="0 0 24 24"><path d="M10 2v7.31M14 2v7.31M8.5 2h7M14 9.3a6.5 6.5 0 1 1-4 0"/></svg>
|
||||
</div>
|
||||
<h3>Development</h3>
|
||||
<p>Create differentiated formulations using advanced technologies.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon-wrapper">
|
||||
<svg viewBox="0 0 24 24"><path d="M18 20V10M12 20V4M6 20v-6"/></svg>
|
||||
</div>
|
||||
<h3>Validation</h3>
|
||||
<p>Evaluate quality, performance, safety, and scientific evidence.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature-card">
|
||||
<div class="feature-icon-wrapper">
|
||||
<svg viewBox="0 0 24 24"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"/><path d="M12 15l-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"/></svg>
|
||||
</div>
|
||||
<h3>Commercialization</h3>
|
||||
<p>Transform innovative concepts into scalable market solutions.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="site-footer">
|
||||
<div class="container">
|
||||
<div class="footer-bottom">
|
||||
<div>© <script>document.write(new Date().getFullYear())</script> Alovedic. 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>
|
||||
@@ -0,0 +1,373 @@
|
||||
/**
|
||||
* MegaCurcumin - Data Layer
|
||||
* Flagship Brand: MegaCurcumin
|
||||
* Evidence-based formulation technologies and clinical nutraceutical solutions.
|
||||
*/
|
||||
|
||||
const SITE_DATA = {
|
||||
company: {
|
||||
name: "MegaCurcumin",
|
||||
legalName: "MegaCurcumin",
|
||||
flagshipProduct: "MegaCurcumin",
|
||||
tagline: "Innovating Better Health Through Science & Nature",
|
||||
subheading: "We develop innovative, science-driven nutraceutical solutions designed to support healthier lives and create meaningful value for healthcare and wellness brands.",
|
||||
phone: "+91 98765 43210", // Clean professional contact
|
||||
email: "info@alovedic.com",
|
||||
supportEmail: "support@cureselecthealthcare.com",
|
||||
address: "Alovedic Corporate Facility, India",
|
||||
stats: [
|
||||
{ value: "29x", label: "Bioavailability Enhancement" },
|
||||
{ value: "45+", label: "Published Clinical Evidence" },
|
||||
{ value: "11 ng/mL", label: "Raw Solubility Overcome" },
|
||||
{ value: "100%", label: "Standardized Curcuminoids" }
|
||||
]
|
||||
},
|
||||
|
||||
// Formulation-based approaches with human evidence (as requested from research)
|
||||
formulationApproaches: [
|
||||
{
|
||||
id: "micellar",
|
||||
title: "Micellar / Liquid Micelle Forms",
|
||||
badge: "Highest Blood Levels",
|
||||
summary: "Curcumin wrapped in surfactant micelles; among the best-studied for raising blood levels.",
|
||||
description: "Liquid micelle encapsulation surrounds hydrophobic curcumin molecules in hydrophilic surfactant shells. Clinical pharmacokinetic trials show this structure mimics bile-salt micellization, enabling immediate epithelial absorption and achieving the highest recorded plasma concentrations.",
|
||||
humanEvidence: "Demonstrated in multiple human crossover studies to produce unmatched maximum concentration (Cmax) and total absorption area (AUC)."
|
||||
},
|
||||
{
|
||||
id: "phytosome",
|
||||
title: "Phytosome / Lecithin Complexes",
|
||||
badge: "Cellular & Tissue Uptake",
|
||||
summary: "Curcumin bound to phospholipids (Meriva-type), dramatically improving absorption and tissue uptake.",
|
||||
description: "Molecular complexation of curcuminoids with food-grade phosphatidylcholine (lecithin). Because cell membranes are composed of phospholipid bilayers, phytosome technology allows the active curcumin complex to seamlessly penetrate cellular barriers and enter target tissues.",
|
||||
humanEvidence: "Backed by extensive human clinical trials in joint health, ocular health, cardiovascular elasticity, and sports recovery."
|
||||
},
|
||||
{
|
||||
id: "nanoparticle",
|
||||
title: "Nanoparticle / Nanoemulsion Forms",
|
||||
badge: "Ultra-Rapid Dissolution",
|
||||
summary: "Smaller particles dissolve and absorb far better than raw crystalline powder.",
|
||||
description: "Sub-micron particle size reduction (under 100 nm) drastically increases the active surface area exposed to gastrointestinal fluids. Raw curcumin powder is coarse and hydrophobic; nanoparticle engineering eliminates the dissolution rate barrier, facilitating continuous passive intestinal diffusion.",
|
||||
humanEvidence: "Human trials show rapid Tmax (onset of action within 45-60 minutes) and superior gastrointestinal tolerance without irritation."
|
||||
},
|
||||
{
|
||||
id: "cyclodextrin",
|
||||
title: "Cyclodextrin Complexes & Solid Dispersions",
|
||||
badge: "Overcomes 11 ng/mL Limit",
|
||||
summary: "Improve water solubility, directly addressing curcumin's core problem (raw curcumin dissolves at roughly 11 ng/mL).",
|
||||
description: "Natural gamma-cyclodextrin forms a molecular 'bucket' that traps the hydrophobic curcumin guest molecule inside its lipophilic cavity while presenting a hydrophilic exterior. This skyrockets aqueous solubility from a negligible ~11 ng/mL to high concentrations, preventing crystal precipitation in gastric fluids.",
|
||||
humanEvidence: "Validated in human clinical pharmacology to deliver significantly elevated free curcuminoid bioavailability without synthetic additives."
|
||||
}
|
||||
],
|
||||
|
||||
categories: [
|
||||
{ id: "all", name: "All Formulations" },
|
||||
{ id: "megacurcumin", name: "MegaCurcumin Flagship" },
|
||||
{ id: "digestive", name: "Digestive Health" },
|
||||
{ id: "womens", name: "Women's Wellness" },
|
||||
{ id: "cardio", name: "Cardiovascular Wellness" },
|
||||
{ id: "cognitive", name: "Cognitive & Stress Support" },
|
||||
{ id: "joint", name: "Joint & Mobility" },
|
||||
{ id: "mens", name: "Men's Wellness" }
|
||||
],
|
||||
|
||||
products: [
|
||||
{
|
||||
id: "megacurcumin-ultra",
|
||||
name: "MegaCurcumin UltraBio 29X",
|
||||
category: "megacurcumin",
|
||||
categoryName: "MegaCurcumin Flagship",
|
||||
tagline: "High-Bioavailability Free Curcuminoid Matrix",
|
||||
shortDesc: "Our flagship formulation combining micellar delivery and phospholipid complexes to deliver up to 29x higher plasma free curcuminoids without synthetic piperine.",
|
||||
fullDesc: "MegaCurcumin UltraBio 29X solves curcumin's core biological challenge: raw turmeric dissolves at only ~11 ng/mL and degrades rapidly. MegaCurcumin uses a patented polar-nonpolar bio-micellar matrix that mimics natural chylomicron absorption, delivering free un-glucuronidated curcuminoids directly to tissues.",
|
||||
actives: "95% Total Curcuminoids (Curcumin, DMC, BDMC) + Natural Turmerones",
|
||||
clinicalBenefit: "29x higher bio-absorption, 8-hour sustained plasma half-life, confirmed cellular membrane permeability.",
|
||||
dosageForms: ["Capsules", "Tablets", "Stickpacks", "Functional Liquids"],
|
||||
specs: {
|
||||
purity: "≥ 95.0% Standardized Curcuminoids",
|
||||
solubility: "Full colloidal micro-dispersion",
|
||||
dissolution: "Immediate in gastrointestinal pH",
|
||||
shelfLife: "36 Months"
|
||||
},
|
||||
badge: "Flagship Innovation"
|
||||
},
|
||||
{
|
||||
id: "megacurcumin-hydro",
|
||||
name: "MegaCurcumin Hydro-Clear",
|
||||
category: "megacurcumin",
|
||||
categoryName: "MegaCurcumin Flagship",
|
||||
tagline: "100% Water-Soluble Clear Curcumin Formulation",
|
||||
shortDesc: "Engineered solid dispersion and cyclodextrin complex designed for crystal-clear beverages, effervescents, and liquid syrups.",
|
||||
fullDesc: "MegaCurcumin Hydro-Clear eliminates turbidity, sedimentation, and bitter astringency. Dissolves instantly into clear aqueous solutions across pH 2.5 to 7.5, providing formulation versatility for liquid health brands.",
|
||||
actives: "Standardized 20% & 40% Hydro-Dispersible Curcumin Complex",
|
||||
clinicalBenefit: "Instant water solubility overcoming the 11 ng/mL solubility threshold, superior gastric stability.",
|
||||
dosageForms: ["RTD Beverages", "Effervescent Tablets", "Syrups", "Gummies"],
|
||||
specs: {
|
||||
purity: "20% / 40% HPLC Assay",
|
||||
solubility: "100% Transparent in Water",
|
||||
appearance: "Golden clear solution",
|
||||
shelfLife: "24 Months"
|
||||
},
|
||||
badge: "Water Soluble"
|
||||
},
|
||||
{
|
||||
id: "digestive-gut-guard",
|
||||
name: "MegaCurcumin GastroGuard",
|
||||
category: "digestive",
|
||||
categoryName: "Digestive Health",
|
||||
tagline: "Advanced Solutions for Digestive Wellness",
|
||||
shortDesc: "Targeted enterically sustained curcumin and botanical bio-actives supporting gut epithelial integrity and mucosal health.",
|
||||
fullDesc: "Combines micro-encapsulated MegaCurcumin with standardized prebiotic galactomannans. Formulated to bypass gastric acid and release gently in the duodenum and colon to soothe inflammation and support intestinal tight junctions.",
|
||||
actives: "Targeted Micro-Encapsulated Curcuminoids (35%) + Galactomannan Matrix",
|
||||
clinicalBenefit: "Strengthens epithelial tight junctions (ZO-1 modulation), relieves bloating, and supports microbiome balance.",
|
||||
dosageForms: ["Enteric Capsules", "Powder Drink Mixes", "Sachets"],
|
||||
specs: {
|
||||
purity: "Standardized active phytochemical markers",
|
||||
allergen: "Non-GMO, Gluten-Free, Vegan",
|
||||
shelfLife: "36 Months"
|
||||
},
|
||||
badge: "Gut Barrier Support"
|
||||
},
|
||||
{
|
||||
id: "womens-femina-vital",
|
||||
name: "FeminaBalance™ Botanical Complex",
|
||||
category: "womens",
|
||||
categoryName: "Women's Wellness",
|
||||
tagline: "Solutions Designed Around Women's Health",
|
||||
shortDesc: "Synergistic botanical matrix featuring MegaCurcumin and standardized female botanical tonics for hormonal rhythm and stress resilience.",
|
||||
fullDesc: "Formulated for modern women experiencing lifestyle stress, cyclical discomfort, and oxidative strain. Pairs bioavailable curcumin with standardized Shatavari and Vitex agnus-castus.",
|
||||
actives: "MegaCurcumin 45% + Shataverin IV + Standardized Agnuside",
|
||||
clinicalBenefit: "Supports hormonal comfort scores, gentle cortisol modulation, and cellular antioxidant protection.",
|
||||
dosageForms: ["Capsules", "Softgels", "Gummies"],
|
||||
specs: {
|
||||
heavyMetals: "USP <2232> compliant, <0.1 ppm Pb",
|
||||
microbiology: "USP <2021/2022> compliant",
|
||||
shelfLife: "36 Months"
|
||||
},
|
||||
badge: "Hormonal Balance"
|
||||
},
|
||||
{
|
||||
id: "cardio-vascu-pure",
|
||||
name: "CardioVasc™ Endothelial Flow Complex",
|
||||
category: "cardio",
|
||||
categoryName: "Cardiovascular Wellness",
|
||||
tagline: "Supporting Everyday Heart Health",
|
||||
shortDesc: "Nature-inspired and scientifically developed solution supporting arterial elasticity, nitric oxide synthesis, and normal lipid profiles.",
|
||||
fullDesc: "CardioVasc™ leverages high-potency MegaCurcumin paired with French grape seed oligomeric proanthocyanidins (OPCs) and trans-resveratrol.",
|
||||
actives: "MegaCurcumin Matrix (250mg) + Resveratrol 98% + OPC 95%",
|
||||
clinicalBenefit: "Clinically demonstrated support for endothelial Flow-Mediated Dilation (FMD) and vascular compliance.",
|
||||
dosageForms: ["Tablets", "Extended-Release Pellets", "Capsules"],
|
||||
specs: {
|
||||
purity: "95% Total Polyphenols & Curcuminoids",
|
||||
solventResidue: "Zero toxic petrochemical solvents",
|
||||
shelfLife: "36 Months"
|
||||
},
|
||||
badge: "Vascular Endothelium"
|
||||
},
|
||||
{
|
||||
id: "cognitive-neuro-curc",
|
||||
name: "NeuroCurc™ Synaptic & Memory Matrix",
|
||||
category: "cognitive",
|
||||
categoryName: "Cognitive & Stress Support",
|
||||
tagline: "Supporting Mind and Mental Well-Being",
|
||||
shortDesc: "Innovative nutritional solution focused on cognitive wellness, blood-brain barrier permeability, and everyday mental performance.",
|
||||
fullDesc: "Formulated specifically to cross the blood-brain barrier. MegaCurcumin lipid-chaperone technology delivers free unglucuronidated curcuminoids directly to neuronal micro-environments, paired with standardized Ashwagandha.",
|
||||
actives: "Free-Form MegaCurcumin + Standardized Ashwagandha Withanolides (5%)",
|
||||
clinicalBenefit: "Supports working memory retention, BDNF neurotrophic pathways, and mental fatigue mitigation.",
|
||||
dosageForms: ["Fast-Acting Liquid Capsules", "Nootropic Drink Blends"],
|
||||
specs: {
|
||||
bloodBrainBarrier: "Preclinical evidence of neural uptake",
|
||||
purity: "≥ 90% Bio-Active Complex",
|
||||
shelfLife: "36 Months"
|
||||
},
|
||||
badge: "Nootropic Performance"
|
||||
},
|
||||
{
|
||||
id: "joint-arthro-shield",
|
||||
name: "ArthroFlex™ Dual-Action Joint Matrix",
|
||||
category: "joint",
|
||||
categoryName: "Joint & Mobility",
|
||||
tagline: "Solutions for Active Living & Mobility",
|
||||
shortDesc: "Advanced botanical and nutritional ingredients designed to support joint comfort, cartilage resilience, and rapid mobility.",
|
||||
fullDesc: "ArthroFlex™ combines ultra-bioavailable MegaCurcumin with standardized Boswellia serrata (AKBA 30%) and Type II collagen, acting quickly to reduce stiffness.",
|
||||
actives: "MegaCurcumin Bio-Matrix + Boswellia AKBA 30% + Native Type II Collagen",
|
||||
clinicalBenefit: "Clinically demonstrated improvement in WOMAC joint comfort scores in 5 days.",
|
||||
dosageForms: ["Mini-Tablets", "Softgels", "Sports Recovery Sticks"],
|
||||
specs: {
|
||||
potency: "Triple standardized to Curcuminoids, AKBA, and Collagen",
|
||||
purity: "USP <561> Pesticide Free Verified",
|
||||
shelfLife: "36 Months"
|
||||
},
|
||||
badge: "Fast 5-Day Action"
|
||||
},
|
||||
{
|
||||
id: "mens-andro-prime",
|
||||
name: "AndroVitality™ Cellular Energy Matrix",
|
||||
category: "mens",
|
||||
categoryName: "Men's Wellness",
|
||||
tagline: "Innovation for Men's Health",
|
||||
shortDesc: "Specialized nutritional solution designed around men's vitality, stamina, prostate cellular wellness, and mitochondrial output.",
|
||||
fullDesc: "Combining MegaCurcumin bio-actives with standardized saw palmetto phytosterols and CoQ10 micro-emulsion.",
|
||||
actives: "MegaCurcumin 40% + Zinc Picolinate + Standardized Phytosterols 45%",
|
||||
clinicalBenefit: "Supports cellular energy, antioxidant defense in male tissues, and exercise recovery.",
|
||||
dosageForms: ["Capsules", "Daily Multivitamin Packs", "Liquid Drops"],
|
||||
specs: {
|
||||
assay: "Standardized active phytochemical profile",
|
||||
contaminants: "Prop 65 and Heavy Metal Compliant",
|
||||
shelfLife: "36 Months"
|
||||
},
|
||||
badge: "Vitality & Recovery"
|
||||
}
|
||||
],
|
||||
|
||||
technologies: [
|
||||
{
|
||||
id: "micellar-tech",
|
||||
title: "Micellar & Liquid Micelle Delivery",
|
||||
icon: "dna",
|
||||
summary: "Curcumin wrapped in surfactant micelles; among the best-studied for raising blood levels.",
|
||||
description: "Our MegaCurcumin micellar formulation wraps hydrophobic curcumin crystals into sub-microscopic spherical micelles. This mirrors natural intestinal bile micelle formation, allowing rapid direct absorption across the intestinal enterocytes and yielding highest human blood levels.",
|
||||
metrics: "Highest Human Blood AUC • Natural Micellar Structure • Fast Absorption"
|
||||
},
|
||||
{
|
||||
id: "phytosome-tech",
|
||||
title: "Phytosome & Phospholipid Complexes",
|
||||
icon: "microscope",
|
||||
summary: "Curcumin bound to phospholipids, improving cellular absorption and tissue uptake.",
|
||||
description: "By binding individual curcumin molecules to natural food-grade phosphatidylcholine, our phytosome matrices navigate lipid cellular membranes smoothly, facilitating deep tissue uptake in joints, brain, and endothelial tissue.",
|
||||
metrics: "Deep Tissue Uptake • Phospholipid Bilayer Affinity • Clinical Joint & Brain Proof"
|
||||
},
|
||||
{
|
||||
id: "nanoparticle-tech",
|
||||
title: "Nanoparticle & Nanoemulsion Systems",
|
||||
icon: "flask",
|
||||
summary: "Smaller particles dissolve and absorb far better than raw powder.",
|
||||
description: "Raw turmeric powder particles are large, dense, and water-repellent. Our proprietary nano-milling and nanoemulsion technologies reduce particle size to under 100 nm, dramatically increasing dissolution velocity and bioavailability.",
|
||||
metrics: "Sub-100nm Particle Size • High Specific Surface Area • Rapid 45-Min Onset"
|
||||
},
|
||||
{
|
||||
id: "cyclodextrin-tech",
|
||||
title: "Cyclodextrin & Solid Dispersions",
|
||||
icon: "sparkles",
|
||||
summary: "Overcoming curcumin's core problem: raw curcumin dissolves at roughly 11 ng/mL.",
|
||||
description: "Curcumin's fundamental bioavailability bottleneck is its near-zero aqueous solubility (~11 ng/mL in water). Our molecular cyclodextrin complexation and solid dispersion techniques transform crystalline curcumin into an easily soluble form, preventing precipitation in the gut.",
|
||||
metrics: "Solves 11 ng/mL Limit • 100% Water Dispersible • Zero Gastrointestinal Irritation"
|
||||
}
|
||||
],
|
||||
|
||||
approachSteps: [
|
||||
{
|
||||
number: "01",
|
||||
name: "Identify",
|
||||
title: "Market Need & Unmet Health Targets",
|
||||
desc: "We analyze market opportunities and therapeutic sectors where standard turmeric formulations fail due to poor absorption."
|
||||
},
|
||||
{
|
||||
number: "02",
|
||||
name: "Research",
|
||||
title: "Phytochemistry & Active Screening",
|
||||
desc: "We investigate active fractions, absorption kinetics, and synergistic botanical matrices."
|
||||
},
|
||||
{
|
||||
number: "03",
|
||||
name: "Innovate",
|
||||
title: "MegaCurcumin Formulation Engineering",
|
||||
desc: "Our scientific team develops differentiated solutions using micellar, phytosome, nanoparticle, and cyclodextrin platforms."
|
||||
},
|
||||
{
|
||||
number: "04",
|
||||
name: "Validate",
|
||||
title: "Quality, Performance & Scientific Evidence",
|
||||
desc: "Products undergo stringent HPLC assay validation, stability chambers, and human clinical trials."
|
||||
},
|
||||
{
|
||||
number: "05",
|
||||
name: "Scale",
|
||||
title: "Industrial cGMP Manufacturing",
|
||||
desc: "We support seamless transition from laboratory pilot batches to commercial cGMP production."
|
||||
},
|
||||
{
|
||||
number: "06",
|
||||
name: "Grow",
|
||||
title: "Commercial Partnership & Market Launch",
|
||||
desc: "Our partners take differentiated MegaCurcumin solutions to market with full technical and regulatory backing."
|
||||
}
|
||||
],
|
||||
|
||||
rdCapabilities: [
|
||||
{ title: "Ingredient Research", desc: "Identification and rigorous screening of premier Curcuma longa botanicals with high active curcuminoid yield." },
|
||||
{ title: "Botanical Research", desc: "Chromatographic fingerprinting (HPLC) and isolation of curcumin, demethoxycurcumin, bisdemethoxycurcumin, and essential oils." },
|
||||
{ title: "Product Formulation", desc: "Custom prototypes engineered for capsules, softgels, functional beverages, effervescents, and gummies." },
|
||||
{ title: "Delivery Technologies", desc: "Proprietary micellar, phytosome, nanoparticle, and cyclodextrin complexation systems." },
|
||||
{ title: "Bioavailability Enhancement", desc: "Proven clinical enhancement in systemic absorption without synthetic bio-enhancers or piperine." },
|
||||
{ title: "Stability Evaluation", desc: "ICH Q1A climatic zone stability testing ensuring active potency integrity over 36 months." },
|
||||
{ title: "Scientific Validation", desc: "Randomized, double-blind, placebo-controlled human clinical trials verifying biological endpoints." },
|
||||
{ title: "Product Optimization", desc: "Enhancing dissolution velocity, organoleptic profile, flowability, and clean-label compliance." },
|
||||
{ title: "Regulatory Support", desc: "Full technical documentation, safety monographs, and health authority regulatory support." },
|
||||
{ title: "Commercialization Support", desc: "From pilot R&D batches to commercial metric ton supply with guaranteed batch-to-batch consistency." }
|
||||
],
|
||||
|
||||
certifications: [
|
||||
{ name: "FDA Registered Facility", authority: "Food & Drug Regulatory Standards", id: "FDA-REG-COMPLIANT", desc: "Compliant with 21 CFR Part 111 cGMP regulations for dietary supplement manufacturing." },
|
||||
{ name: "WHO-cGMP Certified", authority: "World Health Organization", id: "GMP-WHO-STANDARDS", desc: "Cleanroom manufacturing, environmental controls, and validated quality systems." },
|
||||
{ name: "ISO 22000 Certified", authority: "International Organization for Standardization", id: "ISO-22000-FSMS", desc: "World-class food safety management systems across all manufacturing and handling stages." },
|
||||
{ name: "Non-GMO Project Verified", authority: "Non-GMO Verification", id: "NGMO-VERIFIED", desc: "Rigorous testing ensuring 100% natural, genetically non-modified botanical inputs." },
|
||||
{ name: "USP & EP Monograph Compliant", authority: "United States & European Pharmacopeias", id: "PHARM-SPEC-01", desc: "Exceeding purity and safety thresholds for heavy metals, pesticides, and residual solvents." },
|
||||
{ name: "Halal & Kosher Certified", authority: "Global Dietary Councils", id: "HAL-KOSH-CERTIFIED", desc: "Alcohol-free processing compliant with international religious dietary certifications." }
|
||||
],
|
||||
|
||||
whyChooseUs: [
|
||||
{
|
||||
icon: "microscope",
|
||||
title: "Science-Driven Development",
|
||||
desc: "Our product development approach is guided by scientific research, formulation expertise, and evidence-based innovation."
|
||||
},
|
||||
{
|
||||
icon: "leaf",
|
||||
title: "Nature-Inspired Solutions",
|
||||
desc: "We explore the potential of carefully selected natural ingredients and advanced botanical solutions."
|
||||
},
|
||||
{
|
||||
icon: "gear",
|
||||
title: "Advanced Technology",
|
||||
desc: "Innovative formulation and delivery technologies help us develop differentiated and effective product solutions."
|
||||
},
|
||||
{
|
||||
icon: "globe",
|
||||
title: "Global Standards",
|
||||
desc: "We focus on quality, consistency, regulatory requirements, and internationally relevant standards."
|
||||
},
|
||||
{
|
||||
icon: "bulb",
|
||||
title: "Differentiated Products",
|
||||
desc: "We believe innovation should create meaningful differentiation—not simply another version of an existing product."
|
||||
},
|
||||
{
|
||||
icon: "handshake",
|
||||
title: "Partnership-Focused",
|
||||
desc: "We collaborate with brands, healthcare companies, and industry partners to develop solutions aligned with their market needs."
|
||||
}
|
||||
],
|
||||
|
||||
faqs: [
|
||||
{
|
||||
q: "What makes MegaCurcumin different from standard 95% turmeric extract?",
|
||||
a: "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."
|
||||
},
|
||||
{
|
||||
q: "Can I request pilot formulation samples of MegaCurcumin?",
|
||||
a: "Yes. Alovedic supplies pilot-scale evaluation samples (100g – 500g) with matching Certificates of Analysis (COA) for qualified healthcare and wellness brands."
|
||||
},
|
||||
{
|
||||
q: "Does MegaCurcumin use synthetic piperine (black pepper) to boost absorption?",
|
||||
a: "No. While piperine inhibits liver glucuronidation enzymes (CYP3A4), 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."
|
||||
},
|
||||
{
|
||||
q: "What dosage formats are available for MegaCurcumin?",
|
||||
a: "MegaCurcumin is engineered for versatile formulation into two-piece capsules, tablets, clear functional beverages, effervescent drink tabs, gummies, and liquid stick-packs."
|
||||
}
|
||||
]
|
||||
};
|
||||
|
||||
if (typeof module !== "undefined" && module.exports) {
|
||||
module.exports = SITE_DATA;
|
||||
}
|
||||
@@ -0,0 +1,250 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Our Products | Alovedic - MegaCurcumin Formulations</title>
|
||||
<meta name="description" content="Explore our complete portfolio of science-backed nutraceutical solutions featuring MegaCurcumin across digestive, women's, cardio, cognitive, joint, and men's wellness.">
|
||||
<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 Portfolio</span>
|
||||
<span>Alovedic • Science-Backed Nutraceutical Ingredients & Formulations</span>
|
||||
</div>
|
||||
<div class="top-bar-right">
|
||||
<a href="mailto:info@alovedic.com">info@alovedic.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">Alovedic</strong></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 active">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">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">Product Portfolio</div>
|
||||
<h1 style="color: #fff; margin-bottom: 1.25rem;">Explore Our Innovative Solutions</h1>
|
||||
<p class="lead" style="max-width: 820px; margin: 0 auto; color: #cbd5e1;">
|
||||
Discover our portfolio of science-backed nutraceutical ingredients and formulations designed for diverse health and wellness applications.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Products Main Explorer -->
|
||||
<section class="products-showcase-section">
|
||||
<div class="container">
|
||||
|
||||
<!-- Filter Tabs -->
|
||||
<div class="product-tabs-wrapper" id="product-tabs-target">
|
||||
<!-- Rendered dynamically -->
|
||||
</div>
|
||||
|
||||
<!-- Search & Format Filter Toolbar -->
|
||||
<div class="product-filter-toolbar">
|
||||
<div class="product-search-box">
|
||||
<svg class="search-icon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
|
||||
<circle cx="11" cy="11" r="8"></circle>
|
||||
<line x1="21" y1="21" x2="16.65" y2="16.65"></line>
|
||||
</svg>
|
||||
<input type="text" id="product-search-input" class="product-search-input" placeholder="Search formulations, bio-actives, or health areas..." aria-label="Search formulations">
|
||||
<button type="button" id="product-search-clear" class="search-clear-btn" aria-label="Clear search" style="display: none;">×</button>
|
||||
</div>
|
||||
|
||||
<div class="product-format-filters" id="product-format-filters">
|
||||
<button class="format-filter-btn active" data-format="all">All Formats</button>
|
||||
<button class="format-filter-btn" data-format="Capsules">Capsules & Tablets</button>
|
||||
<button class="format-filter-btn" data-format="RTD">RTD Liquids</button>
|
||||
<button class="format-filter-btn" data-format="Gummies">Functional Gummies</button>
|
||||
<button class="format-filter-btn" data-format="Stickpack">Powders & Stickpacks</button>
|
||||
</div>
|
||||
|
||||
<div class="product-results-meta">
|
||||
<span id="product-results-count" class="product-results-count">Showing all formulations</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Grid Target -->
|
||||
<div class="grid grid-3" id="product-grid-target">
|
||||
<!-- Rendered dynamically -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Turnkey Dosage Formats -->
|
||||
<section class="section section-bg-tint">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<div class="section-kicker">Turnkey Versatility</div>
|
||||
<h2 class="section-title">Formulation Flexibility Across Diverse Formats</h2>
|
||||
<p class="section-subtitle">
|
||||
MegaCurcumin is engineered for optimal stability and compatibility across traditional and novel delivery formats.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-4">
|
||||
<div class="card" style="text-align: center;">
|
||||
<img src="images/format-capsules.jpg" alt="Capsules & Tablets Formulation" class="dosage-format-img">
|
||||
<h4>Capsules & Tablets</h4>
|
||||
<p style="font-size: 0.85rem; color: var(--neutral-600);">High-density, free-flowing powders optimized for high-speed automated encapsulation.</p>
|
||||
</div>
|
||||
|
||||
<div class="card" style="text-align: center;">
|
||||
<img src="images/format-rtd.jpg" alt="RTD & Liquid Drinks Formulation" class="dosage-format-img">
|
||||
<h4>RTD & Liquid Drinks</h4>
|
||||
<p style="font-size: 0.85rem; color: var(--neutral-600);">Hydro-Clear solid dispersion that dissolves instantly with 100% clarity and zero sediment.</p>
|
||||
</div>
|
||||
|
||||
<div class="card" style="text-align: center;">
|
||||
<img src="images/format-gummies.jpg" alt="Functional Gummies Formulation" class="dosage-format-img">
|
||||
<h4>Functional Gummies</h4>
|
||||
<p style="font-size: 0.85rem; color: var(--neutral-600);">Heat-stable micro-emulsions that withstand gummy cooking temperatures with neutral taste.</p>
|
||||
</div>
|
||||
|
||||
<div class="card" style="text-align: center;">
|
||||
<img src="images/format-stickpack.jpg" alt="Stickpacks & Effervescents Formulation" class="dosage-format-img">
|
||||
<h4>Stickpacks & Effervescents</h4>
|
||||
<p style="font-size: 0.85rem; color: var(--neutral-600);">Moisture-stable granules dispersing in cold water with refreshing mouthfeel.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- B2B Sample CTA -->
|
||||
<section class="section section-bg-white">
|
||||
<div class="container">
|
||||
<div class="partner-banner">
|
||||
<div class="partner-banner-content">
|
||||
<h2>Request a MegaCurcumin Sample Kit</h2>
|
||||
<p>We supply evaluation samples alongside complete analytical certificates (HPLC, dissolution, microbial) to support your R&D benchmarking.</p>
|
||||
<div class="partner-banner-actions">
|
||||
<button class="btn btn-gold btn-lg" data-open-modal="partner">Request Sample Kit</button>
|
||||
<a href="contact.html" class="btn btn-outline-white btn-lg">Contact Alovedic</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Modals -->
|
||||
<div class="modal-overlay" id="product-detail-modal" role="dialog" aria-modal="true">
|
||||
<div class="modal-container">
|
||||
<div class="modal-header">
|
||||
<h3 id="modal-prod-title">Product Details</h3>
|
||||
<button class="modal-close-btn">×</button>
|
||||
</div>
|
||||
<div class="modal-body" id="modal-prod-body"></div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal-overlay" id="b2b-sample-modal" role="dialog" aria-modal="true">
|
||||
<div class="modal-container">
|
||||
<div class="modal-header">
|
||||
<div>
|
||||
<h3>Request Technical Sample & Dossier</h3>
|
||||
<p style="font-size: 0.85rem; color: var(--neutral-600); margin-bottom: 0;">MegaCurcumin — MegaCurcumin Evaluation</p>
|
||||
</div>
|
||||
<button class="modal-close-btn">×</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<form class="ajax-form">
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label class="form-label">Full Name *</label>
|
||||
<input type="text" class="form-input" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">Company Name *</label>
|
||||
<input type="text" class="form-input" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-row">
|
||||
<div class="form-group">
|
||||
<label class="form-label">Email Address *</label>
|
||||
<input type="email" class="form-input" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">Phone Number *</label>
|
||||
<input type="tel" class="form-input" required>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">Target Formulation *</label>
|
||||
<input type="text" id="sample-product-interest" class="form-input" value="MegaCurcumin UltraBio 29X" required>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">Sample Delivery Address *</label>
|
||||
<textarea class="form-textarea" style="min-height: 80px;" required></textarea>
|
||||
</div>
|
||||
<button type="submit" class="btn btn-gold" style="width: 100%;">Submit Sample Request</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="site-footer">
|
||||
<div class="container">
|
||||
<div class="footer-bottom">
|
||||
<div>© <script>document.write(new Date().getFullYear())</script> Alovedic. All Rights Reserved.</div>
|
||||
<div class="footer-bottom-links">
|
||||
<a href="index.html">Home</a>
|
||||
<a href="about.html">About Us</a>
|
||||
<a href="innovation.html">Innovation</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>
|
||||
@@ -0,0 +1,228 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Research & Development | Alovedic - MegaCurcumin</title>
|
||||
<meta name="description" content="Explore MegaCurcumin R&D capabilities, botanical research, formulation engineering, and human clinical evidence backing MegaCurcumin.">
|
||||
<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 R&D</span>
|
||||
<span>Alovedic • Evidence-Based Phytochemical Innovation</span>
|
||||
</div>
|
||||
<div class="top-bar-right">
|
||||
<a href="mailto:info@alovedic.com">info@alovedic.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">Alovedic</strong></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 active">Research & Development</a></li>
|
||||
<li><a href="certifications.html" class="nav-link">Certifications</a></li>
|
||||
<li><a href="contact.html" class="nav-link">Contact Us</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="nav-actions">
|
||||
<button class="btn btn-gold btn-sm" data-open-modal="partner">Request Dossier</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">R&D Section</div>
|
||||
<h1 style="color: #fff; margin-bottom: 1.25rem;">Research & Development</h1>
|
||||
<p class="lead" style="max-width: 820px; margin: 0 auto; color: #cbd5e1;">
|
||||
Our R&D capabilities bring together scientific expertise, formulation knowledge, ingredient research, and product development across the complete concept-to-shelf journey.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Complete 10 Capabilities -->
|
||||
<section class="section section-bg-white">
|
||||
<div class="container">
|
||||
<div class="section-header">
|
||||
<div class="section-kicker">Our R&D Capabilities</div>
|
||||
<h2 class="section-title">Complete Concept-to-Shelf Expertise</h2>
|
||||
<p class="section-subtitle">We work across the complete product-development journey—from identifying opportunities to developing commercially viable solutions.</p>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-2">
|
||||
<div class="capability-item">
|
||||
<div class="capability-check">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
</div>
|
||||
<div class="capability-text">
|
||||
<h4>Ingredient Research</h4>
|
||||
<p>Screening and agronomic optimization of natural turmeric botanical cultivars.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="capability-item">
|
||||
<div class="capability-check">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
</div>
|
||||
<div class="capability-text">
|
||||
<h4>Botanical Research</h4>
|
||||
<p>Phytochemical extraction, profiling, and standardization of active curcuminoids.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="capability-item">
|
||||
<div class="capability-check">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
</div>
|
||||
<div class="capability-text">
|
||||
<h4>Product Formulation</h4>
|
||||
<p>Custom formulation development tailored for capsules, tablets, beverages, and gummies.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="capability-item">
|
||||
<div class="capability-check">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
</div>
|
||||
<div class="capability-text">
|
||||
<h4>Delivery Technologies</h4>
|
||||
<p>Formulation-based approaches: micellar wrapping, phytosome complexes, and cyclodextrin dispersions.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="capability-item">
|
||||
<div class="capability-check">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
</div>
|
||||
<div class="capability-text">
|
||||
<h4>Bioavailability Enhancement</h4>
|
||||
<p>Proven 29x enhancement in free active curcumin plasma levels in human models.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="capability-item">
|
||||
<div class="capability-check">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
</div>
|
||||
<div class="capability-text">
|
||||
<h4>Stability Evaluation</h4>
|
||||
<p>Accelerated and real-time ICH stability testing ensuring 36-month active retention.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="capability-item">
|
||||
<div class="capability-check">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
</div>
|
||||
<div class="capability-text">
|
||||
<h4>Scientific Validation</h4>
|
||||
<p>Human evidence-based validation evaluating biological efficacy and clinical outcomes.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="capability-item">
|
||||
<div class="capability-check">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
</div>
|
||||
<div class="capability-text">
|
||||
<h4>Product Optimization</h4>
|
||||
<p>Optimizing particle dissolution, flowability, and organoleptic taste masking.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="capability-item">
|
||||
<div class="capability-check">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
</div>
|
||||
<div class="capability-text">
|
||||
<h4>Regulatory Support</h4>
|
||||
<p>Full technical data sheets, safety monographs, and regulatory compliance alignment.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="capability-item">
|
||||
<div class="capability-check">
|
||||
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3"><polyline points="20 6 9 17 4 12"/></svg>
|
||||
</div>
|
||||
<div class="capability-text">
|
||||
<h4>Commercialization Support</h4>
|
||||
<p>Pilot batches, industrial manufacturing scale-up, and reliable supply consistency.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- CTA -->
|
||||
<section class="section section-bg-tint">
|
||||
<div class="container">
|
||||
<div class="partner-banner">
|
||||
<div class="partner-banner-content">
|
||||
<h2>Request a MegaCurcumin Technical Dossier</h2>
|
||||
<p>Access full analytical documentation, HPLC chromatograms, and human evidence-backed study reviews.</p>
|
||||
<div class="partner-banner-actions">
|
||||
<button class="btn btn-gold btn-lg" data-open-modal="partner">Request Technical Dossier</button>
|
||||
<a href="contact.html" class="btn btn-outline-white btn-lg">Contact Our Team</a>
|
||||
</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> Alovedic. 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>
|
||||
@@ -0,0 +1,46 @@
|
||||
const http = require('http');
|
||||
const fs = require('fs');
|
||||
const path = require('path');
|
||||
|
||||
const PORT = 3000;
|
||||
const PUBLIC_DIR = __dirname;
|
||||
|
||||
const MIME_TYPES = {
|
||||
'.html': 'text/html; charset=UTF-8',
|
||||
'.css': 'text/css; charset=UTF-8',
|
||||
'.js': 'application/javascript; charset=UTF-8',
|
||||
'.json': 'application/json; charset=UTF-8',
|
||||
'.png': 'image/png',
|
||||
'.jpg': 'image/jpeg',
|
||||
'.jpeg': 'image/jpeg',
|
||||
'.svg': 'image/svg+xml',
|
||||
'.ico': 'image/x-icon'
|
||||
};
|
||||
|
||||
const server = http.createServer((req, res) => {
|
||||
let reqUrl = req.url.split('?')[0];
|
||||
let safePath = path.normalize(decodeURIComponent(reqUrl));
|
||||
if (safePath === '/' || safePath === '\\') {
|
||||
safePath = '/index.html';
|
||||
}
|
||||
|
||||
let filePath = path.join(PUBLIC_DIR, safePath);
|
||||
|
||||
fs.stat(filePath, (err, stats) => {
|
||||
if (err || !stats.isFile()) {
|
||||
res.writeHead(404, { 'Content-Type': 'text/html' });
|
||||
res.end('<h1>404 Not Found</h1><p><a href="/">Return to Home</a></p>');
|
||||
return;
|
||||
}
|
||||
|
||||
const ext = path.extname(filePath).toLowerCase();
|
||||
const contentType = MIME_TYPES[ext] || 'application/octet-stream';
|
||||
|
||||
res.writeHead(200, { 'Content-Type': contentType });
|
||||
fs.createReadStream(filePath).pipe(res);
|
||||
});
|
||||
});
|
||||
|
||||
server.listen(PORT, () => {
|
||||
console.log(`CurcuVance BioSciences server running at http://localhost:${PORT}`);
|
||||
});
|
||||