bender/77a069bb-50fe-4725-95aa-05ec6f85916a
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-06-03 11:51:17 +00:00
parent 6dac0a6ab4
commit efd9f4533d
1 changed files with 67 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files

332
src/app/page.tsx
View File

@@ -32,37 +32,21 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Collections",
id: "#collections",
},
name: "Collections", id: "#collections"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ku0e0q"
logoAlt="Zer Zaber Logo"
@@ -73,44 +57,23 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplitDualMedia
background={{
variant: "plain",
}}
variant: "plain"}}
title="Style Beyond Limits"
description="Discover Zer Zaber's latest collection, where innovative design meets timeless elegance. Elevate your wardrobe with pieces crafted for comfort, quality, and distinctive style."
tag="New Arrivals"
tagAnimation="slide-up"
buttons={[
{
text: "Shop Now",
href: "#products",
},
text: "Shop Now", href: "#products"},
{
text: "Explore Collection",
href: "#collections",
},
text: "Explore Collection", href: "#collections"},
]}
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/exited-blissful-blonde-woman-jumping-dancing-having-fun-street-near-modern-building-stylish-elegant-silver-outfit-sneakers-luxury-bag-sunglasses-happy-tourist-new-york_291049-269.jpg",
imageAlt: "Stylish woman in Zer Zaber fashion",
},
imageSrc: "http://img.b2bpic.net/free-photo/exited-blissful-blonde-woman-jumping-dancing-having-fun-street-near-modern-building-stylish-elegant-silver-outfit-sneakers-luxury-bag-sunglasses-happy-tourist-new-york_291049-269.jpg", imageAlt: "Stylish woman in Zer Zaber fashion"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-macho-boy-wear-blac-stylish-jacket-smoking-cigarette-streets_627829-6134.jpg",
imageAlt: "Man in modern Zer Zaber outfit",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/ecstatic-blonde-girl-red-hat-standing-confident-pose-beside-brick-wall-outdoor-shot-cute-caucasian-woman-jeans-denim-jacket-having-fun-street_197531-5044.jpg",
imageAlt: "Stylish woman in a hat in a city setting",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-man-jumping-outdoors_23-2150189408.jpg",
imageAlt: "Stylish man in sunglasses urban setting",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/fashion-close-up-portrait-disappointed-beautiful-dollish-girl-with-short-light-violet-hair-wearing-lilac-sweater-pink-wall_176420-11382.jpg",
imageAlt: "Non-binary person in modern clothes",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-macho-boy-wear-blac-stylish-jacket-smoking-cigarette-streets_627829-6134.jpg", imageAlt: "Man in modern Zer Zaber outfit"}
]}
mediaAnimation="slide-up"
rating={5}
@@ -125,17 +88,11 @@ export default function LandingPage() {
description="At Zer Zaber, we believe fashion is an expression of self. Our passion for quality fabrics and innovative designs drives us to create apparel that empowers you to look and feel your best, every single day."
metrics={[
{
value: "10+",
title: "Years of Excellence",
},
value: "10+", title: "Years of Excellence"},
{
value: "20+",
title: "Seasonal Collections",
},
value: "20+", title: "Seasonal Collections"},
{
value: "100%",
title: "Customer Satisfaction",
},
value: "100%", title: "Customer Satisfaction"},
]}
tag="Our Story"
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-sewing-workshop_23-2149007404.jpg"
@@ -152,29 +109,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Timeless Classics",
description: "Embrace sophistication with our collection of enduring designs that transcend fleeting trends. Perfectly tailored for every occasion.",
tag: "Elegant",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478953.jpg",
imageAlt: "Elegant dress on a mannequin",
},
id: "f1", title: "Timeless Classics", description: "Embrace sophistication with our collection of enduring designs that transcend fleeting trends. Perfectly tailored for every occasion.", tag: "Elegant", imageSrc: "http://img.b2bpic.net/free-photo/still-life-spring-wardrobe-switch_23-2150478953.jpg", imageAlt: "Elegant dress on a mannequin"},
{
id: "f2",
title: "Urban Edge",
description: "Bold, contemporary, and effortlessly cool. Our streetwear collection combines comfort with an unmistakable attitude for the modern explorer.",
tag: "Streetwear",
imageSrc: "http://img.b2bpic.net/free-photo/isolated-spring-sweater-concept_1194-638660.jpg",
imageAlt: "Stylish jacket folded",
},
id: "f2", title: "Urban Edge", description: "Bold, contemporary, and effortlessly cool. Our streetwear collection combines comfort with an unmistakable attitude for the modern explorer.", tag: "Streetwear", imageSrc: "http://img.b2bpic.net/free-photo/isolated-spring-sweater-concept_1194-638660.jpg", imageAlt: "Stylish jacket folded"},
{
id: "f3",
title: "Comfort Redefined",
description: "Experience luxurious comfort with our range of soft, breathable fabrics and relaxed silhouettes, designed for your everyday tranquility.",
tag: "Relaxed",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-hat-autumn-park_1303-11658.jpg",
imageAlt: "Comfortable knitwear",
},
id: "f3", title: "Comfort Redefined", description: "Experience luxurious comfort with our range of soft, breathable fabrics and relaxed silhouettes, designed for your everyday tranquility.", tag: "Relaxed", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-hat-autumn-park_1303-11658.jpg", imageAlt: "Comfortable knitwear"},
]}
title="Explore Our Signature Collections"
description="Zer Zaber offers diverse collections, each curated to cater to distinct styles and preferences. Find the perfect fit for every facet of your life."
@@ -189,53 +128,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "The Serene Dress",
price: "$129.00",
variant: "Black, S-XL",
imageSrc: "http://img.b2bpic.net/free-photo/charming-lady-with-elegant-hairstyle-waiting-someone-street-looking-around_197531-3237.jpg",
imageAlt: "Black elegant dress",
},
id: "p1", name: "The Serene Dress", price: "$129.00", variant: "Black, S-XL", imageSrc: "http://img.b2bpic.net/free-photo/charming-lady-with-elegant-hairstyle-waiting-someone-street-looking-around_197531-3237.jpg", imageAlt: "Black elegant dress"},
{
id: "p2",
name: "Urban Explorer Jacket",
price: "$159.00",
variant: "Blue Denim, S-XXL",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-fashion-girl-summer-park_1157-21435.jpg",
imageAlt: "Casual denim jacket",
},
id: "p2", name: "Urban Explorer Jacket", price: "$159.00", variant: "Blue Denim, S-XXL", imageSrc: "http://img.b2bpic.net/free-photo/elegant-fashion-girl-summer-park_1157-21435.jpg", imageAlt: "Casual denim jacket"},
{
id: "p3",
name: "Everyday Comfort Tee",
price: "$39.00",
variant: "White, XS-XXL",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-teen-boy-white-t-shirt_176474-96259.jpg",
imageAlt: "White t-shirt",
},
id: "p3", name: "Everyday Comfort Tee", price: "$39.00", variant: "White, XS-XXL", imageSrc: "http://img.b2bpic.net/free-photo/handsome-teen-boy-white-t-shirt_176474-96259.jpg", imageAlt: "White t-shirt"},
{
id: "p4",
name: "Heritage Denim Jeans",
price: "$99.00",
variant: "Classic Blue, 26-36",
imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-pretty-happy-woman-smiling-holding-phone-dressed-denim-shirt-jeans_285396-1250.jpg",
imageAlt: "High-waisted jeans",
},
id: "p4", name: "Heritage Denim Jeans", price: "$99.00", variant: "Classic Blue, 26-36", imageSrc: "http://img.b2bpic.net/free-photo/young-stylish-pretty-happy-woman-smiling-holding-phone-dressed-denim-shirt-jeans_285396-1250.jpg", imageAlt: "High-waisted jeans"},
{
id: "p5",
name: "The Modern Oxford",
price: "$79.00",
variant: "White, S-XXL",
imageSrc: "http://img.b2bpic.net/free-photo/fabric-textured-background_53876-14873.jpg",
imageAlt: "Men's formal shirt",
},
id: "p5", name: "The Modern Oxford", price: "$79.00", variant: "White, S-XXL", imageSrc: "http://img.b2bpic.net/free-photo/fabric-textured-background_53876-14873.jpg", imageAlt: "Men's formal shirt"},
{
id: "p6",
name: "Cozy Knit Pullover",
price: "$89.00",
variant: "Beige, S-XL",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-with-hat-gloves-posing_23-2148350091.jpg",
imageAlt: "Knit sweater",
},
id: "p6", name: "Cozy Knit Pullover", price: "$89.00", variant: "Beige, S-XL", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-girl-with-hat-gloves-posing_23-2148350091.jpg", imageAlt: "Knit sweater"},
]}
title="Shop Our Latest Arrivals"
description="Discover new seasonal essentials and bestsellers. Each piece is designed with care to ensure exceptional quality and style."
@@ -249,64 +152,28 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Ava Johnson",
role: "Fashion Blogger",
company: "StyleSpotter",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg",
imageAlt: "Ava Johnson",
},
id: "t1", name: "Ava Johnson", role: "Fashion Blogger", company: "StyleSpotter", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg", imageAlt: "Ava Johnson"},
{
id: "t2",
name: "Ethan Davis",
role: "Creative Director",
company: "Trendsetters Inc.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
imageAlt: "Ethan Davis",
},
id: "t2", name: "Ethan Davis", role: "Creative Director", company: "Trendsetters Inc.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", imageAlt: "Ethan Davis"},
{
id: "t3",
name: "Sophia Miller",
role: "Entrepreneur",
company: "LuxeLiving",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-pale-woman-with-classic-makeup-polka-dot-skirt-light-top-red-shirt-stylish-accessories-posing-against-vintage-white-golden-background-looking-away_197531-28143.jpg",
imageAlt: "Sophia Miller",
},
id: "t3", name: "Sophia Miller", role: "Entrepreneur", company: "LuxeLiving", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-pale-woman-with-classic-makeup-polka-dot-skirt-light-top-red-shirt-stylish-accessories-posing-against-vintage-white-golden-background-looking-away_197531-28143.jpg", imageAlt: "Sophia Miller"},
{
id: "t4",
name: "Liam White",
role: "Stylist",
company: "Personal Style Co.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/sexy-woman-black-clothes-sitting-chair_613910-353.jpg",
imageAlt: "Liam White",
},
id: "t4", name: "Liam White", role: "Stylist", company: "Personal Style Co.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/sexy-woman-black-clothes-sitting-chair_613910-353.jpg", imageAlt: "Liam White"},
{
id: "t5",
name: "Olivia Brown",
role: "Lifestyle Influencer",
company: "DailyVogue",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/face-handsome-redhead-man-glasses-smiling-pleased-looking-upper-right-corner-standing_1258-173503.jpg",
imageAlt: "Olivia Brown",
},
id: "t5", name: "Olivia Brown", role: "Lifestyle Influencer", company: "DailyVogue", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/face-handsome-redhead-man-glasses-smiling-pleased-looking-upper-right-corner-standing_1258-173503.jpg", imageAlt: "Olivia Brown"},
]}
kpiItems={[
{
value: "5K+",
label: "Happy Customers",
},
value: "5K+", label: "Happy Customers"},
{
value: "4.9",
label: "Avg. Rating",
},
value: "4.9", label: "Avg. Rating"},
{
value: "99%",
label: "On-Time Delivery",
},
value: "99%", label: "On-Time Delivery"},
]}
title="Hear From Our Happy Customers"
description="Our community loves the quality and style Zer Zaber brings to their wardrobe. Read what they have to say about their experience."
@@ -322,29 +189,13 @@ export default function LandingPage() {
membersAnimation="slide-up"
members={[
{
id: "tm1",
name: "Zara Ali",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-shopping-mall_23-2150585910.jpg",
imageAlt: "Zara Ali, Founder & Lead Designer",
},
id: "tm1", name: "Zara Ali", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-shopping-mall_23-2150585910.jpg", imageAlt: "Zara Ali, Founder & Lead Designer"},
{
id: "tm2",
name: "Ben Carter",
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-expert-working-retail-help-boutique-shoppers_482257-118220.jpg",
imageAlt: "Ben Carter, Head of Product Development",
},
id: "tm2", name: "Ben Carter", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-expert-working-retail-help-boutique-shoppers_482257-118220.jpg", imageAlt: "Ben Carter, Head of Product Development"},
{
id: "tm3",
name: "Chloe Green",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg",
imageAlt: "Chloe Green, Marketing Director",
},
id: "tm3", name: "Chloe Green", imageSrc: "http://img.b2bpic.net/free-photo/portrait-festive-plump-male-eyeglasses-bow-tie-dark-grey-background_613910-13747.jpg", imageAlt: "Chloe Green, Marketing Director"},
{
id: "tm4",
name: "David Lee",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-black-t-shirt-standing-with-crossed-arms-smiling-looking-happy_176474-36570.jpg",
imageAlt: "David Lee, Customer Relations Manager",
},
id: "tm4", name: "David Lee", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-black-t-shirt-standing-with-crossed-arms-smiling-looking-happy_176474-36570.jpg", imageAlt: "David Lee, Customer Relations Manager"},
]}
memberVariant="card"
/>
@@ -356,25 +207,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "What materials do you use for your clothing?",
content: "Zer Zaber is committed to sustainability and quality. We primarily use organic cotton, recycled polyester, and linen, ensuring both comfort and environmental responsibility.",
},
id: "q1", title: "What materials do you use for your clothing?", content: "Zer Zaber is committed to sustainability and quality. We primarily use organic cotton, recycled polyester, and linen, ensuring both comfort and environmental responsibility."},
{
id: "q2",
title: "How do I determine my size?",
content: "Please refer to our detailed size guide available on each product page. It includes measurements and tips to help you find the perfect fit. Our customer service team is also happy to assist.",
},
id: "q2", title: "How do I determine my size?", content: "Please refer to our detailed size guide available on each product page. It includes measurements and tips to help you find the perfect fit. Our customer service team is also happy to assist."},
{
id: "q3",
title: "What is your return policy?",
content: "We offer free returns within 30 days of purchase for items in their original condition. For more details, please visit our Returns & Exchanges page or contact support.",
},
id: "q3", title: "What is your return policy?", content: "We offer free returns within 30 days of purchase for items in their original condition. For more details, please visit our Returns & Exchanges page or contact support."},
{
id: "q4",
title: "Do you offer international shipping?",
content: "Yes, Zer Zaber ships worldwide! Shipping costs and delivery times vary by destination. You can find more information during the checkout process.",
},
id: "q4", title: "Do you offer international shipping?", content: "Yes, Zer Zaber ships worldwide! Shipping costs and delivery times vary by destination. You can find more information during the checkout process."},
]}
title="Frequently Asked Questions"
description="Find quick answers to your most common inquiries about Zer Zaber products, orders, and policies."
@@ -386,21 +225,16 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get in Touch"
tagAnimation="slide-up"
title="Connect With Zer Zaber"
description="Have questions, feedback, or need styling advice? Our team is here to help you. Reach out and we'll get back to you promptly."
buttons={[
{
text: "Send Us a Message",
href: "mailto:info@zerzaber.com",
},
text: "Send Us a Message", href: "mailto:info@zerzaber.com"},
{
text: "Call Us",
href: "tel:+1234567890",
},
text: "Call Us", href: "tel:+1234567890"},
]}
buttonAnimation="slide-up"
/>
@@ -415,79 +249,47 @@ export default function LandingPage() {
logoText="Zer Zaber"
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "New Arrivals",
href: "#products",
},
label: "New Arrivals", href: "#products"},
{
label: "Collections",
href: "#collections",
},
label: "Collections", href: "#collections"},
{
label: "Bestsellers",
href: "#",
},
label: "Bestsellers", href: "#"},
{
label: "Sale",
href: "#",
},
label: "Sale", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Team",
href: "#team",
},
label: "Our Team", href: "#team"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Shipping",
href: "#",
},
label: "Shipping", href: "#"},
{
label: "Returns",
href: "#",
},
label: "Returns", href: "#"},
{
label: "Size Guide",
href: "#",
},
label: "Size Guide", href: "#"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}