250 lines
13 KiB
HTML
250 lines
13 KiB
HTML
<!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>
|