bender/a0a87cee-1063-4fbe-84f6-853cad338e49
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-13 08:43:14 +00:00
parent e856c785ea
commit ea040ef505
1 changed files with 72 additions and 245 deletions
Download Patch File Download Diff File Expand all files Collapse all files

317
src/app/page.tsx
View File

@@ -33,37 +33,21 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "Products",
id: "#products",
},
name: "Products", id: "#products"},
{
name: "Features",
id: "#features",
},
name: "Features", id: "#features"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Trust",
id: "#trust",
},
name: "Trust", id: "#trust"},
{
name: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="BRAND ONE"
/>
@@ -72,24 +56,17 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroSplitKpi
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
imagePosition="right"
title="Elevate Your Style"
description="Discover timeless fashion and modern trends in men's apparel. Each piece is crafted for sophistication and comfort, empowering your confidence."
kpis={[
{
value: "1000+",
label: "Happy Customers",
},
value: "1000+", label: "Happy Customers"},
{
value: "4.9",
label: "Average Rating",
},
value: "4.9", label: "Average Rating"},
{
value: "New",
label: "Arrivals Weekly",
},
value: "New", label: "Arrivals Weekly"},
]}
enableKpiAnimation={true}
tag="BRAND ONE Collection"
@@ -97,13 +74,9 @@ export default function LandingPage() {
tagAnimation="slide-up"
buttons={[
{
text: "Shop Now",
href: "#products",
},
text: "Shop Now", href: "#products"},
{
text: "Learn More",
href: "#about",
},
text: "Learn More", href: "#about"},
]}
buttonAnimation="slide-up"
imageSrc="http://img.b2bpic.net/free-photo/middle-aged-man-metallic-background-talking-mobile-phone_150588-69.jpg"
@@ -111,52 +84,32 @@ export default function LandingPage() {
mediaAnimation="slide-up"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/elegant-black-man-airport-with-suitcase_1157-34027.jpg",
alt: "Customer Photo 1",
},
src: "http://img.b2bpic.net/free-photo/elegant-black-man-airport-with-suitcase_1157-34027.jpg", alt: "Customer Photo 1"},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-red-jacket_23-2149020127.jpg",
alt: "Customer Photo 2",
},
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-red-jacket_23-2149020127.jpg", alt: "Customer Photo 2"},
{
src: "http://img.b2bpic.net/free-photo/front-view-young-male-red-sweater-resting-dark-black-wall_140725-143113.jpg",
alt: "Customer Photo 3",
},
src: "http://img.b2bpic.net/free-photo/front-view-young-male-red-sweater-resting-dark-black-wall_140725-143113.jpg", alt: "Customer Photo 3"},
{
src: "http://img.b2bpic.net/free-photo/smiling-african-guy-with-inspired-face-expression-indoor-photo-pleased-black-man-hat-standing-with-arms-crossed-yellow-wall_197531-21953.jpg",
alt: "Customer Photo 4",
},
src: "http://img.b2bpic.net/free-photo/smiling-african-guy-with-inspired-face-expression-indoor-photo-pleased-black-man-hat-standing-with-arms-crossed-yellow-wall_197531-21953.jpg", alt: "Customer Photo 4"},
{
src: "http://img.b2bpic.net/free-photo/smiling-young-blonde-guy-wearing-green-t-shirt-showing-yes-gesture_141793-89436.jpg",
alt: "Customer Photo 5",
},
src: "http://img.b2bpic.net/free-photo/smiling-young-blonde-guy-wearing-green-t-shirt-showing-yes-gesture_141793-89436.jpg", alt: "Customer Photo 5"},
]}
avatarText="Join our community of stylish men."
marqueeItems={[
{
type: "text-icon",
text: "Premium Quality",
icon: Diamond,
type: "text-icon", text: "Premium Quality", icon: Diamond,
},
{
type: "text-icon",
text: "Sustainable Fashion",
icon: Leaf,
type: "text-icon", text: "Sustainable Fashion", icon: Leaf,
},
{
type: "text-icon",
text: "Global Shipping",
icon: Globe,
type: "text-icon", text: "Global Shipping", icon: Globe,
},
{
type: "text-icon",
text: "Expert Tailoring",
icon: Scissors,
type: "text-icon", text: "Expert Tailoring", icon: Scissors,
},
{
type: "text-icon",
text: "New Arrivals Daily",
icon: Clock,
type: "text-icon", text: "New Arrivals Daily", icon: Clock,
},
]}
marqueeSpeed={40}
@@ -172,53 +125,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "prod-1",
name: "Classic White Shirt",
price: "$69.99",
variant: "Formal Wear",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-man-clothing-concept-headphone-wooden-background-bow-tie-wallet-sunglasses-shoe-bag-hat-wood-table_1921-96.jpg",
imageAlt: "Classic White Shirt",
},
id: "prod-1", name: "Classic White Shirt", price: "$69.99", variant: "Formal Wear", imageSrc: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-man-clothing-concept-headphone-wooden-background-bow-tie-wallet-sunglasses-shoe-bag-hat-wood-table_1921-96.jpg", imageAlt: "Classic White Shirt"},
{
id: "prod-2",
name: "Slim Fit Trousers",
price: "$89.99",
variant: "Business Casual",
imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1321-1144.jpg",
imageAlt: "Slim Fit Trousers",
},
id: "prod-2", name: "Slim Fit Trousers", price: "$89.99", variant: "Business Casual", imageSrc: "http://img.b2bpic.net/free-photo/man-suit_1321-1144.jpg", imageAlt: "Slim Fit Trousers"},
{
id: "prod-3",
name: "Leather Biker Jacket",
price: "$249.99",
variant: "Casual Outerwear",
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-demonstrating-upper-cloths_1303-24509.jpg",
imageAlt: "Leather Biker Jacket",
},
id: "prod-3", name: "Leather Biker Jacket", price: "$249.99", variant: "Casual Outerwear", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-demonstrating-upper-cloths_1303-24509.jpg", imageAlt: "Leather Biker Jacket"},
{
id: "prod-4",
name: "Navy Blue Suit",
price: "$499.99",
variant: "Premium Formal",
imageSrc: "http://img.b2bpic.net/free-photo/young-elegant-handsome-businessman-male-model-suit_158538-2192.jpg",
imageAlt: "Navy Blue Suit",
},
id: "prod-4", name: "Navy Blue Suit", price: "$499.99", variant: "Premium Formal", imageSrc: "http://img.b2bpic.net/free-photo/young-elegant-handsome-businessman-male-model-suit_158538-2192.jpg", imageAlt: "Navy Blue Suit"},
{
id: "prod-5",
name: "Luxury Chronograph Watch",
price: "$189.99",
variant: "Accessories",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-man-clothing-concept-shirt-jean-mobile-phone-wooden-background-watch-sunglasses-shoes-wood-table_1921-79.jpg",
imageAlt: "Luxury Chronograph Watch",
},
id: "prod-5", name: "Luxury Chronograph Watch", price: "$189.99", variant: "Accessories", imageSrc: "http://img.b2bpic.net/free-photo/top-view-accessoires-travel-with-man-clothing-concept-shirt-jean-mobile-phone-wooden-background-watch-sunglasses-shoes-wood-table_1921-79.jpg", imageAlt: "Luxury Chronograph Watch"},
{
id: "prod-6",
name: "Brown Leather Loafers",
price: "$129.99",
variant: "Footwear",
imageSrc: "http://img.b2bpic.net/free-photo/woman-shoes-isolated_1203-8364.jpg",
imageAlt: "Brown Leather Loafers",
},
id: "prod-6", name: "Brown Leather Loafers", price: "$129.99", variant: "Footwear", imageSrc: "http://img.b2bpic.net/free-photo/woman-shoes-isolated_1203-8364.jpg", imageAlt: "Brown Leather Loafers"},
]}
title="Our Latest Collection"
description="Explore high-quality shirts, trousers, jackets, and accessories designed for the modern man. Find your perfect ensemble today."
@@ -232,45 +149,21 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "feat-1",
title: "Premium Fabrics",
tags: [
"Comfort",
"Durability",
],
imageSrc: "http://img.b2bpic.net/free-photo/fabric-textured-background_53876-139842.jpg",
imageAlt: "Close up of high-quality fabric texture",
},
id: "feat-1", title: "Premium Fabrics", tags: [
"Comfort", "Durability"],
imageSrc: "http://img.b2bpic.net/free-photo/fabric-textured-background_53876-139842.jpg", imageAlt: "Close up of high-quality fabric texture"},
{
id: "feat-2",
title: "Tailored Fit",
tags: [
"Sophistication",
"Precision",
],
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-tailor-working-with-sewing-machine_23-2148834105.jpg",
imageAlt: "Tailor working on a garment",
},
id: "feat-2", title: "Tailored Fit", tags: [
"Sophistication", "Precision"],
imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-tailor-working-with-sewing-machine_23-2148834105.jpg", imageAlt: "Tailor working on a garment"},
{
id: "feat-3",
title: "Sustainable Choices",
tags: [
"Eco-Friendly",
"Ethical",
],
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-package_23-2148975599.jpg",
imageAlt: "Eco-friendly clothing with green leaf",
},
id: "feat-3", title: "Sustainable Choices", tags: [
"Eco-Friendly", "Ethical"],
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-writing-package_23-2148975599.jpg", imageAlt: "Eco-friendly clothing with green leaf"},
{
id: "feat-4",
title: "Expert Styling Advice",
tags: [
"Personalized",
"Trendy",
],
imageSrc: "http://img.b2bpic.net/free-photo/personal-shopper-with-mask-working_23-2148924109.jpg",
imageAlt: "Stylist helping a man choose clothes",
},
id: "feat-4", title: "Expert Styling Advice", tags: [
"Personalized", "Trendy"],
imageSrc: "http://img.b2bpic.net/free-photo/personal-shopper-with-mask-working_23-2148924109.jpg", imageAlt: "Stylist helping a man choose clothes"},
]}
title="Why Choose BRAND ONE?"
description="Experience the difference in quality, comfort, and style that sets our clothing apart. We focus on every detail to ensure you look and feel your best."
@@ -283,14 +176,10 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Our Story: Crafting Confidence"
description={[
"At BRAND ONE, we believe that clothing is an expression of identity. Founded with a passion for exquisite men's fashion, we set out to create a collection that blends classic elegance with contemporary trends.",
"Our mission is to empower every man to feel confident and stylish in what he wears, offering pieces that are not only aesthetically pleasing but also embody superior craftsmanship and lasting quality. We are dedicated to providing a curated selection that meets the diverse needs of the modern gentleman.",
]}
"At BRAND ONE, we believe that clothing is an expression of identity. Founded with a passion for exquisite men's fashion, we set out to create a collection that blends classic elegance with contemporary trends.", "Our mission is to empower every man to feel confident and stylish in what he wears, offering pieces that are not only aesthetically pleasing but also embody superior craftsmanship and lasting quality. We are dedicated to providing a curated selection that meets the diverse needs of the modern gentleman."]}
buttons={[
{
text: "Our Values",
href: "#",
},
text: "Our Values", href: "#"},
]}
buttonAnimation="slide-up"
showBorder={false}
@@ -302,15 +191,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"GQ Magazine",
"Vogue Men",
"Esquire",
"FashionBeans",
"Highsnobiety",
"Man of Many",
"Hypebeast",
"StyleForum",
]}
"GQ Magazine", "Vogue Men", "Esquire", "FashionBeans", "Highsnobiety", "Man of Many", "Hypebeast", "StyleForum"]}
title="Trusted by Fashion Experts"
description="Our collections have been featured and applauded by leading voices in men's fashion worldwide."
speed={40}
@@ -326,25 +207,15 @@ export default function LandingPage() {
author="Mohammed Al-Hassan, Fashion Consultant"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/image-sassy-caucasian-man-white-sweater-looking-thoughtful-camera-making-choice-standing-ov_1258-63241.jpg",
alt: "User avatar 1",
},
src: "http://img.b2bpic.net/free-photo/image-sassy-caucasian-man-white-sweater-looking-thoughtful-camera-making-choice-standing-ov_1258-63241.jpg", alt: "User avatar 1"},
{
src: "http://img.b2bpic.net/free-photo/sleepy-mixed-race-man-portrait-deep-blue-background_633478-2106.jpg",
alt: "User avatar 2",
},
src: "http://img.b2bpic.net/free-photo/sleepy-mixed-race-man-portrait-deep-blue-background_633478-2106.jpg", alt: "User avatar 2"},
{
src: "http://img.b2bpic.net/free-photo/young-hispanic-man-make-selfie-by-smartphone-bedroom_839833-16530.jpg",
alt: "User avatar 3",
},
src: "http://img.b2bpic.net/free-photo/young-hispanic-man-make-selfie-by-smartphone-bedroom_839833-16530.jpg", alt: "User avatar 3"},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-male_23-2148468704.jpg",
alt: "User avatar 4",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-male_23-2148468704.jpg", alt: "User avatar 4"},
{
src: "http://img.b2bpic.net/free-photo/smiley-man-posing-medium-shot_23-2149915893.jpg",
alt: "User avatar 5",
},
src: "http://img.b2bpic.net/free-photo/smiley-man-posing-medium-shot_23-2149915893.jpg", alt: "User avatar 5"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -357,25 +228,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "What is your return policy?",
content: "We offer a 30-day return policy for all unworn items with tags still attached. Proof of purchase is required for all returns and exchanges.",
},
id: "faq-1", title: "What is your return policy?", content: "We offer a 30-day return policy for all unworn items with tags still attached. Proof of purchase is required for all returns and exchanges."},
{
id: "faq-2",
title: "Do you offer international shipping?",
content: "Yes, we proudly ship our collections worldwide. Shipping costs and delivery times vary by destination. Please see our shipping page for more details.",
},
id: "faq-2", title: "Do you offer international shipping?", content: "Yes, we proudly ship our collections worldwide. Shipping costs and delivery times vary by destination. Please see our shipping page for more details."},
{
id: "faq-3",
title: "How do I find my size?",
content: "Each product page features a detailed size guide to help you find your perfect fit. We also offer personalized styling advice in-store or via virtual consultation.",
},
id: "faq-3", title: "How do I find my size?", content: "Each product page features a detailed size guide to help you find your perfect fit. We also offer personalized styling advice in-store or via virtual consultation."},
{
id: "faq-4",
title: "What materials do you use?",
content: "We prioritize high-quality, durable, and comfortable fabrics such as organic cotton, merino wool, and premium linen, sourced from ethical suppliers.",
},
id: "faq-4", title: "What materials do you use?", content: "We prioritize high-quality, durable, and comfortable fabrics such as organic cotton, merino wool, and premium linen, sourced from ethical suppliers."},
]}
title="Frequently Asked Questions"
description="Find quick answers to your most common questions about our products and services."
@@ -388,8 +247,7 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "glowing-orb",
}}
variant: "sparkles-gradient"}}
tag="Get in Touch"
tagIcon={Mail}
tagAnimation="slide-up"
@@ -397,13 +255,9 @@ export default function LandingPage() {
description="Visit our physical store for a personalized shopping experience or contact us directly for styling advice and inquiries."
buttons={[
{
text: "Contact Us",
href: "#",
},
text: "Contact Us", href: "#"},
{
text: "View Location",
href: "https://www.google.com/maps/search/BRAND+ONE",
},
text: "View Location", href: "https://www.google.com/maps/search/BRAND+ONE"},
]}
buttonAnimation="slide-up"
/>
@@ -414,66 +268,39 @@ export default function LandingPage() {
logoText="BRAND ONE"
columns={[
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Shop",
items: [
title: "Shop", items: [
{
label: "New Arrivals",
href: "#products",
},
label: "New Arrivals", href: "#products"},
{
label: "Shirts",
href: "#products",
},
label: "Shirts", href: "#products"},
{
label: "Trousers",
href: "#products",
},
label: "Trousers", href: "#products"},
{
label: "Jackets",
href: "#products",
},
label: "Jackets", href: "#products"},
{
label: "Accessories",
href: "#products",
},
label: "Accessories", href: "#products"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
{
label: "Returns",
href: "#",
},
label: "Returns", href: "#"},
{
label: "Shipping",
href: "#",
},
label: "Shipping", href: "#"},
],
},
]}