<!DOCTYPE html>
<html lang="bn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hair Straight Combo - NeedIt BD</title>
<script src="https://cdn.tailwindcss.com"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<style>
@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&display=swap');
body {
font-family: 'Hind Siliguri', sans-serif;
}
.hero-bg {
background: linear-gradient(135deg, #0f172a 0%, #1e2937 100%);
}
.logo-glow {
filter: drop-shadow(0 0 20px rgba(16, 185, 129, 0.7));
}
.benefit-item {
transition: all 0.3s ease;
}
.benefit-item:hover {
transform: translateX(10px);
}
.form-input {
transition: all 0.3s ease;
}
.form-input:focus {
box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.2);
border-color: #10b981;
}
</style>
</head>
<body class="bg-gradient-to-br from-slate-50 via-emerald-50 to-slate-50 text-gray-800">
<!-- Promotional Banner -->
<section class="pt-8 pb-6 bg-white">
<div class="max-w-6xl mx-auto px-6">
<img src="https://hairstraighter.needitbd.shop/wp-content/uploads/2026/06/WhatsApp Image 2026-06-07 at 1.00.48 AM (2).jpeg"
alt=""
class="w-full rounded-3xl shadow-2xl mx-auto">
</div>
</section>
<!-- Hero -->
<section class="hero-bg text-white py-20">
<div class="max-w-6xl mx-auto px-6 text-center">
<div class="flex justify-center mb-6">
<img src="https://hairstraighter.needitbd.shop/wp-content/uploads/2026/06/WhatsApp-Image-2026-06-03-at-12.18.24-PM-202x300.jpeg"
alt="NeedIt BD Logo"
class="h-16 w-auto logo-glow">
</div>
<h1 class="text-5xl md:text-6xl font-bold leading-tight mb-6">
মাত্র কয়েক মিনিটে<br>
<span class="text-emerald-400">সিল্কি স্ট্রেইট চুল</span>
</h1>
<p class="text-2xl max-w-2xl mx-auto mb-10">Hair Straight Combo — ঘরে বসেই পার্লারের মতো ফলাফল</p>
<div class="flex flex-col sm:flex-row gap-4 justify-center">
<a href="#order"
class="bg-white text-emerald-700 px-10 py-6 rounded-3xl text-2xl font-bold shadow-2xl hover:scale-105 transition-all">
এখনই অর্ডার করুন — মাত্র ১২৫০ টাকায়
</a>
</div>
</div>
</section>
<!-- Middle Static Product Image -->
<section class="py-12 bg-white">
<div class="max-w-4xl mx-auto px-6">
<img src="https://hairstraighter.needitbd.shop/wp-content/uploads/2026/06/WhatsApp-Image-2026-06-07-at-1.00.48-AM-2-200x300.jpeg"
alt="Hair Straight Comb"
class="w-full rounded-3xl shadow-2xl mx-auto">
</div>
</section>
<!-- Product Slider -->
<section class="py-16 bg-white">
<div class="max-w-5xl mx-auto px-6">
<h2 class="text-4xl font-bold text-center mb-10 text-gray-800">প্রোডাক্ট গ্যালারি</h2>
<div id="slider" class="relative rounded-3xl overflow-hidden shadow-2xl border border-gray-100">
<div class="slide active">
<img src="https://hairstraighter.needitbd.shop/wp-content/uploads/2026/06/WhatsApp-Image-2026-06-07-at-1.00.48-AM-3-300x240.jpeg"
alt="" class="w-full h-[520px] object-cover">
</div>
<div class="slide">
<img src="https://hairstraighter.needitbd.shop/wp-content/uploads/2026/06/WhatsApp-Image-2026-06-07-at-1.00.48-AM-4-240x300.jpeg"
alt="" class="w-full h-[520px] object-cover">
</div>
<div class="slide">
<img src="https://hairstraighter.needitbd.shop/wp-content/uploads/2026/06/hWos2-300x241.jpg"
alt="" class="w-full h-[520px] object-cover">
</div>
<div class="slide">
<img src="https://hairstraighter.needitbd.shop/wp-content/uploads/2026/06/WhatsApp-Image-2026-06-07-at-1.00.48-AM-2-200x300.jpeg"
alt="" class="w-full h-[520px] object-cover">
</div>
<button onclick="prevSlide()" class="absolute left-6 top-1/2 -translate-y-1/2 bg-black/60 hover:bg-black/80 text-white w-14 h-14 rounded-full flex items-center justify-center text-4xl transition-all">‹</button>
<button onclick="nextSlide()" class="absolute right-6 top-1/2 -translate-y-1/2 bg-black/60 hover:bg-black/80 text-white w-14 h-14 rounded-full flex items-center justify-center text-4xl transition-all">›</button>
</div>
</div>
</section>
<!-- Features -->
<section id="features" class="py-20 bg-gradient-to-b from-slate-50 to-white">
<div class="max-w-5xl mx-auto px-6">
<h2 class="text-4xl font-bold text-center mb-16">প্রধান বৈশিষ্ট্যসমূহ</h2>
<div class="grid md:grid-cols-2 gap-6 text-lg">
<div class="benefit-item bg-white p-7 rounded-3xl shadow flex gap-5 items-start">
<span class="text-4xl">✅</span>
<div>কয়েক মিনিটেই কোঁকড়ানো ও এলোমেলো চুল সোজা করে</div>
</div>
<div class="benefit-item bg-white p-7 rounded-3xl shadow flex gap-5 items-start">
<span class="text-4xl">✅</span>
<div>হিটিং প্রযুক্তির মাধ্যমে চুলের জট দ্রুত ছাড়াতে সাহায্য করে</div>
</div>
<div class="benefit-item bg-white p-7 rounded-3xl shadow flex gap-5 items-start">
<span class="text-4xl">✅</span>
<div>তাপমাত্রা নিয়ন্ত্রণ সুবিধা থাকায় চুলের ধরন অনুযায়ী ব্যবহার করা যায়</div>
</div>
<div class="benefit-item bg-white p-7 rounded-3xl shadow flex gap-5 items-start">
<span class="text-4xl">✅</span>
<div>USB/Rechargeable চার্জিং সিস্টেম, যেকোনো সময় ব্যবহারযোগ্য</div>
</div>
<div class="benefit-item bg-white p-7 rounded-3xl shadow flex gap-5 items-start">
<span class="text-4xl">✅</span>
<div>চুল টানাটানি কম করে, ফলে চুল ভাঙার ঝুঁকি কম</div>
</div>
<div class="benefit-item bg-white p-7 rounded-3xl shadow flex gap-5 items-start">
<span class="text-4xl">✅</span>
<div>কমপ্যাক্ট ও পোর্টেবল ডিজাইন, ব্যাগে সহজেই বহন করা যায়</div>
</div>
<div class="benefit-item bg-white p-7 rounded-3xl shadow flex gap-5 items-start">
<span class="text-4xl">✅</span>
<div>দৈনন্দিন ব্যবহারের জন্য নিরাপদ ও সুবিধাজনক</div>
</div>
<div class="benefit-item bg-white p-7 rounded-3xl shadow flex gap-5 items-start">
<span class="text-4xl">✅</span>
<div>ঘরে বসেই পার্লারের মতো স্মুথ ও স্ট্রেইট লুক</div>
</div>
</div>
</div>
</section>
<!-- Order Form -->
<section id="order" class="py-20 bg-gradient-to-br from-emerald-800 to-slate-900 text-white">
<div class="max-w-3xl mx-auto px-6">
<div class="text-center mb-12">
<div class="inline-flex items-center gap-3 bg-white/10 backdrop-blur-md px-8 py-3 rounded-full mb-6">
<span class="text-3xl">🎉</span>
<span class="text-xl font-semibold">সীমিত সময়ের অফার</span>
</div>
<h2 class="text-5xl font-bold mb-3">মাত্র <span class="text-emerald-400">১২৫০ টাকা</span></h2>
<p class="text-2xl line-through text-emerald-300/70">রেগুলার মূল্য ১৪৫০ টাকা</p>
<p class="mt-6 text-xl font-medium text-emerald-300">একটার বেশি অর্ডার করলেই ডেলিভারি চার্জ ফ্রি!</p>
</div>
<div class="bg-white/10 backdrop-blur-xl rounded-3xl p-10 border border-white/20">
<h3 class="text-2xl font-semibold text-center mb-8">অর্ডার করতে নিচে আপনার তথ্য দিয়ে অর্ডার প্লেস বাটনে ক্লিক করুন</h3>
</script>
</body>
</html>