bender/9d56402f-79be-4d8e-b6fc-f1a2f59df10a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 7 commits from version_1 into main 2026-03-13 07:08:41 +00:00
Conversation 0 Commits 7 Files Changed 7 +199 -562
7 changed files with 199 additions and 562 deletions
Download Patch File Download Diff File Expand all files Collapse all files

160
src/app/page.tsx
View File

@@ -19,7 +19,7 @@ export default function HomePage() {
borderRadius="soft"
contentWidth="compact"
sizing="largeSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -35,9 +35,7 @@ export default function HomePage() {
{ name: "Contact", id: "contact" },
]}
button={{
text: "Become a Supplier",
href: "https://example.com/supplier-signup",
}}
text: "Become a Supplier", href: "https://example.com/supplier-signup"}}
animateOnLoad={true}
/>
</div>
@@ -49,42 +47,26 @@ export default function HomePage() {
tag="Premium Marketplace"
tagIcon={Sparkles}
tagAnimation="slide-up"
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
leftCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rp1xrj&_wi=1",
imageAlt: "Premium AirPods collection",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rp1xrj", imageAlt: "Premium AirPods collection"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s7uwfw&_wi=1",
imageAlt: "Designer shoes lineup",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s7uwfw", imageAlt: "Designer shoes lineup"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=egde2k&_wi=1",
imageAlt: "Luxury watches display",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=egde2k", imageAlt: "Luxury watches display"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nki2vx&_wi=1",
imageAlt: "JBL audio speakers",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nki2vx", imageAlt: "JBL audio speakers"},
]}
rightCarouselItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oewtyk&_wi=1",
imageAlt: "Premium fashion apparel",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oewtyk", imageAlt: "Premium fashion apparel"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vca335&_wi=1",
imageAlt: "AirPods max headphones",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vca335", imageAlt: "AirPods max headphones"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ve2mux&_wi=1",
imageAlt: "Luxury sneakers",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ve2mux", imageAlt: "Luxury sneakers"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3ff6cn&_wi=1",
imageAlt: "Premium timepieces",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3ff6cn", imageAlt: "Premium timepieces"},
]}
buttons={[
{ text: "Browse Suppliers", href: "#categories" },
@@ -108,59 +90,29 @@ export default function HomePage() {
useInvertedBackground={false}
features={[
{
title: "AirPods & Audio",
description:
"Premium Apple AirPods Pro, Max, and all generations from verified suppliers",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5lascz",
imageAlt: "AirPods collection",
button: {
text: "View Suppliers",
href: "/suppliers/airpods",
},
title: "AirPods & Audio", description:
"Premium Apple AirPods Pro, Max, and all generations from verified suppliers", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5lascz", imageAlt: "AirPods collection", button: {
text: "View Suppliers", href: "/suppliers/airpods"},
},
{
title: "Designer Shoes",
description:
"Authentic Nike, Dior, and Louis Vuitton footwear from trusted sources",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wtmk5x",
imageAlt: "Designer shoes",
button: {
text: "View Suppliers",
href: "/suppliers/shoes",
},
title: "Designer Shoes", description:
"Authentic Nike, Dior, and Louis Vuitton footwear from trusted sources", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wtmk5x", imageAlt: "Designer shoes", button: {
text: "View Suppliers", href: "/suppliers/shoes"},
},
{
title: "Fashion Apparel",
description:
"Premium Nike Tech, Dsquared, and LV clothing from authorized dealers",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3py6kh",
imageAlt: "Fashion collection",
button: {
text: "View Suppliers",
href: "/suppliers/clothing",
},
title: "Fashion Apparel", description:
"Premium Nike Tech, Dsquared, and LV clothing from authorized dealers", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3py6kh", imageAlt: "Fashion collection", button: {
text: "View Suppliers", href: "/suppliers/clothing"},
},
{
title: "Luxury Watches",
description:
"Rolex, Casio, G-Shock timepieces from certified luxury suppliers",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sd9syd",
imageAlt: "Watches collection",
button: {
text: "View Suppliers",
href: "/suppliers/watches",
},
title: "Luxury Watches", description:
"Rolex, Casio, G-Shock timepieces from certified luxury suppliers", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=sd9syd", imageAlt: "Watches collection", button: {
text: "View Suppliers", href: "/suppliers/watches"},
},
{
title: "JBL Audio",
description:
"Complete JBL speaker lineup from professional audio specialists",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wybltn",
imageAlt: "JBL speakers",
button: {
text: "View Suppliers",
href: "/suppliers/jbl",
},
title: "JBL Audio", description:
"Complete JBL speaker lineup from professional audio specialists", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wybltn", imageAlt: "JBL speakers", button: {
text: "View Suppliers", href: "/suppliers/jbl"},
},
]}
/>
@@ -176,14 +128,7 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Nike",
"Apple",
"Louis Vuitton",
"Dior",
"Casio",
"Rolex",
"JBL",
]}
"Nike", "Apple", "Louis Vuitton", "Dior", "Casio", "Rolex", "JBL"]}
speed={40}
showCard={true}
/>
@@ -193,41 +138,17 @@ export default function HomePage() {
<TestimonialCardTwelve
testimonials={[
{
id: "1",
name: "Sarah Johnson",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=puypgj&_wi=1",
imageAlt: "Sarah Johnson testimonial",
},
id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=puypgj", imageAlt: "Sarah Johnson testimonial"},
{
id: "2",
name: "Michael Chen",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yb8i8c&_wi=1",
imageAlt: "Michael Chen testimonial",
},
id: "2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yb8i8c", imageAlt: "Michael Chen testimonial"},
{
id: "3",
name: "Emily Rodriguez",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=phwvxf&_wi=1",
imageAlt: "Emily Rodriguez testimonial",
},
id: "3", name: "Emily Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=phwvxf", imageAlt: "Emily Rodriguez testimonial"},
{
id: "4",
name: "David Kim",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=prjrta&_wi=1",
imageAlt: "David Kim testimonial",
},
id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=prjrta", imageAlt: "David Kim testimonial"},
{
id: "5",
name: "Jessica Wong",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kihldv&_wi=1",
imageAlt: "Jessica Wong testimonial",
},
id: "5", name: "Jessica Wong", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kihldv", imageAlt: "Jessica Wong testimonial"},
{
id: "6",
name: "Alexander Mueller",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9na5wq&_wi=1",
imageAlt: "Alexander Mueller testimonial",
},
id: "6", name: "Alexander Mueller", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9na5wq", imageAlt: "Alexander Mueller testimonial"},
]}
cardTitle="50,000+ Trusted Buyers Source Through SupplyHub Daily"
cardTag="Industry Leaders"
@@ -246,13 +167,11 @@ export default function HomePage() {
description="Register as a supplier or buyer and gain access to the world's most trusted premium marketplace. Verified partners, authenticated products, global reach."
buttons={[
{
text: "Become a Supplier",
href: "https://example.com/supplier-register",
},
text: "Become a Supplier", href: "https://example.com/supplier-register"},
{ text: "Browse as Buyer", href: "#hero" },
]}
buttonAnimation="slide-up"
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
@@ -261,8 +180,7 @@ export default function HomePage() {
<FooterBaseReveal
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{ label: "AirPods Suppliers", href: "/suppliers/airpods" },
{ label: "Shoes", href: "/suppliers/shoes" },
{ label: "Clothing", href: "/suppliers/clothing" },
@@ -271,8 +189,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#" },
{ label: "Suppliers", href: "#" },
{ label: "Partners", href: "#" },
@@ -281,8 +198,7 @@ export default function HomePage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Help Center", href: "#" },
{ label: "Contact Us", href: "#contact" },
{ label: "Privacy Policy", href: "#" },

42
src/app/suppliers/airpods/page.tsx
View File

@@ -16,7 +16,7 @@ export default function AirPodsSupplierPage() {
borderRadius="soft"
contentWidth="compact"
sizing="largeSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -32,9 +32,7 @@ export default function AirPodsSupplierPage() {
{ name: "Contact", id: "contact" },
]}
button={{
text: "Become a Supplier",
href: "https://example.com/supplier-signup",
}}
text: "Become a Supplier", href: "https://example.com/supplier-signup"}}
animateOnLoad={true}
/>
</div>
@@ -52,26 +50,11 @@ export default function AirPodsSupplierPage() {
useInvertedBackground={true}
products={[
{
id: "airpods-pro",
name: "AirPods Pro 2nd Gen",
price: "$249.00",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rp1xrj&_wi=2",
imageAlt: "AirPods Pro 2nd Generation",
},
id: "airpods-pro", name: "AirPods Pro 2nd Gen", price: "$249.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rp1xrj", imageAlt: "AirPods Pro 2nd Generation"},
{
id: "airpods-max",
name: "AirPods Max",
price: "$549.00",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vca335&_wi=2",
imageAlt: "AirPods Max Headphones",
},
id: "airpods-max", name: "AirPods Max", price: "$549.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vca335", imageAlt: "AirPods Max Headphones"},
{
id: "airpods-3",
name: "AirPods 3rd Gen",
price: "$169.00",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jnkezg",
imageAlt: "AirPods 3rd Generation",
},
id: "airpods-3", name: "AirPods 3rd Gen", price: "$169.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jnkezg", imageAlt: "AirPods 3rd Generation"},
]}
/>
</div>
@@ -85,13 +68,11 @@ export default function AirPodsSupplierPage() {
description="Get direct access to verified suppliers offering premium AirPods at competitive prices. Quality guaranteed, authentication verified, worldwide shipping available."
buttons={[
{
text: "Contact a Supplier",
href: "https://example.com/contact-supplier",
},
text: "Contact a Supplier", href: "https://example.com/contact-supplier"},
{ text: "Back to Categories", href: "/#categories" },
]}
buttonAnimation="slide-up"
background={{ variant: "aurora" }}
background={{ variant: "plain" }}
useInvertedBackground={false}
/>
</div>
@@ -100,8 +81,7 @@ export default function AirPodsSupplierPage() {
<FooterBaseReveal
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{ label: "AirPods Suppliers", href: "/suppliers/airpods" },
{ label: "Shoes", href: "/suppliers/shoes" },
{ label: "Clothing", href: "/suppliers/clothing" },
@@ -110,8 +90,7 @@ export default function AirPodsSupplierPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "#" },
{ label: "Suppliers", href: "#" },
{ label: "Partners", href: "#" },
@@ -120,8 +99,7 @@ export default function AirPodsSupplierPage() {
],
},
{
title: "Support",
items: [
title: "Support", items: [
{ label: "Help Center", href: "#" },
{ label: "Contact Us", href: "#contact" },
{ label: "Privacy Policy", href: "#" },

131
src/app/suppliers/clothing/page.tsx
View File

@@ -17,7 +17,7 @@ export default function ClothingSupplierPage() {
borderRadius="soft"
contentWidth="compact"
sizing="largeSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -33,9 +33,7 @@ export default function ClothingSupplierPage() {
{ name: "Contact", id: "contact" },
]}
button={{
text: "Become a Supplier",
href: "https://example.com/supplier-signup",
}}
text: "Become a Supplier", href: "https://example.com/supplier-signup"}}
animateOnLoad={true}
/>
</div>
@@ -53,26 +51,11 @@ export default function ClothingSupplierPage() {
useInvertedBackground={true}
products={[
{
id: "nike-tech-fleece",
name: "Nike Tech Fleece Set",
price: "$159.00",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oewtyk&_wi=2",
imageAlt: "Nike Tech Fleece Collection",
},
id: "nike-tech-fleece", name: "Nike Tech Fleece Set", price: "$159.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oewtyk", imageAlt: "Nike Tech Fleece Collection"},
{
id: "dsquared-jeans",
name: "Dsquared Designer Jeans",
price: "$450.00",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x3b750",
imageAlt: "Dsquared Premium Jeans",
},
id: "dsquared-jeans", name: "Dsquared Designer Jeans", price: "$450.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=x3b750", imageAlt: "Dsquared Premium Jeans"},
{
id: "lv-apparel",
name: "Louis Vuitton Apparel",
price: "$680.00",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jg4cjn",
imageAlt: "LV Designer Clothing",
},
id: "lv-apparel", name: "Louis Vuitton Apparel", price: "$680.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jg4cjn", imageAlt: "LV Designer Clothing"},
]}
/>
</div>
@@ -81,29 +64,13 @@ export default function ClothingSupplierPage() {
<TestimonialCardTwelve
testimonials={[
{
id: "1",
name: "Sarah Johnson",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=puypgj&_wi=3",
imageAlt: "Sarah Johnson testimonial",
},
id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=puypgj", imageAlt: "Sarah Johnson testimonial"},
{
id: "2",
name: "Michael Chen",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yb8i8c&_wi=3",
imageAlt: "Michael Chen testimonial",
},
id: "2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yb8i8c", imageAlt: "Michael Chen testimonial"},
{
id: "3",
name: "Emily Rodriguez",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=phwvxf&_wi=3",
imageAlt: "Emily Rodriguez testimonial",
},
id: "3", name: "Emily Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=phwvxf", imageAlt: "Emily Rodriguez testimonial"},
{
id: "4",
name: "David Kim",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=prjrta&_wi=3",
imageAlt: "David Kim testimonial",
},
id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=prjrta", imageAlt: "David Kim testimonial"},
]}
cardTitle="Fashion Buyers Trust Our Premium Apparel Selection"
cardTag="Authenticated Collections"
@@ -122,18 +89,13 @@ export default function ClothingSupplierPage() {
description="Connect with premium fashion suppliers for Nike Tech, Dsquared, and Louis Vuitton collections. Verified partners, authentic products, global distribution for designer apparel."
buttons={[
{
text: "Become a Supplier",
href: "https://example.com/supplier-register",
},
text: "Become a Supplier", href: "https://example.com/supplier-register"},
{
text: "View Collections",
href: "#clothing",
},
text: "View Collections", href: "#clothing"},
]}
buttonAnimation="slide-up"
background={{
variant: "aurora",
}}
variant: "plain"}}
useInvertedBackground={false}
/>
</div>
@@ -142,78 +104,45 @@ export default function ClothingSupplierPage() {
<FooterBaseReveal
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{
label: "Fashion Apparel",
href: "/suppliers/clothing",
},
label: "Fashion Apparel", href: "/suppliers/clothing"},
{
label: "Designer Shoes",
href: "/suppliers/shoes",
},
label: "Designer Shoes", href: "/suppliers/shoes"},
{
label: "AirPods Suppliers",
href: "/suppliers/airpods",
},
label: "AirPods Suppliers", href: "/suppliers/airpods"},
{
label: "Watches",
href: "/suppliers/watches",
},
label: "Watches", href: "/suppliers/watches"},
{
label: "JBL Audio",
href: "/suppliers/jbl",
},
label: "JBL Audio", href: "/suppliers/jbl"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#",
},
label: "About Us", href: "#"},
{
label: "Suppliers",
href: "#",
},
label: "Suppliers", href: "#"},
{
label: "Partners",
href: "#",
},
label: "Partners", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Help Center",
href: "#",
},
label: "Help Center", href: "#"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Authentication Guide",
href: "#",
},
label: "Authentication Guide", href: "#"},
],
},
]}

115
src/app/suppliers/jbl/page.tsx
View File

@@ -17,7 +17,7 @@ export default function JBLSuppliersPage() {
borderRadius="soft"
contentWidth="compact"
sizing="largeSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -33,8 +33,7 @@ export default function JBLSuppliersPage() {
{ name: "Contact", id: "#contact" }
]}
button={{
text: "Become a Supplier",
href: "https://example.com/supplier-signup"
text: "Become a Supplier", href: "https://example.com/supplier-signup"
}}
animateOnLoad={true}
/>
@@ -53,25 +52,13 @@ export default function JBLSuppliersPage() {
useInvertedBackground={true}
products={[
{
id: "jbl-flip",
name: "JBL Flip Bluetooth",
price: "$129.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nki2vx&_wi=2",
imageAlt: "JBL Flip Portable Speaker"
id: "jbl-flip", name: "JBL Flip Bluetooth", price: "$129.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nki2vx", imageAlt: "JBL Flip Portable Speaker"
},
{
id: "jbl-charge",
name: "JBL Charge Premium",
price: "$199.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ijmok",
imageAlt: "JBL Charge Audio System"
id: "jbl-charge", name: "JBL Charge Premium", price: "$199.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4ijmok", imageAlt: "JBL Charge Audio System"
},
{
id: "jbl-partybox",
name: "JBL PartyBox Pro",
price: "$799.99",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0wmgm2",
imageAlt: "JBL PartyBox Professional"
id: "jbl-partybox", name: "JBL PartyBox Pro", price: "$799.99", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0wmgm2", imageAlt: "JBL PartyBox Professional"
}
]}
/>
@@ -81,40 +68,22 @@ export default function JBLSuppliersPage() {
<TestimonialCardTwelve
testimonials={[
{
id: "1",
name: "Sarah Johnson",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=puypgj&_wi=5",
imageAlt: "Sarah Johnson testimonial"
id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=puypgj", imageAlt: "Sarah Johnson testimonial"
},
{
id: "2",
name: "Michael Chen",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yb8i8c&_wi=5",
imageAlt: "Michael Chen testimonial"
id: "2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yb8i8c", imageAlt: "Michael Chen testimonial"
},
{
id: "3",
name: "Emily Rodriguez",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=phwvxf&_wi=5",
imageAlt: "Emily Rodriguez testimonial"
id: "3", name: "Emily Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=phwvxf", imageAlt: "Emily Rodriguez testimonial"
},
{
id: "4",
name: "David Kim",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=prjrta&_wi=5",
imageAlt: "David Kim testimonial"
id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=prjrta", imageAlt: "David Kim testimonial"
},
{
id: "5",
name: "Jessica Wong",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kihldv&_wi=3",
imageAlt: "Jessica Wong testimonial"
id: "5", name: "Jessica Wong", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kihldv", imageAlt: "Jessica Wong testimonial"
},
{
id: "6",
name: "Alexander Mueller",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9na5wq&_wi=3",
imageAlt: "Alexander Mueller testimonial"
id: "6", name: "Alexander Mueller", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9na5wq", imageAlt: "Alexander Mueller testimonial"
}
]}
cardTitle="50,000+ Trusted Buyers Source Through SupplyHub Daily"
@@ -134,17 +103,15 @@ export default function JBLSuppliersPage() {
description="Register as a supplier or buyer and gain access to the world's most trusted premium marketplace. Verified partners, authenticated products, global reach."
buttons={[
{
text: "Become a Supplier",
href: "https://example.com/supplier-register"
text: "Become a Supplier", href: "https://example.com/supplier-register"
},
{
text: "Browse as Buyer",
href: "/"
text: "Browse as Buyer", href: "/"
}
]}
buttonAnimation="slide-up"
background={{
variant: "aurora"
variant: "plain"
}}
useInvertedBackground={false}
/>
@@ -154,77 +121,59 @@ export default function JBLSuppliersPage() {
<FooterBaseReveal
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{
label: "AirPods Suppliers",
href: "/suppliers/airpods"
label: "AirPods Suppliers", href: "/suppliers/airpods"
},
{
label: "Shoes",
href: "/suppliers/shoes"
label: "Shoes", href: "/suppliers/shoes"
},
{
label: "Clothing",
href: "/suppliers/clothing"
label: "Clothing", href: "/suppliers/clothing"
},
{
label: "Watches",
href: "/suppliers/watches"
label: "Watches", href: "/suppliers/watches"
},
{
label: "JBL Audio",
href: "/suppliers/jbl"
label: "JBL Audio", href: "/suppliers/jbl"
}
]
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#"
label: "About Us", href: "#"
},
{
label: "Suppliers",
href: "#"
label: "Suppliers", href: "#"
},
{
label: "Partners",
href: "#"
label: "Partners", href: "#"
},
{
label: "Careers",
href: "#"
label: "Careers", href: "#"
},
{
label: "Blog",
href: "#"
label: "Blog", href: "#"
}
]
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Help Center",
href: "#"
label: "Help Center", href: "#"
},
{
label: "Contact Us",
href: "#contact"
label: "Contact Us", href: "#contact"
},
{
label: "Privacy Policy",
href: "#"
label: "Privacy Policy", href: "#"
},
{
label: "Terms of Service",
href: "#"
label: "Terms of Service", href: "#"
},
{
label: "Authentication Guide",
href: "#"
label: "Authentication Guide", href: "#"
}
]
}

135
src/app/suppliers/shoes/page.tsx
View File

@@ -7,7 +7,7 @@ import TestimonialCardTwelve from "@/components/sections/testimonial/Testimonial
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import Link from "next/link";
import { Shoe, Star, Mail } from "lucide-react";
import { Footprints, Star, Mail } from "lucide-react";
export default function ShoesSupplierPage() {
return (
@@ -17,7 +17,7 @@ export default function ShoesSupplierPage() {
borderRadius="soft"
contentWidth="compact"
sizing="largeSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -33,9 +33,7 @@ export default function ShoesSupplierPage() {
{ name: "Contact", id: "contact" },
]}
button={{
text: "Become a Supplier",
href: "https://example.com/supplier-signup",
}}
text: "Become a Supplier", href: "https://example.com/supplier-signup"}}
animateOnLoad={true}
/>
</div>
@@ -45,7 +43,7 @@ export default function ShoesSupplierPage() {
title="Designer Shoes Suppliers"
description="Premium footwear from Nike, Dior, and Louis Vuitton. Every pair is authenticated and comes with documentation. Shop confidently from our trusted supplier network."
tag="Authenticated Luxury"
tagIcon={Shoe}
tagIcon={Footprints}
tagAnimation="slide-up"
textboxLayout="default"
animationType="slide-up"
@@ -53,26 +51,11 @@ export default function ShoesSupplierPage() {
useInvertedBackground={false}
products={[
{
id: "nike-jordan",
name: "Nike Air Jordan 1",
price: "$189.00",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s7uwfw&_wi=2",
imageAlt: "Nike Air Jordan 1 Premium",
},
id: "nike-jordan", name: "Nike Air Jordan 1", price: "$189.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=s7uwfw", imageAlt: "Nike Air Jordan 1 Premium"},
{
id: "dior-sneaker",
name: "Dior Fashion Sneaker",
price: "$750.00",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ve2mux&_wi=2",
imageAlt: "Dior Luxury Sneaker",
},
id: "dior-sneaker", name: "Dior Fashion Sneaker", price: "$750.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ve2mux", imageAlt: "Dior Luxury Sneaker"},
{
id: "lv-trainer",
name: "Louis Vuitton Trainer",
price: "$890.00",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4cccc6",
imageAlt: "LV Designer Trainer",
},
id: "lv-trainer", name: "Louis Vuitton Trainer", price: "$890.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=4cccc6", imageAlt: "LV Designer Trainer"},
]}
/>
</div>
@@ -81,29 +64,13 @@ export default function ShoesSupplierPage() {
<TestimonialCardTwelve
testimonials={[
{
id: "1",
name: "Sarah Johnson",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=puypgj&_wi=2",
imageAlt: "Sarah Johnson testimonial",
},
id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=puypgj", imageAlt: "Sarah Johnson testimonial"},
{
id: "2",
name: "Michael Chen",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yb8i8c&_wi=2",
imageAlt: "Michael Chen testimonial",
},
id: "2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yb8i8c", imageAlt: "Michael Chen testimonial"},
{
id: "3",
name: "Emily Rodriguez",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=phwvxf&_wi=2",
imageAlt: "Emily Rodriguez testimonial",
},
id: "3", name: "Emily Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=phwvxf", imageAlt: "Emily Rodriguez testimonial"},
{
id: "4",
name: "David Kim",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=prjrta&_wi=2",
imageAlt: "David Kim testimonial",
},
id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=prjrta", imageAlt: "David Kim testimonial"},
]}
cardTitle="Trusted by Premium Shoe Buyers Worldwide"
cardTag="Verified Authentic"
@@ -122,18 +89,13 @@ export default function ShoesSupplierPage() {
description="Register as a supplier or buyer and gain access to authenticated premium footwear. Verified partners, genuine products, global reach for luxury shoes."
buttons={[
{
text: "Become a Supplier",
href: "https://example.com/supplier-register",
},
text: "Become a Supplier", href: "https://example.com/supplier-register"},
{
text: "Browse Collections",
href: "#shoes",
},
text: "Browse Collections", href: "#shoes"},
]}
buttonAnimation="slide-up"
background={{
variant: "aurora",
}}
variant: "plain"}}
useInvertedBackground={false}
/>
</div>
@@ -142,78 +104,45 @@ export default function ShoesSupplierPage() {
<FooterBaseReveal
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{
label: "Designer Shoes",
href: "/suppliers/shoes",
},
label: "Designer Shoes", href: "/suppliers/shoes"},
{
label: "AirPods Suppliers",
href: "/suppliers/airpods",
},
label: "AirPods Suppliers", href: "/suppliers/airpods"},
{
label: "Clothing",
href: "/suppliers/clothing",
},
label: "Clothing", href: "/suppliers/clothing"},
{
label: "Watches",
href: "/suppliers/watches",
},
label: "Watches", href: "/suppliers/watches"},
{
label: "JBL Audio",
href: "/suppliers/jbl",
},
label: "JBL Audio", href: "/suppliers/jbl"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#",
},
label: "About Us", href: "#"},
{
label: "Suppliers",
href: "#",
},
label: "Suppliers", href: "#"},
{
label: "Partners",
href: "#",
},
label: "Partners", href: "#"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Blog",
href: "#",
},
label: "Blog", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Help Center",
href: "#",
},
label: "Help Center", href: "#"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Authentication Guide",
href: "#",
},
label: "Authentication Guide", href: "#"},
],
},
]}

115
src/app/suppliers/watches/page.tsx
View File

@@ -17,7 +17,7 @@ export default function WatchesSuppliersPage() {
borderRadius="soft"
contentWidth="compact"
sizing="largeSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="subtle-shadow"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
@@ -33,8 +33,7 @@ export default function WatchesSuppliersPage() {
{ name: "Contact", id: "#contact" }
]}
button={{
text: "Become a Supplier",
href: "https://example.com/supplier-signup"
text: "Become a Supplier", href: "https://example.com/supplier-signup"
}}
animateOnLoad={true}
/>
@@ -53,25 +52,13 @@ export default function WatchesSuppliersPage() {
useInvertedBackground={false}
products={[
{
id: "rolex-daytona",
name: "Rolex Daytona",
price: "$14,950.00",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=egde2k&_wi=2",
imageAlt: "Rolex Daytona Luxury Watch"
id: "rolex-daytona", name: "Rolex Daytona", price: "$14,950.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=egde2k", imageAlt: "Rolex Daytona Luxury Watch"
},
{
id: "casio-dress",
name: "Casio Dress Watch",
price: "$299.00",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3ff6cn&_wi=2",
imageAlt: "Casio Classic Timepiece"
id: "casio-dress", name: "Casio Dress Watch", price: "$299.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3ff6cn", imageAlt: "Casio Classic Timepiece"
},
{
id: "gshock-sport",
name: "G-Shock Sport Watch",
price: "$149.00",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9nufat",
imageAlt: "G-Shock Digital Watch"
id: "gshock-sport", name: "G-Shock Sport Watch", price: "$149.00", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9nufat", imageAlt: "G-Shock Digital Watch"
}
]}
/>
@@ -81,40 +68,22 @@ export default function WatchesSuppliersPage() {
<TestimonialCardTwelve
testimonials={[
{
id: "1",
name: "Sarah Johnson",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=puypgj&_wi=4",
imageAlt: "Sarah Johnson testimonial"
id: "1", name: "Sarah Johnson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=puypgj", imageAlt: "Sarah Johnson testimonial"
},
{
id: "2",
name: "Michael Chen",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yb8i8c&_wi=4",
imageAlt: "Michael Chen testimonial"
id: "2", name: "Michael Chen", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=yb8i8c", imageAlt: "Michael Chen testimonial"
},
{
id: "3",
name: "Emily Rodriguez",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=phwvxf&_wi=4",
imageAlt: "Emily Rodriguez testimonial"
id: "3", name: "Emily Rodriguez", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=phwvxf", imageAlt: "Emily Rodriguez testimonial"
},
{
id: "4",
name: "David Kim",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=prjrta&_wi=4",
imageAlt: "David Kim testimonial"
id: "4", name: "David Kim", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=prjrta", imageAlt: "David Kim testimonial"
},
{
id: "5",
name: "Jessica Wong",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kihldv&_wi=2",
imageAlt: "Jessica Wong testimonial"
id: "5", name: "Jessica Wong", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kihldv", imageAlt: "Jessica Wong testimonial"
},
{
id: "6",
name: "Alexander Mueller",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9na5wq&_wi=2",
imageAlt: "Alexander Mueller testimonial"
id: "6", name: "Alexander Mueller", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=9na5wq", imageAlt: "Alexander Mueller testimonial"
}
]}
cardTitle="50,000+ Trusted Buyers Source Through SupplyHub Daily"
@@ -134,17 +103,15 @@ export default function WatchesSuppliersPage() {
description="Register as a supplier or buyer and gain access to the world's most trusted premium marketplace. Verified partners, authenticated products, global reach."
buttons={[
{
text: "Become a Supplier",
href: "https://example.com/supplier-register"
text: "Become a Supplier", href: "https://example.com/supplier-register"
},
{
text: "Browse as Buyer",
href: "/"
text: "Browse as Buyer", href: "/"
}
]}
buttonAnimation="slide-up"
background={{
variant: "aurora"
variant: "plain"
}}
useInvertedBackground={false}
/>
@@ -154,77 +121,59 @@ export default function WatchesSuppliersPage() {
<FooterBaseReveal
columns={[
{
title: "Product",
items: [
title: "Product", items: [
{
label: "AirPods Suppliers",
href: "/suppliers/airpods"
label: "AirPods Suppliers", href: "/suppliers/airpods"
},
{
label: "Shoes",
href: "/suppliers/shoes"
label: "Shoes", href: "/suppliers/shoes"
},
{
label: "Clothing",
href: "/suppliers/clothing"
label: "Clothing", href: "/suppliers/clothing"
},
{
label: "Watches",
href: "/suppliers/watches"
label: "Watches", href: "/suppliers/watches"
},
{
label: "JBL Audio",
href: "/suppliers/jbl"
label: "JBL Audio", href: "/suppliers/jbl"
}
]
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#"
label: "About Us", href: "#"
},
{
label: "Suppliers",
href: "#"
label: "Suppliers", href: "#"
},
{
label: "Partners",
href: "#"
label: "Partners", href: "#"
},
{
label: "Careers",
href: "#"
label: "Careers", href: "#"
},
{
label: "Blog",
href: "#"
label: "Blog", href: "#"
}
]
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Help Center",
href: "#"
label: "Help Center", href: "#"
},
{
label: "Contact Us",
href: "#contact"
label: "Contact Us", href: "#contact"
},
{
label: "Privacy Policy",
href: "#"
label: "Privacy Policy", href: "#"
},
{
label: "Terms of Service",
href: "#"
label: "Terms of Service", href: "#"
},
{
label: "Authentication Guide",
href: "#"
label: "Authentication Guide", href: "#"
}
]
}

63
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,38 @@
"use client";
import React, { SVGProps } from 'react';
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
interface SvgTextLogoProps extends SVGProps<SVGSVGElement> {
text?: string;
className?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text = 'Logo',
className = '',
...props
}) => {
return (
<svg
ref={svgRef}
viewBox={viewBox}
className={cls("w-full", className)}
style={{ aspectRatio: aspectRatio }}
preserveAspectRatio="none"
role="img"
aria-label={`${logoText} logo`}
width="200"
height="100"
viewBox="0 0 200 100"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className={className}
{...props}
>
<text
ref={textRef}
x="0"
y={verticalAlign === "center" ? "50%" : "0"}
className="font-bold fill-current"
style={{
fontSize: "20px",
letterSpacing: "-0.02em",
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
}}
x="50%"
y="50%"
textAnchor="middle"
dominantBaseline="middle"
fontSize="24"
fontWeight="bold"
fill="currentColor"
>
{logoText}
{text}
</text>
</svg>
);
});
};
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
export default SvgTextLogo;