Merge version_1 into main #1
399
src/app/page.tsx
399
src/app/page.tsx
@@ -28,286 +28,141 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Blings & Blush"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Blings & Blush"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Elegance Redefined, Just For You."
|
||||
description="Discover our exclusive collection of luxury jewelry, premium handbags, and bespoke beauty essentials. Designed for the modern Pakistani woman."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Now",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "WhatsApp Order",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/heart-shape-diamond_1232-1925.jpg"
|
||||
imageAlt="luxury jewelry gold pink background"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Elegance Redefined, Just For You."
|
||||
description="Discover our exclusive collection of luxury jewelry, premium handbags, and bespoke beauty essentials. Designed for the modern Pakistani woman."
|
||||
buttons={[
|
||||
{ text: "Shop Now", href: "#products" },
|
||||
{ text: "WhatsApp Order", href: "https://wa.me/yournumber" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/heart-shape-diamond_1232-1925.jpg"
|
||||
imageAlt="luxury jewelry gold pink background"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Premium Quality",
|
||||
description: "Handpicked materials to ensure durability and style.",
|
||||
},
|
||||
{
|
||||
icon: Gift,
|
||||
title: "Bespoke Packaging",
|
||||
description: "Beautiful gift boxes ready for your special occasions.",
|
||||
},
|
||||
{
|
||||
icon: Truck,
|
||||
title: "Fast Delivery",
|
||||
description: "Swift shipping across Pakistan to your doorstep.",
|
||||
},
|
||||
]}
|
||||
title="Why Choose Blings & Blush?"
|
||||
description="We blend luxury, quality, and affordability to provide a unique shopping experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureHoverPattern
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ icon: Sparkles, title: "Premium Quality", description: "Handpicked materials to ensure durability and style." },
|
||||
{ icon: Gift, title: "Bespoke Packaging", description: "Beautiful gift boxes ready for your special occasions." },
|
||||
{ icon: Truck, title: "Fast Delivery", description: "Swift shipping across Pakistan to your doorstep." },
|
||||
]}
|
||||
title="Why Choose Blings & Blush?"
|
||||
description="We blend luxury, quality, and affordability to provide a unique shopping experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "B&B",
|
||||
name: "Gold Pendant Set",
|
||||
price: "Rs. 2,999",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sensual-lady-with-plump-red-lips-gently-touches-her-neck-looking-down-shot-brown-haired-girl-white-top_197531-13959.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "B&B",
|
||||
name: "Classic Rose Handbag",
|
||||
price: "Rs. 5,499",
|
||||
rating: 4,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-lipsticks-with-abstract-background_23-2148320906.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "B&B",
|
||||
name: "Beauty Starter Kit",
|
||||
price: "Rs. 1,999",
|
||||
rating: 5,
|
||||
reviewCount: "25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-whiskey-with-cigar-table-close-up-photo-alcohol-cigar_1157-39195.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "B&B",
|
||||
name: "Luxury Pearl Earrings",
|
||||
price: "Rs. 1,499",
|
||||
rating: 4,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-vanity-case-products_23-2149879885.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "B&B",
|
||||
name: "Silk Scarf Accessory",
|
||||
price: "Rs. 999",
|
||||
rating: 5,
|
||||
reviewCount: "18",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-christmas-ornament_23-2147722551.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "B&B",
|
||||
name: "Elegant Watch Gold",
|
||||
price: "Rs. 4,500",
|
||||
rating: 4,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/golden-accessory-with-diamonds_1203-1531.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Collections"
|
||||
description="Explore our curated range of fashion jewelry and accessories."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "1", brand: "B&B", name: "Gold Pendant Set", price: "Rs. 2,999", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/sensual-lady-with-plump-red-lips-gently-touches-her-neck-looking-down-shot-brown-haired-girl-white-top_197531-13959.jpg" },
|
||||
{ id: "2", brand: "B&B", name: "Classic Rose Handbag", price: "Rs. 5,499", rating: 4, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-lipsticks-with-abstract-background_23-2148320906.jpg" },
|
||||
{ id: "3", brand: "B&B", name: "Beauty Starter Kit", price: "Rs. 1,999", rating: 5, reviewCount: "25", imageSrc: "http://img.b2bpic.net/free-photo/glass-whiskey-with-cigar-table-close-up-photo-alcohol-cigar_1157-39195.jpg" },
|
||||
{ id: "4", brand: "B&B", name: "Luxury Pearl Earrings", price: "Rs. 1,499", rating: 4, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/pink-vanity-case-products_23-2149879885.jpg" },
|
||||
{ id: "5", brand: "B&B", name: "Silk Scarf Accessory", price: "Rs. 999", rating: 5, reviewCount: "18", imageSrc: "http://img.b2bpic.net/free-photo/golden-christmas-ornament_23-2147722551.jpg" },
|
||||
{ id: "6", brand: "B&B", name: "Elegant Watch Gold", price: "Rs. 4,500", rating: 4, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/golden-accessory-with-diamonds_1203-1531.jpg" },
|
||||
]}
|
||||
title="Our Collections"
|
||||
description="Explore our curated range of fashion jewelry and accessories."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
description={[
|
||||
"Blings & Blush Collection was born from a desire to bring accessible luxury to young Pakistani women.",
|
||||
"We believe every accessory should reflect your unique shine and personality.",
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={false}
|
||||
title="Our Story"
|
||||
description={[
|
||||
"Blings & Blush Collection was born from a desire to bring accessible luxury to young Pakistani women.", "We believe every accessory should reflect your unique shine and personality."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ayesha Khan",
|
||||
handle: "@ayesha",
|
||||
testimonial: "Absolutely stunning pieces! Packaging was superb.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-table-taking-selfie_23-2147670415.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Zara Ali",
|
||||
handle: "@zara",
|
||||
testimonial: "Loved the handbag quality. Highly recommend!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portait-charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9658.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fatima Noor",
|
||||
handle: "@fatima",
|
||||
testimonial: "Fast delivery and excellent customer service.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-girl-her-handsome-boyfriend_158538-211.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Hina Ahmed",
|
||||
handle: "@hina",
|
||||
testimonial: "The best place for affordable luxury in Pakistan.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sana Butt",
|
||||
handle: "@sana",
|
||||
testimonial: "Beautifully crafted items. Will shop again!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing-outdoors_23-2148618856.jpg",
|
||||
},
|
||||
]}
|
||||
title="Voices of Elegance"
|
||||
description="See what our lovely customers have to say."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Ayesha Khan", handle: "@ayesha", testimonial: "Absolutely stunning pieces! Packaging was superb.", imageSrc: "http://img.b2bpic.net/free-photo/woman-table-taking-selfie_23-2147670415.jpg" },
|
||||
{ id: "2", name: "Zara Ali", handle: "@zara", testimonial: "Loved the handbag quality. Highly recommend!", imageSrc: "http://img.b2bpic.net/free-photo/portait-charming-caucasian-lady-poses-camera-picture-isolated-dark-blur-background_132075-9658.jpg" },
|
||||
{ id: "3", name: "Fatima Noor", handle: "@fatima", testimonial: "Fast delivery and excellent customer service.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-girl-her-handsome-boyfriend_158538-211.jpg" },
|
||||
{ id: "4", name: "Hina Ahmed", handle: "@hina", testimonial: "The best place for affordable luxury in Pakistan.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-attractive-woman-showing-thumb-up-outdoors_1262-12526.jpg" },
|
||||
{ id: "5", name: "Sana Butt", handle: "@sana", testimonial: "Beautifully crafted items. Will shop again!", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing-outdoors_23-2148618856.jpg" },
|
||||
]}
|
||||
title="Voices of Elegance"
|
||||
description="See what our lovely customers have to say."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How can I order?",
|
||||
content: "You can order directly via our website or message us on WhatsApp.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What are the delivery charges?",
|
||||
content: "We offer standard shipping across Pakistan, charges depend on your city.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is cash on delivery available?",
|
||||
content: "Yes, we offer Cash on Delivery across all major cities.",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We've got answers."
|
||||
faqsAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/jewelry-box_1339-395.jpg"
|
||||
imageAlt="jewelry box"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqsAnimation="blur-reveal"
|
||||
faqs={[
|
||||
{ id: "1", title: "How can I order?", content: "You can order directly via our website or message us on WhatsApp." },
|
||||
{ id: "2", title: "What are the delivery charges?", content: "We offer standard shipping across Pakistan, charges depend on your city." },
|
||||
{ id: "3", title: "Is cash on delivery available?", content: "Yes, we offer Cash on Delivery across all major cities." },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Got questions? We've got answers."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/jewelry-box_1339-395.jpg"
|
||||
imageAlt="jewelry box"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Stay Connected"
|
||||
title="Join Our Mailing List"
|
||||
description="Get exclusive updates on new arrivals and special offers directly to your inbox."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Stay Connected"
|
||||
title="Join Our Mailing List"
|
||||
description="Get exclusive updates on new arrivals and special offers directly to your inbox."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
{
|
||||
label: "Jewelry",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Handbags",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Makeup",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Order Tracking",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Blings & Blush"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop", items: [
|
||||
{ label: "Jewelry", href: "#products" },
|
||||
{ label: "Handbags", href: "#products" },
|
||||
{ label: "Makeup", href: "#products" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support", items: [
|
||||
{ label: "Order Tracking", href: "#" },
|
||||
{ label: "Help Center", href: "#" },
|
||||
{ label: "Contact Us", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Blings & Blush"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user