Merge version_1 into main #1
360
src/app/page.tsx
360
src/app/page.tsx
@@ -27,258 +27,130 @@ export default function LandingPage() {
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Order Now",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Al-Madina Boutique"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Collection", id: "products" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Order Now", id: "contact" },
|
||||
]}
|
||||
brandName="Al-Madina Boutique"
|
||||
button={{ text: "WhatsApp", href: "https://wa.me/923024325668" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Al-Madina Boutique"
|
||||
description="Exquisite modest fashion tailored for your unique style. Bringing boutique-quality elegance directly to your doorstep."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Collection",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp Order",
|
||||
href: "https://wa.me/923024325668",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/clothing-store-with-blurred-effect_23-2148164750.jpg"
|
||||
imageAlt="Elegant boutique fashion"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogo
|
||||
logoText="Al-Madina Boutique"
|
||||
description="Exquisite modest fashion tailored for your unique style. Bringing boutique-quality elegance directly to your doorstep."
|
||||
buttons={[
|
||||
{ text: "View Collection", href: "#products" },
|
||||
{ text: "WhatsApp Order", href: "https://wa.me/923024325668" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/clothing-store-with-blurred-effect_23-2148164750.jpg"
|
||||
imageAlt="Elegant boutique fashion"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Crafting Elegance for Every Occasion"
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={true}
|
||||
title="Crafting Elegance for Every Occasion"
|
||||
buttons={[
|
||||
{ text: "Contact Us", href: "#contact" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Elegance Abaya",
|
||||
price: "PKR 5,500",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handmade-embroidery-folk-arts-crafts_469670-53.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Embroidered Silk Shawl",
|
||||
price: "PKR 3,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-wearing-folk-dance-costume_23-2149646807.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Floral Summer Kaftan",
|
||||
price: "PKR 4,800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-afro-american-man-wearing-traditional-clothes-modern-city_627829-188.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Formal Occasion Suit",
|
||||
price: "PKR 8,900",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-customer-s-hand-choosing-shirt-hanging-rail-shop_23-2148175704.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Minimalist Chiffon Hijab",
|
||||
price: "PKR 1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-medieval-queen-with-rosary_23-2150306025.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Velvet Evening Gown",
|
||||
price: "PKR 12,000",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-praying-indoors-front-view_23-2150154510.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Latest Collection"
|
||||
description="Explore our curated selection of fine modest wear."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Classic Elegance Abaya", price: "PKR 5,500", imageSrc: "http://img.b2bpic.net/free-photo/handmade-embroidery-folk-arts-crafts_469670-53.jpg" },
|
||||
{ id: "p2", name: "Embroidered Silk Shawl", price: "PKR 3,200", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-wearing-folk-dance-costume_23-2149646807.jpg" },
|
||||
{ id: "p3", name: "Floral Summer Kaftan", price: "PKR 4,800", imageSrc: "http://img.b2bpic.net/free-photo/handsome-afro-american-man-wearing-traditional-clothes-modern-city_627829-188.jpg" },
|
||||
{ id: "p4", name: "Formal Occasion Suit", price: "PKR 8,900", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-customer-s-hand-choosing-shirt-hanging-rail-shop_23-2148175704.jpg" },
|
||||
{ id: "p5", name: "Minimalist Chiffon Hijab", price: "PKR 1,200", imageSrc: "http://img.b2bpic.net/free-photo/portrait-medieval-queen-with-rosary_23-2150306025.jpg" },
|
||||
{ id: "p6", name: "Velvet Evening Gown", price: "PKR 12,000", imageSrc: "http://img.b2bpic.net/free-photo/woman-praying-indoors-front-view_23-2150154510.jpg" },
|
||||
]}
|
||||
title="Our Latest Collection"
|
||||
description="Explore our curated selection of fine modest wear."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Premium Quality",
|
||||
subtitle: "Hand-picked fabrics",
|
||||
category: "Standard",
|
||||
value: "High",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Home Delivery",
|
||||
subtitle: "Across Pakistan",
|
||||
category: "Shipping",
|
||||
value: "Fast",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Easy Ordering",
|
||||
subtitle: "Just WhatsApp us",
|
||||
category: "Service",
|
||||
value: "Simple",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Quality and convenience at your fingertips."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyEight
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "f1", title: "Premium Quality", subtitle: "Hand-picked fabrics", category: "Standard", value: "High" },
|
||||
{ id: "f2", title: "Home Delivery", subtitle: "Across Pakistan", category: "Shipping", value: "Fast" },
|
||||
{ id: "f3", title: "Easy Ordering", subtitle: "Just WhatsApp us", category: "Service", value: "Simple" },
|
||||
]}
|
||||
title="Why Choose Us"
|
||||
description="Quality and convenience at your fingertips."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ayesha Khan",
|
||||
role: "Client",
|
||||
company: "Happy Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-holding-eyeglasses-while-smiling-gray-background_114579-60199.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Fatima Z.",
|
||||
role: "Client",
|
||||
company: "Happy Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-elegant-women-with-shopping-bags-city_1157-38849.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Zara Ali",
|
||||
role: "Client",
|
||||
company: "Happy Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-womans-dresses-making-shopping-smiling-mall_176420-42949.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Sana M.",
|
||||
role: "Client",
|
||||
company: "Happy Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-women-playing-with-shopping-cart_23-2148495450.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Mehwish R.",
|
||||
role: "Client",
|
||||
company: "Happy Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/emotional-female-portrait-closeup-outdoors_1321-4437.jpg",
|
||||
},
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="What our wonderful clients are saying."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Ayesha Khan", role: "Client", company: "Happy Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blonde-woman-holding-eyeglasses-while-smiling-gray-background_114579-60199.jpg" },
|
||||
{ id: "t2", name: "Fatima Z.", role: "Client", company: "Happy Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/three-elegant-women-with-shopping-bags-city_1157-38849.jpg" },
|
||||
{ id: "t3", name: "Zara Ali", role: "Client", company: "Happy Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/two-young-beautiful-womans-dresses-making-shopping-smiling-mall_176420-42949.jpg" },
|
||||
{ id: "t4", name: "Sana M.", role: "Client", company: "Happy Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-women-playing-with-shopping-cart_23-2148495450.jpg" },
|
||||
{ id: "t5", name: "Mehwish R.", role: "Client", company: "Happy Customer", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/emotional-female-portrait-closeup-outdoors_1321-4437.jpg" },
|
||||
]}
|
||||
title="Loved by Our Community"
|
||||
description="What our wonderful clients are saying."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How to order?",
|
||||
content: "Just send a message to 0302-4325668 on WhatsApp!",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Shipping time?",
|
||||
content: "Usually 3-5 business days across Pakistan.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Return policy?",
|
||||
content: "We offer easy exchanges on defective items.",
|
||||
},
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Common questions about our services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "How to order?", content: "Just send a message to 0302-4325668 on WhatsApp!" },
|
||||
{ id: "q2", title: "Shipping time?", content: "Usually 3-5 business days across Pakistan." },
|
||||
{ id: "q3", title: "Return policy?", content: "We offer easy exchanges on defective items." },
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Common questions about our services."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Ready to Shop?"
|
||||
description="Order your favorites today via WhatsApp. Click the button below to start your conversation."
|
||||
buttons={[
|
||||
{
|
||||
text: "WhatsApp Us Now",
|
||||
href: "https://wa.me/923024325668",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Ready to Shop?"
|
||||
description="Order your favorites today via WhatsApp. Click the button below to start your conversation."
|
||||
buttons={[
|
||||
{ text: "WhatsApp Us Now", href: "https://wa.me/923024325668" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Al-Madina Boutique"
|
||||
leftLink={{
|
||||
text: "© 2024 Al-Madina",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "WhatsApp 0302-4325668",
|
||||
href: "https://wa.me/923024325668",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Al-Madina Boutique"
|
||||
leftLink={{ text: "© 2024 Al-Madina", href: "#" }}
|
||||
rightLink={{ text: "WhatsApp 0302-4325668", href: "https://wa.me/923024325668" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user