Merge version_2 into main #1
210
src/app/page.tsx
210
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Shop",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Shop", id: "#products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="GentStyle"
|
||||
/>
|
||||
@@ -50,19 +44,14 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
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."
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", 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"
|
||||
imageAlt="Premium men's accessories collection"
|
||||
@@ -77,26 +66,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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="Why Choose GentStyle?"
|
||||
description="Discover why discerning gentlemen trust us with their style essentials."
|
||||
@@ -107,63 +81,27 @@ export default function LandingPage() {
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "GentStyle",
|
||||
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: "p1", brand: "GentStyle", 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",
|
||||
brand: "GentStyle",
|
||||
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: "p2", brand: "GentStyle", 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",
|
||||
brand: "GentStyle",
|
||||
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: "p3", brand: "GentStyle", 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",
|
||||
brand: "GentStyle",
|
||||
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: "p4", brand: "GentStyle", 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",
|
||||
brand: "GentStyle",
|
||||
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: "p5", brand: "GentStyle", 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",
|
||||
brand: "GentStyle",
|
||||
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",
|
||||
},
|
||||
id: "p6", brand: "GentStyle", 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"
|
||||
description="Browse our handpicked selection of accessories to complete your look."
|
||||
@@ -177,20 +115,11 @@ export default function LandingPage() {
|
||||
tag="Trusted Quality"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "Happy Customers Served",
|
||||
},
|
||||
id: "m1", value: "10k+", description: "Happy Customers Served"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "5k+",
|
||||
description: "Premium Items Sold",
|
||||
},
|
||||
id: "m2", value: "5k+", description: "Premium Items Sold"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99%",
|
||||
description: "Customer Satisfaction",
|
||||
},
|
||||
id: "m3", value: "99%", description: "Customer Satisfaction"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -201,30 +130,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "James Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg",
|
||||
},
|
||||
id: "t1", name: "James Smith", imageSrc: "http://img.b2bpic.net/free-photo/woman-smiling_1187-3196.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Alex Johnson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-businessman-with-crossed-arms_1139-348.jpg",
|
||||
},
|
||||
id: "t2", name: "Alex Johnson", imageSrc: "http://img.b2bpic.net/free-photo/attractive-businessman-with-crossed-arms_1139-348.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
cardTitle="What Gentlemen Say"
|
||||
cardTag="Reviews"
|
||||
@@ -238,20 +152,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is shipping free?",
|
||||
content: "Yes, we offer free shipping on all orders over $50.",
|
||||
},
|
||||
id: "q2", title: "Is shipping free?", content: "Yes, we offer free shipping on all orders over $50."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "How long is delivery?",
|
||||
content: "Orders are shipped within 2 business days and typically arrive in 3-5 business days.",
|
||||
},
|
||||
id: "q3", title: "How long is delivery?", content: "Orders are shipped within 2 business days and typically arrive in 3-5 business days."},
|
||||
]}
|
||||
title="Need Help?"
|
||||
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."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "Your Name"},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
name: "email", type: "email", placeholder: "Your Email"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us how we can help...",
|
||||
}}
|
||||
name: "message", 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"
|
||||
/>
|
||||
</div>
|
||||
@@ -288,42 +185,27 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Shop",
|
||||
items: [
|
||||
title: "Shop", items: [
|
||||
{
|
||||
label: "All Products",
|
||||
href: "#products",
|
||||
},
|
||||
label: "All Products", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#products",
|
||||
},
|
||||
label: "New Arrivals", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQs",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQs", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -333,4 +215,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user