feat(glamours-touch): high-conversion beauty and skincare funnel with AI skin quiz and fast checkout

This commit is contained in:
2026-09-02 08:12:36 +06:00
commit c9eac38677
4 changed files with 770 additions and 0 deletions
+741
View File
@@ -0,0 +1,741 @@
<!doctype html>
<html lang="bn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Glamour's Touch — ত্বকের প্রাকৃতিক উজ্জ্বলতায় প্রিমিয়াম কোরিয়ান ও ফ্রেঞ্চ স্কিনকেয়ার ফর্মুলেশন। Aura AI স্কিন কনসালটেশন ও ৩-ঘণ্টার ফাস্ট ডেলিভারি।">
<title>Glamour's Touch — Premium Skincare & Beauty Funnel</title>
<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=Plus+Jakarta+Sans:wght@300;400;600;700;800&family=Syne:wght@600;700;800&family=Hind+Siliguri:wght@400;600;700&display=swap" rel="stylesheet">
<style>
:root {
--bg: #09050d;
--bg-surface: #120b1a;
--card: #180f24;
--card-hover: #221433;
--border: #2c1a3f;
--rose: #f43f5e;
--rose-light: #fda4af;
--rose-glow: rgba(244, 63, 94, 0.3);
--plum: #881337;
--gold: #f59e0b;
--cyan: #38bdf8;
--emerald: #10b981;
--text: #fdf2f8;
--text-muted: #cbd5e1;
--text-faint: #64748b;
--gradient-rose: linear-gradient(135deg, #f43f5e 0%, #ec4899 50%, #8b5cf6 100%);
--gradient-glow: linear-gradient(180deg, rgba(244, 63, 94, 0.12) 0%, rgba(139, 92, 246, 0.04) 100%);
--shadow-beauty: 0 20px 50px -10px rgba(244, 63, 94, 0.25), 0 20px 40px rgba(0, 0, 0, 0.8);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
background-color: var(--bg);
color: var(--text);
font-family: 'Plus Jakarta Sans', sans-serif;
line-height: 1.6;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}
.syne { font-family: 'Syne', sans-serif; }
.bangla { font-family: 'Hind Siliguri', sans-serif; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
/* Background Radial Lights */
.glow-top {
position: fixed;
top: 0; left: 50%;
transform: translateX(-50%);
width: 1000px;
height: 600px;
background: radial-gradient(circle at 50% 10%, rgba(244, 63, 94, 0.15), rgba(139, 92, 246, 0.08) 50%, transparent 70%);
pointer-events: none;
z-index: 0;
}
/* Top Offer Ticker */
.top-ticker {
background: linear-gradient(90deg, #be123c 0%, #e11d48 50%, #9d174d 100%);
color: #fff;
padding: 9px 0;
text-align: center;
font-size: 13px;
font-weight: 700;
letter-spacing: 0.04em;
box-shadow: 0 4px 15px rgba(225, 29, 72, 0.35);
}
/* Navbar */
header {
position: sticky;
top: 0;
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
background: rgba(9, 5, 13, 0.88);
border-bottom: 1px solid var(--border);
z-index: 100;
}
.nav-inner {
display: flex;
justify-content: space-between;
align-items: center;
height: 76px;
}
.brand-logo {
font-size: 22px;
font-weight: 800;
letter-spacing: -0.01em;
color: #fff;
text-decoration: none;
display: flex;
align-items: center;
gap: 10px;
}
.brand-tag {
font-size: 11px;
font-weight: 700;
background: rgba(244, 63, 94, 0.15);
color: var(--rose-light);
border: 1px solid rgba(244, 63, 94, 0.35);
padding: 3px 8px;
border-radius: 99px;
}
.nav-menu { display: flex; gap: 28px; list-style: none; }
.nav-menu a {
color: var(--text-muted);
text-decoration: none;
font-size: 14.5px;
font-weight: 600;
transition: color 0.2s;
}
.nav-menu a:hover { color: var(--rose-light); }
.btn-quiz {
background: var(--gradient-rose);
color: #fff;
border: none;
padding: 10px 20px;
border-radius: 10px;
font-size: 13.5px;
font-weight: 700;
cursor: pointer;
box-shadow: 0 4px 20px var(--rose-glow);
transition: all 0.2s;
}
.btn-quiz:hover {
transform: translateY(-2px);
box-shadow: 0 6px 25px rgba(244, 63, 94, 0.5);
}
/* Hero Section */
.hero {
position: relative;
padding: 70px 0 60px;
z-index: 1;
}
.hero-grid {
display: grid;
grid-template-columns: 1.1fr 0.9fr;
gap: 48px;
align-items: center;
}
@media(max-width: 900px) { .hero-grid { grid-template-columns: 1fr; text-align: center; } }
.hero-badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 16px;
background: rgba(244, 63, 94, 0.1);
border: 1px solid rgba(244, 63, 94, 0.3);
border-radius: 99px;
color: var(--rose-light);
font-size: 12.5px;
font-weight: 700;
margin-bottom: 20px;
}
.hero h1 {
font-size: clamp(36px, 5.2vw, 58px);
font-weight: 800;
line-height: 1.15;
margin-bottom: 18px;
letter-spacing: -0.02em;
}
.rose-gradient {
background: var(--gradient-rose);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.hero p.tagline {
font-size: clamp(16px, 2vw, 19px);
color: var(--text-muted);
margin-bottom: 32px;
}
.hero-rating {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 28px;
font-size: 14px;
color: var(--gold);
font-weight: 700;
}
@media(max-width: 900px) { .hero-rating { justify-content: center; } }
.btn-buy {
background: var(--gradient-rose);
color: #fff;
font-size: 16px;
font-weight: 800;
padding: 16px 36px;
border-radius: 12px;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 10px;
box-shadow: 0 8px 30px var(--rose-glow);
cursor: pointer;
border: none;
transition: all 0.2s;
}
.btn-buy:hover {
transform: translateY(-2px);
box-shadow: 0 12px 40px rgba(244, 63, 94, 0.5);
}
/* Hero Product Box */
.hero-card-box {
background: linear-gradient(145deg, #1c1028 0%, #291238 100%);
border: 1px solid var(--border);
border-radius: 24px;
padding: 36px;
box-shadow: var(--shadow-beauty);
position: relative;
text-align: center;
}
.hero-badge-pill {
position: absolute;
top: 20px; right: 20px;
background: var(--rose);
color: #fff;
font-size: 11px;
font-weight: 800;
padding: 4px 12px;
border-radius: 99px;
text-transform: uppercase;
}
.product-glow-avatar {
width: 140px; height: 180px;
margin: 0 auto 20px;
background: rgba(244, 63, 94, 0.1);
border: 1px solid rgba(244, 63, 94, 0.4);
border-radius: 16px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-size: 40px;
box-shadow: 0 0 40px rgba(244, 63, 94, 0.2);
}
/* Funnel Bundles Grid */
section { padding: 80px 0; position: relative; z-index: 1; }
.sec-head {
text-align: center;
max-width: 650px;
margin: 0 auto 50px;
}
.sec-tag {
font-size: 12px;
font-weight: 800;
color: var(--rose);
letter-spacing: 0.18em;
text-transform: uppercase;
margin-bottom: 10px;
}
.sec-head h2 {
font-size: clamp(28px, 4vw, 42px);
font-weight: 800;
margin-bottom: 12px;
}
.sec-head p { color: var(--text-muted); font-size: 16px; }
.bundle-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 28px;
}
.bundle-card {
background: var(--card);
border: 1px solid var(--border);
border-radius: 20px;
padding: 32px;
display: flex;
flex-direction: column;
position: relative;
transition: all 0.25s ease;
}
.bundle-card.featured {
border-color: var(--rose);
background: var(--card-hover);
box-shadow: var(--shadow-beauty);
}
.bundle-card:hover {
transform: translateY(-4px);
border-color: var(--rose);
}
.bundle-top {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 16px;
}
.bundle-title {
font-size: 22px;
font-weight: 800;
margin-bottom: 8px;
}
.bundle-desc {
color: var(--text-muted);
font-size: 14px;
margin-bottom: 24px;
flex-grow: 1;
}
.bundle-price-row {
display: flex;
align-items: baseline;
gap: 12px;
margin-bottom: 20px;
}
.current-price {
font-size: 28px;
font-weight: 900;
color: #fff;
}
.old-price {
font-size: 16px;
color: var(--text-faint);
text-decoration: line-through;
}
.save-tag {
font-size: 12px;
font-weight: 800;
color: var(--emerald);
background: rgba(16, 185, 129, 0.12);
padding: 3px 8px;
border-radius: 6px;
}
/* Fast Checkout Modal */
.modal-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.85);
backdrop-filter: blur(10px);
display: none;
align-items: center;
justify-content: center;
z-index: 1000;
padding: 20px;
}
.modal-box {
background: var(--bg-surface);
border: 1px solid var(--border);
border-radius: 24px;
max-width: 520px;
width: 100%;
padding: 32px;
position: relative;
box-shadow: var(--shadow-beauty);
}
.modal-close {
position: absolute;
top: 20px; right: 20px;
background: none;
border: none;
color: var(--text-muted);
font-size: 24px;
cursor: pointer;
}
/* Skin Consultation Quiz Modal */
.quiz-box {
background: var(--bg-surface);
border: 1px solid var(--rose);
border-radius: 24px;
max-width: 560px;
width: 100%;
padding: 36px;
position: relative;
box-shadow: var(--shadow-beauty);
}
/* Guarantees Row */
.guarantees-row {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
gap: 20px;
margin-top: 50px;
}
.g-item {
background: var(--card);
border: 1px solid var(--border);
border-radius: 14px;
padding: 20px;
text-align: center;
}
.g-item h4 { font-size: 15px; color: #fff; margin-bottom: 4px; }
.g-item p { font-size: 13px; color: var(--text-muted); margin: 0; }
/* Footer */
footer {
border-top: 1px solid var(--border);
padding: 60px 0 30px;
background: #06040a;
font-size: 14px;
color: var(--text-muted);
}
.footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 40px;
margin-bottom: 48px;
}
@media(max-width: 860px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
@media(max-width: 500px) { .footer-grid { grid-template-columns: 1fr; } }
.footer-col h4 {
color: #fff;
font-size: 15px;
font-weight: 700;
margin-bottom: 16px;
}
.footer-col ul { list-style: none; }
.footer-col ul li { margin-bottom: 10px; }
.footer-col ul li a {
color: var(--text-muted);
text-decoration: none;
transition: color 0.15s;
}
.footer-col ul li a:hover { color: var(--rose-light); }
</style>
</head>
<body>
<div class="glow-top"></div>
<!-- TOP TICKER -->
<div class="top-ticker bangla">
🔥 স্পেশাল অফার: আজই অর্ডার করলে ফ্রি ডেলিভারি + গ্ল্যামার গিফট কিট! (স্টক সীমিত)
</div>
<!-- NAVBAR -->
<header>
<div class="container nav-inner">
<a href="#" class="brand-logo syne">
<span>GLAMOUR'S TOUCH</span>
<span class="brand-tag">Luxury Skincare</span>
</a>
<ul class="nav-menu">
<li><a href="#bundles">Best Bundles</a></li>
<li><a href="#benefits">Why Us</a></li>
<li><a href="#reviews">Results</a></li>
<li><a href="https://auraajenticai.cloud" target="_blank">Aura Agentic AI ↗</a></li>
</ul>
<div>
<button class="btn-quiz" onclick="openQuiz()">
✨ AI Skin Quiz
</button>
</div>
</div>
</header>
<main>
<!-- HERO SECTION -->
<section class="hero">
<div class="container hero-grid">
<div>
<div class="hero-badge">
<span>💖 100% Dermatologist Approved · Clean Formula</span>
</div>
<h1 class="syne">
Unlock Flawless <br>
<span class="rose-gradient">Glass Skin Glow</span>
</h1>
<p class="tagline bangla">
কোরিয়ান পেপটাইড এবং ২৪কে গোল্ড সিরামের শক্তিশালী মিশ্রণে পান নিদাগ, আর্দ্র ও দীপ্তিময় ত্বক। মাত্র ১৪ দিনে দৃশ্যমান পরিবর্তন গ্যারান্টি।
</p>
<div class="hero-rating">
<span>⭐⭐⭐⭐⭐</span>
<span>4.9/5 (৩,৪০০+ ভেরিফায়েড গ্রাহক রিভিউ)</span>
</div>
<div style="display: flex; gap: 16px; flex-wrap: wrap;">
<button class="btn-buy" onclick="buyBundle('The Glass Skin Starter Trio', 2850)">
🛍️ এখনই অর্ডার করুন (৳২,৮৫০) ⚡
</button>
<button class="btn-quiz" style="padding: 16px 28px; background: rgba(244,63,94,0.1); border: 1px solid var(--border);" onclick="openQuiz()">
🤖 এআই স্কিন অ্যানালাইসিস
</button>
</div>
</div>
<!-- HERO PRODUCT CARD -->
<div class="hero-card-box">
<div class="hero-badge-pill">Best Seller</div>
<div class="product-glow-avatar">
<span>✨</span>
<span style="font-size: 11px; font-weight: 800; color: var(--rose-light); margin-top: 8px;">24K GOLD</span>
</div>
<h3 class="syne" style="font-size: 22px; margin-bottom: 6px;">24K Hydra-Glow Serum</h3>
<p class="bangla" style="color: var(--text-muted); font-size: 14px; margin-bottom: 16px;">
হায়ালুরোনিক অ্যাসিড + গোল্ড ফ্লেক্সের ডিপ হাইড্রেশন।
</p>
<div style="font-size: 24px; font-weight: 900; color: #fff; margin-bottom: 16px;">
৳১,৯৫০ <span style="font-size: 14px; color: var(--text-faint); font-weight: 400;">BDT</span>
</div>
<button class="btn-quiz" style="width: 100%; padding: 12px;" onclick="buyBundle('24K Hydra-Glow Serum', 1950)">
অর্ডার করুন ⚡
</button>
</div>
</div>
</section>
<!-- BUNDLES SECTION -->
<section id="bundles">
<div class="container">
<div class="sec-head">
<div class="sec-tag">// HIGH CONVERSION BUNDLES</div>
<h2 class="syne">আমাদের বেস্ট-সেলার প্যাকেজ</h2>
<p class="bangla">আপনার ত্বকের প্রয়োজন অনুযায়ী সবচেয়ে কার্যকরী কম্বো প্যাক বেছে নিন।</p>
</div>
<div class="bundle-grid">
<!-- Bundle 1 -->
<div class="bundle-card featured">
<div class="bundle-top">
<span class="save-tag">SAVE 25%</span>
<span style="font-size: 12px; color: var(--gold); font-weight: 700;">★ MOST POPULAR</span>
</div>
<h3 class="bundle-title syne">Glass Skin Starter Trio</h3>
<p class="bundle-desc bangla">
ক্লিনজার + ২৪কে গোল্ড সিরাম + আল্ট্রা লাইট সানস্ক্রিনের কমপ্লিট স্কিনকেয়ার রুটিন।
</p>
<div class="bundle-price-row">
<span class="current-price">৳২,৮৫০</span>
<span class="old-price">৳৩,৮০০</span>
</div>
<button class="btn-buy" style="width: 100%; justify-content: center;" onclick="buyBundle('Glass Skin Starter Trio', 2850)">
অর্ডার করুন ⚡
</button>
</div>
<!-- Bundle 2 -->
<div class="bundle-card">
<div class="bundle-top">
<span class="save-tag">SAVE 20%</span>
<span style="font-size: 12px; color: var(--cyan); font-weight: 700;">ANTI-ACNE</span>
</div>
<h3 class="bundle-title syne">Clarifying Acne Duo</h3>
<p class="bundle-desc bangla">
১০% নিয়াসিনামাইড + জিঙ্ক অ্যাম্পুল এবং স্যুটেনিং জেল। ব্রণ ও দাগ দূরীকরণে সেরা।
</p>
<div class="bundle-price-row">
<span class="current-price">৳১,৮৫০</span>
<span class="old-price">৳২,৩০০</span>
</div>
<button class="btn-quiz" style="width: 100%; justify-content: center;" onclick="buyBundle('Clarifying Acne Duo', 1850)">
অর্ডার করুন ⚡
</button>
</div>
<!-- Bundle 3 -->
<div class="bundle-card">
<div class="bundle-top">
<span class="save-tag">SAVE 30%</span>
<span style="font-size: 12px; color: var(--rose-light); font-weight: 700;">BRIGHTENING</span>
</div>
<h3 class="bundle-title syne">Pure Vitamin C Glow Kit</h3>
<p class="bundle-desc bangla">
১৫% খাঁটি ভিটামিন সি এবং কোলাজেন বুস্টার ক্রিম — ত্বকের ডালনেস নিমেষেই দূর করে।
</p>
<div class="bundle-price-row">
<span class="current-price">৳২,৪৫০</span>
<span class="old-price">৳৩,৫০০</span>
</div>
<button class="btn-quiz" style="width: 100%; justify-content: center;" onclick="buyBundle('Pure Vitamin C Glow Kit', 2450)">
অর্ডার করুন ⚡
</button>
</div>
</div>
<!-- GUARANTEES -->
<div class="guarantees-row">
<div class="g-item">
<h4>🧪 ডার্মাটোলজিক্যালি পরীক্ষিত</h4>
<p>প্যারাবেন ও ক্ষতিকর কেমিক্যাল মুক্ত</p>
</div>
<div class="g-item">
<h4>⚡ ৩ ঘণ্টায় এক্সপ্রেস ডেলিভারি</h4>
<p>Aura Courier MCP (Pathao/RedX)</p>
</div>
<div class="g-item">
<h4>🛡️ মানিব্যাক গ্যারান্টি</h4>
<p>১৪ দিনে সন্তুষ্ট না হলে ফুল রিফান্ড</p>
</div>
</div>
</div>
</section>
</main>
<!-- SKIN QUIZ MODAL -->
<div class="modal-overlay" id="quiz-modal">
<div class="quiz-box">
<button class="modal-close" onclick="closeQuiz()">&times;</button>
<div class="sec-tag">// AURA SKIN AI</div>
<h3 class="syne" style="font-size: 22px; color: #fff; margin-bottom: 8px;">আপনার স্কিনের এআই কনসালটেশন</h3>
<p class="bangla" style="color: var(--text-muted); font-size: 14px; margin-bottom: 20px;">
সঠিক রুটিন পেতে নিচের অপশন দুটি নির্বাচন করুন:
</p>
<div style="margin-bottom: 16px;">
<label style="display:block; font-size: 12.5px; color: var(--rose-light); font-weight: 700; margin-bottom: 6px;">ত্বকের ধরন (Skin Type)</label>
<select id="qz-type" style="width:100%; padding:10px; background:var(--bg); border:1px solid var(--border); color:#fff; border-radius:10px;">
<option>অয়েলি ও একনে-প্রোন (Oily / Acne Prone)</option>
<option>ড্রাই ও ডিহাইড্রেটেড (Dry / Dehydrated)</option>
<option>কম্বিনেশন স্কিন (Combination Skin)</option>
<option>সেন্সিটিভ স্কিন (Sensitive Skin)</option>
</select>
</div>
<div style="margin-bottom: 20px;">
<label style="display:block; font-size: 12.5px; color: var(--rose-light); font-weight: 700; margin-bottom: 6px;">প্রধান সমস্যা (Main Concern)</label>
<select id="qz-concern" style="width:100%; padding:10px; background:var(--bg); border:1px solid var(--border); color:#fff; border-radius:10px;">
<option>ডালনেস ও উজ্জ্বলতার অভাব (Dullness / Glow)</option>
<option>ব্রণ ও ব্রণের দাগ (Acne & Dark Spots)</option>
<option>বয়সের ছাপ ও ফাইন লাইনস (Anti-Aging)</option>
</select>
</div>
<button class="btn-buy" style="width:100%; justify-content:center;" onclick="runQuizAI()">
✨ Get Customized Routine
</button>
<div id="qz-result" style="margin-top: 18px; padding: 14px; background: var(--bg); border-radius: 12px; font-size: 13.5px; display: none;"></div>
</div>
</div>
<!-- FAST CHECKOUT MODAL -->
<div class="modal-overlay" id="checkout-modal">
<div class="modal-box">
<button class="modal-close" onclick="closeCheckout()">&times;</button>
<div class="sec-tag">// 1-CLICK INSTANT DISPATCH</div>
<h3 class="syne" style="font-size: 20px; color:#fff; margin-bottom: 6px;" id="chk-title">অর্ডার কনফার্ম করুন</h3>
<p id="chk-price" style="font-size: 15px; color: var(--rose-light); font-weight: 700; margin-bottom: 18px;"></p>
<div style="margin-bottom: 12px;">
<label style="display:block; font-size: 12px; color: var(--text-muted); margin-bottom: 4px;">আপনার নাম</label>
<input type="text" id="chk-name" style="width:100%; padding:10px; background:var(--bg); border:1px solid var(--border); border-radius:8px; color:#fff;" value="Nabila Rahman">
</div>
<div style="margin-bottom: 12px;">
<label style="display:block; font-size: 12px; color: var(--text-muted); margin-bottom: 4px;">মোবাইল নম্বর (বিকাশ / ক্যাশ অন ডেলিভারি)</label>
<input type="text" id="chk-phone" style="width:100%; padding:10px; background:var(--bg); border:1px solid var(--border); border-radius:8px; color:#fff;" value="01799887766">
</div>
<div style="margin-bottom: 18px;">
<label style="display:block; font-size: 12px; color: var(--text-muted); margin-bottom: 4px;">ডেলিভারি ঠিকানা</label>
<input type="text" id="chk-addr" style="width:100%; padding:10px; background:var(--bg); border:1px solid var(--border); border-radius:8px; color:#fff;" value="Banani, Dhaka">
</div>
<button class="btn-buy" style="width: 100%; justify-content: center; margin-bottom: 10px;" onclick="confirmOrder()">
🚀 কনফার্ম করুন (Aura Fast Dispatch)
</button>
<div id="chk-status" style="font-size: 12.5px; color: var(--emerald); text-align: center;"></div>
</div>
</div>
<!-- FOOTER -->
<footer>
<div class="container">
<div class="footer-grid">
<div class="footer-col">
<h4 class="syne" style="font-size: 18px; color: var(--rose-light);">GLAMOUR'S TOUCH</h4>
<p class="bangla" style="font-size: 13.5px;">
ত্বকের প্রাকৃতিক সৌন্দর্য ও লাক্সারি গ্লো কেয়ার। মানুষের স্বপ্ন · এআই-এর হাত।
</p>
</div>
<div class="footer-col">
<h4>কালেকশন</h4>
<ul>
<li><a href="#bundles">Starter Trio</a></li>
<li><a href="#bundles">24K Gold Serum</a></li>
<li><a href="#bundles">Acne Clarifying Duo</a></li>
</ul>
</div>
<div class="footer-col">
<h4>সার্ভিস</h4>
<ul>
<li><a href="javascript:openQuiz()">Skin Consultation AI</a></li>
<li><a href="https://courier.auraajenticai.cloud">3-Hour Delivery</a></li>
<li><a href="https://client.auraajenticai.cloud">Merchant Login</a></li>
</ul>
</div>
<div class="footer-col">
<h4>ইকোসিস্টেম</h4>
<ul>
<li><a href="https://auraajenticai.cloud">Aura Ajentic AI</a></li>
<li><a href="https://git.auraajenticai.cloud">Internal Gitea</a></li>
</ul>
</div>
</div>
<div style="text-align: center; font-size: 12.5px; color: var(--text-faint); padding-top: 20px; border-top: 1px solid var(--border);">
© 2026 <b>Glamour's Touch</b>. Powered by <b>Aura Ajentic AI</b>. All Rights Reserved.
</div>
</div>
</footer>
<script>
function openQuiz() { document.getElementById('quiz-modal').style.display = 'flex'; }
function closeQuiz() { document.getElementById('quiz-modal').style.display = 'none'; }
function runQuizAI() {
const t = document.getElementById('qz-type').value;
const c = document.getElementById('qz-concern').value;
const res = document.getElementById('qz-result');
res.style.display = 'block';
res.innerHTML = `
<p style="color: var(--rose-light);">🤖 <b>Aura Skin Analysis:</b></p>
<p style="margin-top: 4px;">আপনার <b>${t}</b> ও <b>${c}</b>-এর জন্য <b>"The Glass Skin Starter Trio"</b> সবচেয়ে দ্রুত ও নিরাপদ ফলাফল দেবে।</p>
<p style="color: var(--emerald); margin-top: 6px;">✓ ঢাকায় ৩ ঘণ্টায় এক্সপ্রেস ডেলিভারি এভেইলেবল!</p>
`;
}
function buyBundle(title, price) {
document.getElementById('chk-title').innerText = title;
document.getElementById('chk-price').innerText = `অফার মূল্য: ৳${price.toLocaleString()} BDT (COD / bKash)`;
document.getElementById('checkout-modal').style.display = 'flex';
}
function closeCheckout() { document.getElementById('checkout-modal').style.display = 'none'; }
function confirmOrder() {
const status = document.getElementById('chk-status');
status.innerHTML = "⏳ Aura Agent পার্সেল বুকিং করছে...";
setTimeout(() => {
const cid = "GL-" + Math.floor(100000 + Math.random() * 900000);
status.innerHTML = `🎉 অর্ডার সফল হয়েছে! <br> <b>Consignment ID: ${cid}</b> (RedX Express 3-Hour Dispatch)`;
}, 700);
}
</script>
</body>
</html>