bender/ddd465ca-a7db-4d55-88f5-1a63d0646b9f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-04 04:34:45 +00:00
parent 2611d7f31e
commit 01ec8f2a62
1 changed files with 28 additions and 109 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
src/app/page.tsx
View File

@@ -27,7 +27,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="mediumSmall"
sizing="largeSmallSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="radial-glow"
@@ -46,15 +46,15 @@ export default function HomePage() {
<HeroBillboardGallery
title="Discover Premium Luxury Fashion"
description="Exquisite collections curated for the discerning eye. Each piece represents elegance, craftsmanship, and timeless style."
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
tag="Exclusive Collection"
tagIcon={Sparkles}
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-with-wavy-hair-dressed-skirt-light-blouse-white-jacket-sits-chair_197531-33594.jpg?_wi=1", imageAlt: "Luxury Fashion - Collection 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-choosing-jacket-shop_171337-18967.jpg?_wi=1", imageAlt: "Luxury Fashion - Collection 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-model-woman-shiny-lace-evening-dress-posing-sitting-chair-beige-color_285396-7779.jpg?_wi=1", imageAlt: "Luxury Fashion - Collection 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/golden-easter-eggs-by-easter-decorations_1303-30816.jpg?_wi=1", imageAlt: "Luxury Fashion - Collection 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-with-wavy-hair-dressed-skirt-light-blouse-white-jacket-sits-chair_197531-33594.jpg?_wi=2", imageAlt: "Luxury Fashion - Collection 5" },
{ imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-with-wavy-hair-dressed-skirt-light-blouse-white-jacket-sits-chair_197531-33594.jpg", imageAlt: "Luxury Fashion - Collection 1" },
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-choosing-jacket-shop_171337-18967.jpg", imageAlt: "Luxury Fashion - Collection 2" },
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-model-woman-shiny-lace-evening-dress-posing-sitting-chair-beige-color_285396-7779.jpg", imageAlt: "Luxury Fashion - Collection 3" },
{ imageSrc: "http://img.b2bpic.net/free-photo/golden-easter-eggs-by-easter-decorations_1303-30816.jpg", imageAlt: "Luxury Fashion - Collection 4" },
{ imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-with-wavy-hair-dressed-skirt-light-blouse-white-jacket-sits-chair_197531-33594.jpg", imageAlt: "Luxury Fashion - Collection 5" },
]}
buttons={[
{ text: "Shop Now", href: "/products" },
@@ -71,28 +71,13 @@ export default function HomePage() {
description="Handpicked luxury pieces for the modern sophisticate. Quality, elegance, and exclusivity in every item."
products={[
{
id: "prod-001",
name: "Silk Evening Gown",
price: "PKR 45,000",
imageSrc: "http://img.b2bpic.net/free-photo/lady-evening-dress-elegant-woman-long-gown_1157-47535.jpg?_wi=1",
imageAlt: "Luxury Silk Evening Gown",
initialQuantity: 1,
id: "prod-001", name: "Silk Evening Gown", price: "PKR 45,000", imageSrc: "http://img.b2bpic.net/free-photo/lady-evening-dress-elegant-woman-long-gown_1157-47535.jpg", imageAlt: "Luxury Silk Evening Gown", initialQuantity: 1,
},
{
id: "prod-002",
name: "Premium Wool Coat",
price: "PKR 38,500",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7076.jpg?_wi=1",
imageAlt: "Designer Premium Wool Coat",
initialQuantity: 1,
id: "prod-002", name: "Premium Wool Coat", price: "PKR 38,500", imageSrc: "http://img.b2bpic.net/free-photo/portrait-modern-female-grey-coat_613910-7076.jpg", imageAlt: "Designer Premium Wool Coat", initialQuantity: 1,
},
{
id: "prod-003",
name: "Tailored Blazer",
price: "PKR 32,000",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-choosing-jacket-shop_171337-18967.jpg?_wi=2",
imageAlt: "Premium Tailored Blazer",
initialQuantity: 1,
id: "prod-003", name: "Tailored Blazer", price: "PKR 32,000", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-choosing-jacket-shop_171337-18967.jpg", imageAlt: "Premium Tailored Blazer", initialQuantity: 1,
},
]}
gridVariant="three-columns-all-equal-width"
@@ -108,32 +93,16 @@ export default function HomePage() {
description="Building trust through excellence and customer satisfaction"
metrics={[
{
id: "metric-001",
value: "5000",
title: "Happy Customers",
description: "Trusted by fashion enthusiasts across Pakistan",
icon: Users,
id: "metric-001", value: "5000", title: "Happy Customers", description: "Trusted by fashion enthusiasts across Pakistan", icon: Users,
},
{
id: "metric-002",
value: "2018",
title: "Founded",
description: "Years of luxury expertise and excellence",
icon: Calendar,
id: "metric-002", value: "2018", title: "Founded", description: "Years of luxury expertise and excellence", icon: Calendar,
},
{
id: "metric-003",
value: "100%",
title: "Authentic",
description: "Guaranteed genuine premium pieces",
icon: CheckCircle,
id: "metric-003", value: "100%", title: "Authentic", description: "Guaranteed genuine premium pieces", icon: CheckCircle,
},
{
id: "metric-004",
value: "24/7",
title: "Support",
description: "AI agent and customer service ready to help",
icon: Headphones,
id: "metric-004", value: "24/7", title: "Support", description: "AI agent and customer service ready to help", icon: Headphones,
},
]}
gridVariant="uniform-all-items-equal"
@@ -149,41 +118,13 @@ export default function HomePage() {
description="Hear from our valued customers about their experience with ZARBAFT ROYALE"
testimonials={[
{
id: "test-001",
title: "Impeccable Quality and Service",
quote: "The craftsmanship and attention to detail in every piece is extraordinary. ZARBAFT ROYALE has become my go-to destination for premium fashion. Delivery was prompt and the packaging was exquisite.",
name: "Ayesha Khan",
role: "Fashion Entrepreneur",
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-indoors_624325-3423.jpg?_wi=1",
imageAlt: "Ayesha Khan",
},
id: "test-001", title: "Impeccable Quality and Service", quote: "The craftsmanship and attention to detail in every piece is extraordinary. ZARBAFT ROYALE has become my go-to destination for premium fashion. Delivery was prompt and the packaging was exquisite.", name: "Ayesha Khan", role: "Fashion Entrepreneur", imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-indoors_624325-3423.jpg", imageAlt: "Ayesha Khan"},
{
id: "test-002",
title: "Luxury Redefined",
quote: "What sets ZARBAFT ROYALE apart is their uncompromising commitment to quality. Each piece feels like an investment in elegance. The sizing accuracy and customer support are exceptional.",
name: "Zara Malik",
role: "Style Influencer",
imageSrc: "http://img.b2bpic.net/free-photo/indoor-studio-shot-attractive-pretty-woman-with-light-brown-hair-wearing-black-jacket-with-red-lips_291650-1321.jpg?_wi=1",
imageAlt: "Zara Malik",
},
id: "test-002", title: "Luxury Redefined", quote: "What sets ZARBAFT ROYALE apart is their uncompromising commitment to quality. Each piece feels like an investment in elegance. The sizing accuracy and customer support are exceptional.", name: "Zara Malik", role: "Style Influencer", imageSrc: "http://img.b2bpic.net/free-photo/indoor-studio-shot-attractive-pretty-woman-with-light-brown-hair-wearing-black-jacket-with-red-lips_291650-1321.jpg", imageAlt: "Zara Malik"},
{
id: "test-003",
title: "Premium Experience",
quote: "From browsing to checkout, the entire experience feels premium. The fabric quality is unparalleled and the fits are perfect. I've recommended ZARBAFT ROYALE to all my friends.",
name: "Fatima Hassan",
role: "Fashion Blogger",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-with-wavy-hair-dressed-skirt-light-blouse-white-jacket-sits-chair_197531-33594.jpg?_wi=3",
imageAlt: "Fatima Hassan",
},
id: "test-003", title: "Premium Experience", quote: "From browsing to checkout, the entire experience feels premium. The fabric quality is unparalleled and the fits are perfect. I've recommended ZARBAFT ROYALE to all my friends.", name: "Fatima Hassan", role: "Fashion Blogger", imageSrc: "http://img.b2bpic.net/free-photo/pretty-blonde-woman-with-wavy-hair-dressed-skirt-light-blouse-white-jacket-sits-chair_197531-33594.jpg", imageAlt: "Fatima Hassan"},
{
id: "test-004",
title: "Worth Every Penny",
quote: "Luxury fashion doesn't have to be inaccessible. ZARBAFT ROYALE proves that quality, elegance, and fair pricing can coexist. I'm a loyal customer for life.",
name: "Saira Abdullah",
role: "Business Executive",
imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-indoors_624325-3423.jpg?_wi=2",
imageAlt: "Saira Abdullah",
},
id: "test-004", title: "Worth Every Penny", quote: "Luxury fashion doesn't have to be inaccessible. ZARBAFT ROYALE proves that quality, elegance, and fair pricing can coexist. I'm a loyal customer for life.", name: "Saira Abdullah", role: "Business Executive", imageSrc: "http://img.b2bpic.net/free-photo/woman-portrait-indoors_624325-3423.jpg", imageAlt: "Saira Abdullah"},
]}
textboxLayout="default"
useInvertedBackground={true}
@@ -196,35 +137,17 @@ export default function HomePage() {
description="Everything you need to know about our products, shipping, and services"
faqs={[
{
id: "faq-001",
title: "What is your return policy?",
content: "We offer a 30-day return guarantee on all items. Items must be unworn and in original condition with all packaging. Returns are free for Karachi; other locations may have nominal charges.",
},
id: "faq-001", title: "What is your return policy?", content: "We offer a 30-day return guarantee on all items. Items must be unworn and in original condition with all packaging. Returns are free for Karachi; other locations may have nominal charges."},
{
id: "faq-002",
title: "How long does shipping take?",
content: "Standard shipping to Karachi takes 2-3 business days (flat rate: PKR 250). Nationwide delivery takes 4-5 business days (flat rate: PKR 350). Expedited options available upon request.",
},
id: "faq-002", title: "How long does shipping take?", content: "Standard shipping to Karachi takes 2-3 business days (flat rate: PKR 250). Nationwide delivery takes 4-5 business days (flat rate: PKR 350). Expedited options available upon request."},
{
id: "faq-003",
title: "Do you offer international shipping?",
content: "Currently, we ship within Pakistan only. International orders can be arranged upon request with custom shipping quotes. Contact our support team for details.",
},
id: "faq-003", title: "Do you offer international shipping?", content: "Currently, we ship within Pakistan only. International orders can be arranged upon request with custom shipping quotes. Contact our support team for details."},
{
id: "faq-004",
title: "How do I find my size?",
content: "Visit our Size Guide page for detailed measurements. Our AI chat agent can also help you determine the perfect size based on your preferences and previous fits.",
},
id: "faq-004", title: "How do I find my size?", content: "Visit our Size Guide page for detailed measurements. Our AI chat agent can also help you determine the perfect size based on your preferences and previous fits."},
{
id: "faq-005",
title: "What payment methods do you accept?",
content: "We accept Credit/Debit Cards (Visa, Mastercard), Bank Transfers, and Cash on Delivery (COD). All payments are secure and encrypted.",
},
id: "faq-005", title: "What payment methods do you accept?", content: "We accept Credit/Debit Cards (Visa, Mastercard), Bank Transfers, and Cash on Delivery (COD). All payments are secure and encrypted."},
{
id: "faq-006",
title: "Can I track my order?",
content: "Yes! You'll receive a tracking link via email upon shipment. Our AI agent can also provide real-time updates on your order status and estimated delivery date.",
},
id: "faq-006", title: "Can I track my order?", content: "Yes! You'll receive a tracking link via email upon shipment. Our AI agent can also provide real-time updates on your order status and estimated delivery date."},
]}
textboxLayout="default"
useInvertedBackground={true}
@@ -236,8 +159,7 @@ export default function HomePage() {
<FooterSimple
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{ label: "All Collections", href: "/products" },
{ label: "New Arrivals", href: "/products?sort=new" },
{ label: "Sale", href: "/products?filter=sale" },
@@ -245,8 +167,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Story", href: "/about" },
{ label: "Blog", href: "/blog" },
@@ -254,8 +175,7 @@ export default function HomePage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Contact Us", href: "/contact" },
{ label: "Shipping Info", href: "/faq" },
{ label: "Returns", href: "/faq" },
@@ -263,8 +183,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "/privacy" },
{ label: "Terms of Service", href: "/terms" },
{ label: "Shipping Policy", href: "/shipping" },