1 Commits

Author SHA1 Message Date
90e14ddc18 Update src/app/page.tsx 2026-05-07 17:37:06 +00:00

View File

@@ -31,17 +31,11 @@ export default function LandingPage() {
<NavbarStyleApple <NavbarStyleApple
navItems={[ navItems={[
{ {
name: "Shop", name: "Shop", id: "#products"},
id: "#products",
},
{ {
name: "About", name: "About", id: "#about"},
id: "#about",
},
{ {
name: "Contact", name: "Contact", id: "#contact"},
id: "#contact",
},
]} ]}
brandName="GentStyle" brandName="GentStyle"
/> />
@@ -50,19 +44,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroLogoBillboard <HeroLogoBillboard
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}}
logoText="GentStyle" logoText="GentStyle"
description="Elevate your daily look with our premium collection of handcrafted men's accessories. Designed for the modern gentleman who appreciates quality and timeless style." description="Elevate your daily look with our premium collection of handcrafted men's accessories. Designed for the modern gentleman who appreciates quality and timeless style."
buttons={[ buttons={[
{ {
text: "Shop Collection", text: "Shop Collection", href: "#products"},
href: "#products",
},
{ {
text: "Contact Us", text: "Contact Us", href: "#contact"},
href: "#contact",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-brown-suit-with-accessories_158538-11182.jpg" imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-brown-suit-with-accessories_158538-11182.jpg"
imageAlt="Premium men's accessories collection" imageAlt="Premium men's accessories collection"
@@ -77,26 +66,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
features={[ features={[
{ {
id: "f1", id: "f1", title: "Premium Materials", description: "We use only the finest top-grain leathers and high-grade metals for long-lasting durability.", tag: "Quality", imageSrc: "http://img.b2bpic.net/free-photo/detailed-black-pebbled-leather-texture-close-up_84443-73021.jpg"},
title: "Premium Materials",
description: "We use only the finest top-grain leathers and high-grade metals for long-lasting durability.",
tag: "Quality",
imageSrc: "http://img.b2bpic.net/free-photo/detailed-black-pebbled-leather-texture-close-up_84443-73021.jpg",
},
{ {
id: "f2", id: "f2", title: "Handcrafted Excellence", description: "Every piece is meticulously crafted by skilled artisans to ensure the highest standards.", tag: "Craft", imageSrc: "http://img.b2bpic.net/free-photo/flowers-bouquet-with-camera-coffee-light-table_23-2148043886.jpg"},
title: "Handcrafted Excellence",
description: "Every piece is meticulously crafted by skilled artisans to ensure the highest standards.",
tag: "Craft",
imageSrc: "http://img.b2bpic.net/free-photo/flowers-bouquet-with-camera-coffee-light-table_23-2148043886.jpg",
},
{ {
id: "f3", id: "f3", title: "Curated Elegance", description: "Our collection is thoughtfully curated to keep you ahead of the trend with timeless appeal.", tag: "Style", imageSrc: "http://img.b2bpic.net/free-photo/pet-poop-bag-arrangement_23-2148982358.jpg"},
title: "Curated Elegance",
description: "Our collection is thoughtfully curated to keep you ahead of the trend with timeless appeal.",
tag: "Style",
imageSrc: "http://img.b2bpic.net/free-photo/pet-poop-bag-arrangement_23-2148982358.jpg",
},
]} ]}
title="Why Choose GentStyle?" title="Why Choose GentStyle?"
description="Discover why discerning gentlemen trust us with their style essentials." description="Discover why discerning gentlemen trust us with their style essentials."
@@ -107,63 +81,27 @@ export default function LandingPage() {
<ProductCardTwo <ProductCardTwo
animationType="slide-up" animationType="slide-up"
textboxLayout="default" textboxLayout="default"
gridVariant="four-items-2x2-equal-grid" gridVariant="three-columns-all-equal-width"
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", brand: "GentStyle", name: "Classic Leather Wallet", price: "$49", rating: 5,
brand: "GentStyle", reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/portrait-trendy-woman-coat-holding-smartphone-showing-credit-card-shopping-online-order-someth_1258-119562.jpg"},
name: "Classic Leather Wallet",
price: "$49",
rating: 5,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-trendy-woman-coat-holding-smartphone-showing-credit-card-shopping-online-order-someth_1258-119562.jpg",
},
{ {
id: "p2", id: "p2", brand: "GentStyle", name: "Premium Leather Belt", price: "$59", rating: 5,
brand: "GentStyle", reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150229756.jpg"},
name: "Premium Leather Belt",
price: "$59",
rating: 5,
reviewCount: "85",
imageSrc: "http://img.b2bpic.net/free-photo/model-career-kit-still-life_23-2150229756.jpg",
},
{ {
id: "p3", id: "p3", brand: "GentStyle", name: "Silver Classic Cufflinks", price: "$39", rating: 4,
brand: "GentStyle", reviewCount: "62", imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-male-wearing-white-shirt-holding-silver-men-s-necklace_181624-15787.jpg"},
name: "Silver Classic Cufflinks",
price: "$39",
rating: 4,
reviewCount: "62",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-male-wearing-white-shirt-holding-silver-men-s-necklace_181624-15787.jpg",
},
{ {
id: "p4", id: "p4", brand: "GentStyle", name: "Winter Woolen Scarf", price: "$35", rating: 5,
brand: "GentStyle", reviewCount: "94", imageSrc: "http://img.b2bpic.net/free-photo/closeup-stack-knitted-sweaters-with-autumn-leaves_169016-45079.jpg"},
name: "Winter Woolen Scarf",
price: "$35",
rating: 5,
reviewCount: "94",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-stack-knitted-sweaters-with-autumn-leaves_169016-45079.jpg",
},
{ {
id: "p5", id: "p5", brand: "GentStyle", name: "Steel Tie Clip", price: "$29", rating: 4,
brand: "GentStyle", reviewCount: "41", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-suit-riding-his-bicycle_23-2147562053.jpg"},
name: "Steel Tie Clip",
price: "$29",
rating: 4,
reviewCount: "41",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-suit-riding-his-bicycle_23-2147562053.jpg",
},
{ {
id: "p6", id: "p6", brand: "GentStyle", name: "Modern Wayfarer Glasses", price: "$89", rating: 5,
brand: "GentStyle", reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-stylish-hipster-lambersexual-model_158538-17766.jpg"},
name: "Modern Wayfarer Glasses",
price: "$89",
rating: 5,
reviewCount: "210",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-stylish-hipster-lambersexual-model_158538-17766.jpg",
},
]} ]}
title="Popular Accessories" title="Popular Accessories"
description="Browse our handpicked selection of accessories to complete your look." description="Browse our handpicked selection of accessories to complete your look."
@@ -177,20 +115,11 @@ export default function LandingPage() {
tag="Trusted Quality" tag="Trusted Quality"
metrics={[ metrics={[
{ {
id: "m1", id: "m1", value: "10k+", description: "Happy Customers Served"},
value: "10k+",
description: "Happy Customers Served",
},
{ {
id: "m2", id: "m2", value: "5k+", description: "Premium Items Sold"},
value: "5k+",
description: "Premium Items Sold",
},
{ {
id: "m3", id: "m3", value: "99%", description: "Customer Satisfaction"},
value: "99%",
description: "Customer Satisfaction",
},
]} ]}
metricsAnimation="slide-up" metricsAnimation="slide-up"
/> />
@@ -201,30 +130,15 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "t1", id: "t1", name: "James Smith", imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg"},
name: "James Smith",
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
},
{ {
id: "t2", id: "t2", name: "Alex Johnson", imageSrc: "http://img.b2bpic.net/free-photo/attractive-businessman-with-crossed-arms_1139-348.jpg"},
name: "Alex Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/attractive-businessman-with-crossed-arms_1139-348.jpg",
},
{ {
id: "t3", id: "t3", name: "Robert Brown", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-goodlooking-man-showing-thumbs-up-praising-good-job-recommending-company-standing_1258-159836.jpg"},
name: "Robert Brown",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-goodlooking-man-showing-thumbs-up-praising-good-job-recommending-company-standing_1258-159836.jpg",
},
{ {
id: "t4", id: "t4", name: "Michael Davis", imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-standing-brick-wall-background-looking-sleepy-tired-exhausted-fatigue-hangover-lazy-eyes-morning_839833-16515.jpg"},
name: "Michael Davis",
imageSrc: "http://img.b2bpic.net/free-photo/young-hispanic-man-standing-brick-wall-background-looking-sleepy-tired-exhausted-fatigue-hangover-lazy-eyes-morning_839833-16515.jpg",
},
{ {
id: "t5", id: "t5", name: "David Wilson", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-wearing-yellow-casual-tshirt-standing-isolated-pink-background-cheerful_839833-18264.jpg"},
name: "David Wilson",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-wearing-yellow-casual-tshirt-standing-isolated-pink-background-cheerful_839833-18264.jpg",
},
]} ]}
cardTitle="What Gentlemen Say" cardTitle="What Gentlemen Say"
cardTag="Reviews" cardTag="Reviews"
@@ -238,20 +152,11 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "q1", id: "q1", title: "How do I return an item?", content: "We offer a 30-day return policy on all unused items. Simply visit our portal."},
title: "How do I return an item?",
content: "We offer a 30-day return policy on all unused items. Simply visit our portal.",
},
{ {
id: "q2", id: "q2", title: "Is shipping free?", content: "Yes, we offer free shipping on all orders over $50."},
title: "Is shipping free?",
content: "Yes, we offer free shipping on all orders over $50.",
},
{ {
id: "q3", id: "q3", title: "How long is delivery?", content: "Orders are shipped within 2 business days and typically arrive in 3-5 business days."},
title: "How long is delivery?",
content: "Orders are shipped within 2 business days and typically arrive in 3-5 business days.",
},
]} ]}
title="Need Help?" title="Need Help?"
description="Find answers to the most common questions about ordering and shipping." description="Find answers to the most common questions about ordering and shipping."
@@ -266,20 +171,12 @@ export default function LandingPage() {
description="Ready to elevate your style? Have questions about our products or partnership? Reach out to us below." description="Ready to elevate your style? Have questions about our products or partnership? Reach out to us below."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Name"},
type: "text",
placeholder: "Your Name",
},
{ {
name: "email", name: "email", type: "email", placeholder: "Your Email"},
type: "email",
placeholder: "Your Email",
},
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Tell us how we can help..."}}
placeholder: "Tell us how we can help...",
}}
imageSrc="http://img.b2bpic.net/free-photo/high-angle-office-desk-with-smartphone-medical-mask_23-2148804401.jpg" imageSrc="http://img.b2bpic.net/free-photo/high-angle-office-desk-with-smartphone-medical-mask_23-2148804401.jpg"
/> />
</div> </div>
@@ -288,42 +185,27 @@ export default function LandingPage() {
<FooterBase <FooterBase
columns={[ columns={[
{ {
title: "Shop", title: "Shop", items: [
items: [
{ {
label: "All Products", label: "All Products", href: "#products"},
href: "#products",
},
{ {
label: "New Arrivals", label: "New Arrivals", href: "#products"},
href: "#products",
},
], ],
}, },
{ {
title: "Support", title: "Support", items: [
items: [
{ {
label: "Contact", label: "Contact", href: "#contact"},
href: "#contact",
},
{ {
label: "FAQs", label: "FAQs", href: "#faq"},
href: "#faq",
},
], ],
}, },
{ {
title: "Company", title: "Company", items: [
items: [
{ {
label: "About Us", label: "About Us", href: "#about"},
href: "#about",
},
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
], ],
}, },
]} ]}
@@ -333,4 +215,4 @@ export default function LandingPage() {
</ReactLenis> </ReactLenis>
</ThemeProvider> </ThemeProvider>
); );
} }