Files
megacurcumin_website/contact.html
T

260 lines
14 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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>