bender/d1dfed37-bced-4459-998f-ca12a894c0f2
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-05-06 14:55:12 +00:00
parent a271be68e4
commit 8436614d75
1 changed files with 48 additions and 170 deletions
Download Patch File Download Diff File Expand all files Collapse all files

218
src/app/page.tsx
View File

@@ -32,21 +32,13 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "About",
id: "about",
},
name: "About", id: "about"},
{
name: "Products",
id: "products",
},
name: "Products", id: "products"},
{
name: "Contact",
id: "contact",
},
name: "Contact", id: "contact"},
]}
brandName="Roof Clothing"
/>
@@ -55,41 +47,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "gradient-bars",
}}
variant: "gradient-bars"}}
title="Roof Clothing: Redefining Luxury"
description="Premium wholesale apparel crafted for those who value timeless quality and impeccable design."
buttons={[
{
text: "Explore Catalog",
href: "#products",
},
text: "Explore Catalog", href: "#products"},
{
text: "Contact Us",
href: "#contact",
},
text: "Contact Us", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-posing-with-flowers_23-2149486770.jpg",
imageAlt: "Luxury male fashion model in black suit",
},
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-posing-with-flowers_23-2149486770.jpg", imageAlt: "Luxury male fashion model in black suit"},
{
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-plant-leaning-wall-copy-space_23-2148835342.jpg",
imageAlt: "Fashion studio luxury fabric textures",
},
imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-plant-leaning-wall-copy-space_23-2148835342.jpg", imageAlt: "Fashion studio luxury fabric textures"},
{
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-short-blonde-hair-poses-white-suit-by-ladder_8353-5468.jpg",
imageAlt: "Exclusive fashion brand editorial",
},
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-with-short-blonde-hair-poses-white-suit-by-ladder_8353-5468.jpg", imageAlt: "Exclusive fashion brand editorial"},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-black-shirt-black-suit_158595-4792.jpg",
imageAlt: "Premium clothing brand photography",
},
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-black-shirt-black-suit_158595-4792.jpg", imageAlt: "Premium clothing brand photography"},
{
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317772.jpg",
imageAlt: "Minimal studio fashion background",
},
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-wearing-minimalist-shirt_23-2149317772.jpg", imageAlt: "Minimal studio fashion background"},
]}
mediaAnimation="blur-reveal"
/>
@@ -101,11 +78,8 @@ export default function LandingPage() {
title="Crafted for Distinction"
buttons={[
{
text: "Read Our Story",
href: "#",
},
text: "Read Our Story", href: "#"},
]}
description="At Roof Clothing, we believe that true elegance lies in the details. Our atelier focuses on creating timeless pieces for high-end retailers, ensuring every garment reflects our commitment to superior craftsmanship and modern, minimalist aesthetics."
/>
</div>
@@ -117,23 +91,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Premium Fabrics",
description: "Sourced from the finest mills worldwide for lasting comfort.",
imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-s-hand-working-textile-studio_23-2147874957.jpg",
imageAlt: "Premium fabric rolls closeup",
},
title: "Premium Fabrics", description: "Sourced from the finest mills worldwide for lasting comfort.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-designer-s-hand-working-textile-studio_23-2147874957.jpg", imageAlt: "Premium fabric rolls closeup"},
{
title: "Bespoke Customization",
description: "Tailored solutions for your wholesale needs.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-fashion-designer-s-hand-taking-measurement-blue-fabric-with-yellow-measuring-tape_23-2148180373.jpg",
imageAlt: "Custom tailoring suit process",
},
title: "Bespoke Customization", description: "Tailored solutions for your wholesale needs.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-fashion-designer-s-hand-taking-measurement-blue-fabric-with-yellow-measuring-tape_23-2148180373.jpg", imageAlt: "Custom tailoring suit process"},
{
title: "Global Logistics",
description: "Reliable shipping to deliver quality to your doorstep.",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-woman-holding-bags_23-2148767109.jpg",
imageAlt: "Worldwide fashion shipping package",
},
title: "Global Logistics", description: "Reliable shipping to deliver quality to your doorstep.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-woman-holding-bags_23-2148767109.jpg", imageAlt: "Worldwide fashion shipping package"},
]}
title="Why Roof Clothing?"
description="Our commitment to excellence across every stitch."
@@ -148,41 +110,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "1",
name: "Signature Black Suit",
price: "$299",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-groom-placing-suspenders_1153-455.jpg",
},
id: "1", name: "Signature Black Suit", price: "$299", imageSrc: "http://img.b2bpic.net/free-photo/close-up-groom-placing-suspenders_1153-455.jpg"},
{
id: "2",
name: "Premium Cotton Tee",
price: "$49",
imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life-flat-lay_23-2150218020.jpg",
},
id: "2", name: "Premium Cotton Tee", price: "$49", imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life-flat-lay_23-2150218020.jpg"},
{
id: "3",
name: "Tailored Chinos",
price: "$89",
imageSrc: "http://img.b2bpic.net/free-photo/full-length-young-fashionable-caucasian-brunette-woman-with-red-lipstick-wears-black-clothes-glasses-holds-glass-booze-indoors_197531-32093.jpg",
},
id: "3", name: "Tailored Chinos", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/full-length-young-fashionable-caucasian-brunette-woman-with-red-lipstick-wears-black-clothes-glasses-holds-glass-booze-indoors_197531-32093.jpg"},
{
id: "4",
name: "Luxury Wool Sweater",
price: "$129",
imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-vs-slow-sustainable-fashion_23-2149134025.jpg",
},
id: "4", name: "Luxury Wool Sweater", price: "$129", imageSrc: "http://img.b2bpic.net/free-photo/fast-fashion-vs-slow-sustainable-fashion_23-2149134025.jpg"},
{
id: "5",
name: "Signature Overcoat",
price: "$349",
imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-chain-necklace-medium-shot_23-2149439822.jpg",
},
id: "5", name: "Signature Overcoat", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/man-wearing-chain-necklace-medium-shot_23-2149439822.jpg"},
{
id: "6",
name: "Dress Shirt",
price: "$79",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-adjusts-sleeve-his-jacket_8353-9802.jpg",
},
id: "6", name: "Dress Shirt", price: "$79", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-adjusts-sleeve-his-jacket_8353-9802.jpg"},
]}
title="Latest Collections"
description="Exquisite apparel designed for the modern market."
@@ -196,20 +134,11 @@ export default function LandingPage() {
tag="Excellence"
metrics={[
{
id: "m1",
value: "1000+",
description: "Wholesale Clients",
},
id: "m1", value: "1000+", description: "Wholesale Clients"},
{
id: "m2",
value: "50k",
description: "Garments Delivered",
},
id: "m2", value: "50k", description: "Garments Delivered"},
{
id: "m3",
value: "99%",
description: "Customer Satisfaction",
},
id: "m3", value: "99%", description: "Customer Satisfaction"},
]}
metricsAnimation="slide-up"
/>
@@ -222,59 +151,28 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Alex R.",
role: "Owner",
company: "Urban Fit",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-15960.jpg",
},
id: "t1", name: "Alex R.", role: "Owner", company: "Urban Fit", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-wool-suit_613910-15960.jpg"},
{
id: "t2",
name: "Sarah W.",
role: "Buyer",
company: "Luxury Boutiques",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-ladies-stylish-outfits-work-as-fashion-designers-cozy-office-shorthaired-women-creates-clothes-patterns_197531-29824.jpg",
},
id: "t2", name: "Sarah W.", role: "Buyer", company: "Luxury Boutiques", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-young-ladies-stylish-outfits-work-as-fashion-designers-cozy-office-shorthaired-women-creates-clothes-patterns_197531-29824.jpg"},
{
id: "t3",
name: "Marcus L.",
role: "CEO",
company: "Moda Group",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/asian-friend-assisting-middle-eastern-wheelchair-user-buying-new-clothes_482257-112830.jpg",
},
id: "t3", name: "Marcus L.", role: "CEO", company: "Moda Group", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/asian-friend-assisting-middle-eastern-wheelchair-user-buying-new-clothes_482257-112830.jpg"},
{
id: "t4",
name: "Elena P.",
role: "Manager",
company: "Trendset",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924092.jpg",
},
id: "t4", name: "Elena P.", role: "Manager", company: "Trendset", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/female-personal-shopper-helping-cutomer_23-2148924092.jpg"},
{
id: "t5",
name: "John K.",
role: "Founder",
company: "Elite Wear",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/dark-haired-lady-white-suit-holding-coffee-phone-charming-woman-linen-pants-beige-blouse-chatting-cellphone-drinking-tea_197531-27474.jpg",
},
id: "t5", name: "John K.", role: "Founder", company: "Elite Wear", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/dark-haired-lady-white-suit-holding-coffee-phone-charming-woman-linen-pants-beige-blouse-chatting-cellphone-drinking-tea_197531-27474.jpg"},
]}
kpiItems={[
{
value: "4.9",
label: "Rating",
},
value: "4.9", label: "Rating"},
{
value: "150",
label: "Partners",
},
value: "150", label: "Partners"},
{
value: "10",
label: "Years",
},
value: "10", label: "Years"},
]}
title="Partners Who Trust Us"
description="What industry leaders say about Roof Clothing."
@@ -287,20 +185,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "1",
title: "Do you offer bulk pricing?",
content: "Yes, we provide scalable pricing options based on order volume.",
},
id: "1", title: "Do you offer bulk pricing?", content: "Yes, we provide scalable pricing options based on order volume."},
{
id: "2",
title: "Can I request custom samples?",
content: "Absolutely, contact our team to discuss your bespoke requirements.",
},
id: "2", title: "Can I request custom samples?", content: "Absolutely, contact our team to discuss your bespoke requirements."},
{
id: "3",
title: "Where do you ship?",
content: "We ship globally to all major international destinations.",
},
id: "3", title: "Where do you ship?", content: "We ship globally to all major international destinations."},
]}
title="Frequently Asked Questions"
description="Information for wholesale partnerships and bulk orders."
@@ -312,8 +201,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
title="Start Your Wholesale Journey"
description="Reach out on WhatsApp or fill out the form below."
imageSrc="http://img.b2bpic.net/free-photo/elegant-women-with-shopping-bags-city_1157-26765.jpg"
@@ -328,29 +216,19 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "Fabrics",
href: "#",
},
label: "Fabrics", href: "#"},
{
label: "Apparel",
href: "#",
},
label: "Apparel", href: "#"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About",
href: "#about",
},
label: "About", href: "#about"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
]}