236 lines
15 KiB
TypeScript
236 lines
15 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
|
|
import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
|
|
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
|
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Heart, Star, Truck, MessageCircle, Mail } from "lucide-react";
|
|
|
|
const HomePage = () => {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Shop", id: "/shop" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Shop", items: [
|
|
{ label: "Burqas", href: "/shop" },
|
|
{ label: "Hijabs", href: "/shop" },
|
|
{ label: "Niqabs", href: "/shop" },
|
|
{ label: "Prayer Sets", href: "/shop" },
|
|
{ label: "Accessories", href: "/shop" },
|
|
],
|
|
},
|
|
{
|
|
title: "Customer Service", items: [
|
|
{ label: "Contact Us", href: "contact" },
|
|
{ label: "Shipping Info", href: "#" },
|
|
{ label: "Returns & Refunds", href: "#" },
|
|
{ label: "FAQs", href: "#" },
|
|
{ label: "Track Order", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "about" },
|
|
{ label: "Our Story", href: "about" },
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms & Conditions", href: "#" },
|
|
{ label: "WhatsApp: +880 1234 567 890", href: "https://wa.me/8801234567890" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="entrance-slide"
|
|
borderRadius="pill"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSizeMediumTitles"
|
|
background="aurora"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="double-inset"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="normal"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple
|
|
brandName="HayaLux BD"
|
|
navItems={navItems}
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardCarousel
|
|
title="Elegant Modesty for Every Woman"
|
|
description="Discover premium, stylish burqas, hijabs, and niqabs crafted with care for the modern Muslim woman. Nationwide delivery with Cash on Delivery available."
|
|
tag="Welcome to HayaLux BD"
|
|
tagAnimation="slide-up"
|
|
buttons={[
|
|
{ text: "Shop Burqas", href: "/shop" },
|
|
{ text: "Shop Hijabs", href: "/shop" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fashion-model-pink-jacket-outdoors-with-black-head-cover_114579-8613.jpg", imageAlt: "Elegant burqa collection"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-vector/ramadan-kareem-islamic-festival-celebration-background_1055-23423.jpg?_wi=1", imageAlt: "Premium burqa with embroidery"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/smooth-textured-handkerchief-hanging_23-2149091384.jpg?_wi=1", imageAlt: "Luxury hijab collection"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-model-grey-hijab-mosque_114579-8828.jpg?_wi=1", imageAlt: "Elegant niqab style"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/groom-s-wedding-details-lie-table_8353-9645.jpg?_wi=1", imageAlt: "Islamic prayer sets"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/fashion-set_1203-7559.jpg?_wi=1", imageAlt: "Complete modest fashion collection"},
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured-categories" data-section="featured-categories">
|
|
<FeatureCardSix
|
|
title="Our Collections"
|
|
description="Browse through our carefully curated selection of modest wear for every occasion"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Premium Burqas", description: "Elegant burqas crafted from finest fabrics with intricate embroidery and designs. Perfect for daily wear and special occasions.", imageSrc: "http://img.b2bpic.net/free-vector/ramadan-kareem-islamic-festival-celebration-background_1055-23423.jpg?_wi=2", imageAlt: "Premium burqa collection"},
|
|
{
|
|
id: 2,
|
|
title: "Stylish Hijabs", description: "Wide range of hijabs in various colors and fabrics. From casual everyday wear to premium occasion pieces.", imageSrc: "http://img.b2bpic.net/free-photo/smooth-textured-handkerchief-hanging_23-2149091384.jpg?_wi=2", imageAlt: "Stylish hijab selection"},
|
|
{
|
|
id: 3,
|
|
title: "Elegant Niqabs", description: "Refined niqab designs combining comfort with style. Traditional craftsmanship meets modern aesthetic.", imageSrc: "http://img.b2bpic.net/free-photo/female-model-grey-hijab-mosque_114579-8828.jpg?_wi=2", imageAlt: "Elegant niqab designs"},
|
|
{
|
|
id: 4,
|
|
title: "Prayer Sets", description: "Complete prayer sets including prayer rugs, prayer beads, and accessories. Everything you need for your daily prayers.", imageSrc: "http://img.b2bpic.net/free-photo/groom-s-wedding-details-lie-table_8353-9645.jpg?_wi=2", imageAlt: "Complete prayer sets"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="featured-products" data-section="featured-products">
|
|
<ProductCardTwo
|
|
title="Best Sellers"
|
|
description="Discover our most loved products from our valued customers"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
gridVariant="three-columns-all-equal-width"
|
|
products={[
|
|
{
|
|
id: "1", brand: "HayaLux Premium", name: "Black Pearl Burqa", price: "৳ 1,950", rating: 5,
|
|
reviewCount: "2.3k", imageSrc: "http://img.b2bpic.net/free-vector/ramadan-kareem-islamic-festival-celebration-background_1055-23423.jpg?_wi=3", imageAlt: "Black Pearl Burqa"},
|
|
{
|
|
id: "2", brand: "HayaLux Essentials", name: "Sage Green Hijab Set", price: "৳ 890", rating: 5,
|
|
reviewCount: "1.8k", imageSrc: "http://img.b2bpic.net/free-photo/smooth-textured-handkerchief-hanging_23-2149091384.jpg?_wi=3", imageAlt: "Sage Green Hijab Set"},
|
|
{
|
|
id: "3", brand: "HayaLux Premium", name: "Midnight Niqab", price: "৳ 1,450", rating: 5,
|
|
reviewCount: "1.5k", imageSrc: "http://img.b2bpic.net/free-photo/female-model-grey-hijab-mosque_114579-8828.jpg?_wi=3", imageAlt: "Midnight Niqab"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="why-choose" data-section="why-choose">
|
|
<MetricCardOne
|
|
title="Why Choose HayaLux BD"
|
|
description="We're committed to quality, elegance, and your satisfaction"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="scale-rotate"
|
|
gridVariant="uniform-all-items-equal"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "5000", title: "Happy Customers", description: "Trusted by women across Bangladesh", icon: Heart,
|
|
},
|
|
{
|
|
id: "2", value: "100", title: "Premium Products", description: "Curated collections for every occasion", icon: Star,
|
|
},
|
|
{
|
|
id: "3", value: "7", title: "Days Delivery", description: "Nationwide delivery to your doorstep", icon: Truck,
|
|
},
|
|
{
|
|
id: "4", value: "24/7", title: "WhatsApp Support", description: "Always here to help you", icon: MessageCircle,
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFive
|
|
title="Customer Testimonials"
|
|
description="Hear from our valued customers about their HayaLux BD experience"
|
|
tag="Real Stories"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Fatima Rahman, Dhaka", date: "Date: 15 January 2025", title: "Absolutely beautiful and high quality!", quote: "I've ordered three times from HayaLux BD and every piece is absolutely stunning. The quality is premium and the customer service is exceptional. Highly recommend!", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/woman-doing-peace-sign-unfocused-caravan-with-copy-space_23-2148659526.jpg", avatarAlt: "Fatima Rahman", imageSrc: "http://img.b2bpic.net/free-vector/ramadan-kareem-islamic-festival-celebration-background_1055-23423.jpg?_wi=4", imageAlt: "Burqa collection"},
|
|
{
|
|
id: "2", name: "Aisha Khan, Chittagong", date: "Date: 10 January 2025", title: "Perfect fit and amazing designs", quote: "The designs are so elegant and modern. The fabrics are comfortable and breathable. I wore my burqa from HayaLux to the wedding and received so many compliments!", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/smiley-businesswoman-posing-outdoors_23-2148767054.jpg", avatarAlt: "Aisha Khan", imageSrc: "http://img.b2bpic.net/free-photo/smooth-textured-handkerchief-hanging_23-2149091384.jpg?_wi=4", imageAlt: "Hijab collection"},
|
|
{
|
|
id: "3", name: "Noor Hassan, Sylhet", date: "Date: 5 January 2025", title: "Excellent service and fast delivery", quote: "Ordered on Sunday and received by Wednesday. The packaging was beautiful and the product exceeded my expectations. This is my go-to brand now!", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-low-angle_23-2149213172.jpg", avatarAlt: "Noor Hassan", imageSrc: "http://img.b2bpic.net/free-photo/groom-s-wedding-details-lie-table_8353-9645.jpg?_wi=3", imageAlt: "Prayer sets"},
|
|
{
|
|
id: "4", name: "Laila Mahmud, Rajshahi", date: "Date: 28 December 2024", title: "Great value for money", quote: "I was hesitant about ordering online but HayaLux BD made it so easy. The COD option is perfect and the quality is genuinely premium without breaking the bank.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/young-blonde-charming-female-isolated_176474-79278.jpg", avatarAlt: "Laila Mahmud", imageSrc: "http://img.b2bpic.net/free-photo/female-model-grey-hijab-mosque_114579-8828.jpg?_wi=4", imageAlt: "Niqab collection"},
|
|
{
|
|
id: "5", name: "Yasmin Ahmed, Mymensingh", date: "Date: 20 December 2024", title: "Supporting local with pride", quote: "I love supporting local brands and HayaLux BD is doing amazing work. Their commitment to modest fashion is inspiring. Every purchase feels like an investment in our community.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/person-doing-house-tour-online_23-2151050242.jpg", avatarAlt: "Yasmin Ahmed", imageSrc: "http://img.b2bpic.net/free-photo/fashion-set_1203-7559.jpg?_wi=2", imageAlt: "Fashion collection"},
|
|
{
|
|
id: "6", name: "Sumaiya Begum, Khulna", date: "Date: 15 December 2024", title: "Customer care that actually cares", quote: "Had a small issue with my order and their WhatsApp support resolved it within minutes. This is genuine customer care. HayaLux BD is my trusted fashion partner now.", tag: "Verified Buyer", avatarSrc: "http://img.b2bpic.net/free-photo/cute-young-woman-with-camera-look-from-corner_176420-16737.jpg", avatarAlt: "Sumaiya Begum", imageSrc: "http://img.b2bpic.net/free-photo/smooth-textured-handkerchief-hanging_23-2149091384.jpg?_wi=5", imageAlt: "Hijab collection"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust-safety" data-section="trust-safety">
|
|
<SocialProofOne
|
|
title="Trusted Delivery Partners"
|
|
description="We partner with Bangladesh's most reliable delivery services to ensure your order arrives safely"
|
|
tag="Safe & Secure"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={["bKash", "Nagad", "Rocket", "Steadfast", "Redx", "Pathao", "Daraz Delivery"]}
|
|
speed={40}
|
|
showCard={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="newsletter" data-section="newsletter">
|
|
<ContactCTA
|
|
tag="Stay Connected"
|
|
tagIcon={Mail}
|
|
title="Join Our Community"
|
|
description="Subscribe to our WhatsApp channel for exclusive deals, new arrivals, and styling tips. Get 10% off your first order!"
|
|
buttons={[
|
|
{ text: "WhatsApp Channel", href: "https://wa.me/c/8801234567890" },
|
|
{ text: "Contact Us", href: "contact" },
|
|
]}
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="HayaLux BD"
|
|
copyrightText="© 2025 HayaLux BD | Elegant Modest Fashion for Every Woman"
|
|
columns={footerColumns}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
};
|
|
|
|
export default HomePage; |