Merge version_1 into main #1
266
src/app/page.tsx
266
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Gentlemen Socks"
|
||||
/>
|
||||
@@ -56,97 +48,54 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Timeless Elegance in Every Step"
|
||||
description="Discover our collection of premium socks designed for the modern gentleman who values comfort, durability, and sophisticated style."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Julian V.",
|
||||
handle: "@jules",
|
||||
testimonial: "Exceptional quality and comfort. These are the finest socks I've ever worn.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg",
|
||||
},
|
||||
name: "Julian V.", handle: "@jules", testimonial: "Exceptional quality and comfort. These are the finest socks I've ever worn.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-green-suit-using-phone-outside-street_1303-29546.jpg"},
|
||||
{
|
||||
name: "Mark R.",
|
||||
handle: "@markr",
|
||||
testimonial: "The perfect balance of professionalism and personal style. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-17781.jpg",
|
||||
},
|
||||
name: "Mark R.", handle: "@markr", testimonial: "The perfect balance of professionalism and personal style. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-thinking-about-business-while-holding-hand-chin-isolated-dark-background_613910-17781.jpg"},
|
||||
{
|
||||
name: "Sam L.",
|
||||
handle: "@saml",
|
||||
testimonial: "Durable and incredibly soft, even after dozens of washes. Truly superior.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-grey-haired-businessman-standing_74855-9871.jpg",
|
||||
},
|
||||
name: "Sam L.", handle: "@saml", testimonial: "Durable and incredibly soft, even after dozens of washes. Truly superior.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-grey-haired-businessman-standing_74855-9871.jpg"},
|
||||
{
|
||||
name: "Leo P.",
|
||||
handle: "@leop",
|
||||
testimonial: "An absolute staple for my wardrobe. Unmatched elegance.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109773.jpg",
|
||||
},
|
||||
name: "Leo P.", handle: "@leop", testimonial: "An absolute staple for my wardrobe. Unmatched elegance.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-father-s-day-composition-father-s-day-top-view_185193-109773.jpg"},
|
||||
{
|
||||
name: "James H.",
|
||||
handle: "@jamesh",
|
||||
testimonial: "Gentlemen Socks provides the comfort I need for long office days.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-blue-suit-gray_158538-11090.jpg",
|
||||
},
|
||||
name: "James H.", handle: "@jamesh", testimonial: "Gentlemen Socks provides the comfort I need for long office days.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-businessman-handsome-model-man-dressed-elegant-blue-suit-gray_158538-11090.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Shop Collection",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Shop Collection", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-retro-1920s-english-arabian-business-man-wearing-dark-suit-tie-flat-cap_627829-6813.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11484.jpg",
|
||||
alt: "Portrait of handsome fashion stylish hipster businessman model",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-black-suit_158538-11484.jpg", alt: "Portrait of handsome fashion stylish hipster businessman model"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/boots-male-accessories-near-gift-cup-drink_23-2148114410.jpg",
|
||||
alt: "Boots among male accessories",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/boots-male-accessories-near-gift-cup-drink_23-2148114410.jpg", alt: "Boots among male accessories"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model-sexy-modern-man-dressed-elegant-white-suit-fashion-male-with-curly-hairstyle-posing-studio-near-beige-wall-isolated_158538-27206.jpg",
|
||||
alt: "Portrait of handsome smiling stylish hipster",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-model-sexy-modern-man-dressed-elegant-white-suit-fashion-male-with-curly-hairstyle-posing-studio-near-beige-wall-isolated_158538-27206.jpg", alt: "Portrait of handsome smiling stylish hipster"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-sitting-near-dark-studio_158538-11304.jpg",
|
||||
alt: "Portrait of handsome fashion stylish hipster",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-sitting-near-dark-studio_158538-11304.jpg", alt: "Portrait of handsome fashion stylish hipster"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/accessories-groom-shoes-boutonniere-phone-parfum-clock_8353-8008.jpg",
|
||||
alt: "Accessories of a groom",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/accessories-groom-shoes-boutonniere-phone-parfum-clock_8353-8008.jpg", alt: "Accessories of a groom"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Egyptian Cotton",
|
||||
},
|
||||
type: "text", text: "Premium Egyptian Cotton"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Reinforced Durability",
|
||||
},
|
||||
type: "text", text: "Reinforced Durability"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Timeless Pattern Design",
|
||||
},
|
||||
type: "text", text: "Timeless Pattern Design"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sophisticated Comfort",
|
||||
},
|
||||
type: "text", text: "Sophisticated Comfort"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Daily Essentials",
|
||||
},
|
||||
type: "text", text: "Luxury Daily Essentials"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,17 +108,11 @@ export default function LandingPage() {
|
||||
description="At Gentlemen Socks, we believe that the smallest details define the man. Our socks are engineered with premium materials to ensure a perfect fit that stays throughout your busy day."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Premium Material",
|
||||
description: "High-grade Egyptian cotton for softness and breathability.",
|
||||
},
|
||||
title: "Premium Material", description: "High-grade Egyptian cotton for softness and breathability."},
|
||||
{
|
||||
title: "Reinforced Construction",
|
||||
description: "Double-stitched heels and toes for long-term endurance.",
|
||||
},
|
||||
title: "Reinforced Construction", description: "Double-stitched heels and toes for long-term endurance."},
|
||||
{
|
||||
title: "Timeless Aesthetics",
|
||||
description: "Classic patterns designed to complement any professional wardrobe.",
|
||||
},
|
||||
title: "Timeless Aesthetics", description: "Classic patterns designed to complement any professional wardrobe."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-fabric-texture_23-2148952734.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -184,41 +127,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Classic Navy Stripe",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-men-answer-phones-office-door_1359-1396.jpg",
|
||||
},
|
||||
id: "p1", name: "Classic Navy Stripe", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/business-men-answer-phones-office-door_1359-1396.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Midnight Charcoal",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-hat-sitting-chair_23-2148931676.jpg",
|
||||
},
|
||||
id: "p2", name: "Midnight Charcoal", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-with-hat-sitting-chair_23-2148931676.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Burgundy Heritage",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-black-shirt-black-suit_158595-4810.jpg",
|
||||
},
|
||||
id: "p3", name: "Burgundy Heritage", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-businessman-black-shirt-black-suit_158595-4810.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Oxford Dot",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man_158595-737.jpg",
|
||||
},
|
||||
id: "p4", name: "Oxford Dot", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/hipster-style-bearded-man_158595-737.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Forest Geometric",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grunge-style-argyle-pattern-background-with-stains-creases_1048-15599.jpg",
|
||||
},
|
||||
id: "p5", name: "Forest Geometric", price: "$25", imageSrc: "http://img.b2bpic.net/free-photo/grunge-style-argyle-pattern-background-with-stains-creases_1048-15599.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Royal Check",
|
||||
price: "$25",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/argyle-patterns-set_1015-203.jpg",
|
||||
},
|
||||
id: "p6", name: "Royal Check", price: "$25", imageSrc: "http://img.b2bpic.net/free-vector/argyle-patterns-set_1015-203.jpg"},
|
||||
]}
|
||||
title="Our Signature Collection"
|
||||
description="Hand-selected patterns for every occasion."
|
||||
@@ -233,20 +152,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Moisture Control",
|
||||
description: "Natural fibers that keep feet dry all day long.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cotton-plants-still-life_23-2151158811.jpg",
|
||||
},
|
||||
title: "Moisture Control", description: "Natural fibers that keep feet dry all day long.", imageSrc: "http://img.b2bpic.net/free-photo/cotton-plants-still-life_23-2151158811.jpg"},
|
||||
{
|
||||
title: "Perfect Fit",
|
||||
description: "Non-slip cuffs ensure your socks stay exactly where they belong.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-arranging-sock_23-2149996133.jpg",
|
||||
},
|
||||
title: "Perfect Fit", description: "Non-slip cuffs ensure your socks stay exactly where they belong.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-arranging-sock_23-2149996133.jpg"},
|
||||
{
|
||||
title: "Eco-Conscious",
|
||||
description: "Sustainably sourced cotton and responsible manufacturing processes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-raw-material-felt_23-2149447365.jpg",
|
||||
},
|
||||
title: "Eco-Conscious", description: "Sustainably sourced cotton and responsible manufacturing processes.", imageSrc: "http://img.b2bpic.net/free-photo/view-raw-material-felt_23-2149447365.jpg"},
|
||||
]}
|
||||
title="Why Gentlemen Choose Us"
|
||||
description="Redefining comfort standards in men's hosiery."
|
||||
@@ -258,14 +168,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Gentleman's Quarterly",
|
||||
"Style Daily",
|
||||
"Fashion Insider",
|
||||
"Business Standard",
|
||||
"Modern Men",
|
||||
"Tailored Weekly",
|
||||
"Luxury Goods",
|
||||
]}
|
||||
"Gentleman's Quarterly", "Style Daily", "Fashion Insider", "Business Standard", "Modern Men", "Tailored Weekly", "Luxury Goods"]}
|
||||
title="Featured in Global Publications"
|
||||
description="Trusted by men of style around the world."
|
||||
/>
|
||||
@@ -273,44 +176,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Robert B.",
|
||||
role: "Architect",
|
||||
testimonial: "Simply the best socks I own. Period.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-stylish-man-wearing-sunglasses-using-mobile-phone_23-2148164303.jpg",
|
||||
},
|
||||
id: "1", name: "Robert B.", role: "Architect", testimonial: "Simply the best socks I own. Period.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-stylish-man-wearing-sunglasses-using-mobile-phone_23-2148164303.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David W.",
|
||||
role: "Lawyer",
|
||||
testimonial: "Sophisticated patterns that fit my office look perfectly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-shop-assistants-elegantly-dressed-working-menswear-store_613910-19747.jpg",
|
||||
},
|
||||
id: "2", name: "David W.", role: "Lawyer", testimonial: "Sophisticated patterns that fit my office look perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/two-stylish-shop-assistants-elegantly-dressed-working-menswear-store_613910-19747.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Thomas K.",
|
||||
role: "Consultant",
|
||||
testimonial: "Soft, durable, and classic. A must-have accessory.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-adult-male-talking-phone_23-2148673414.jpg",
|
||||
},
|
||||
id: "3", name: "Thomas K.", role: "Consultant", testimonial: "Soft, durable, and classic. A must-have accessory.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-adult-male-talking-phone_23-2148673414.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Liam P.",
|
||||
role: "Designer",
|
||||
testimonial: "Quality that is clearly superior to mainstream retail brands.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-black-woman-with-afro-curls-hairstyle_158538-18893.jpg",
|
||||
},
|
||||
id: "4", name: "Liam P.", role: "Designer", testimonial: "Quality that is clearly superior to mainstream retail brands.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-black-woman-with-afro-curls-hairstyle_158538-18893.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Ethan M.",
|
||||
role: "Entrepreneur",
|
||||
testimonial: "My go-to choice for formal events and daily meetings alike.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
|
||||
},
|
||||
id: "5", name: "Ethan M.", role: "Entrepreneur", testimonial: "My go-to choice for formal events and daily meetings alike.", imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg"},
|
||||
]}
|
||||
title="Voices of Distinction"
|
||||
description="What our clients say about their experience."
|
||||
@@ -323,20 +202,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "What materials do you use?",
|
||||
content: "We use premium Egyptian cotton mixed with a touch of elastane for the perfect balance of breathability and comfort.",
|
||||
},
|
||||
id: "f1", title: "What materials do you use?", content: "We use premium Egyptian cotton mixed with a touch of elastane for the perfect balance of breathability and comfort."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are these one-size-fits-all?",
|
||||
content: "Our socks are designed to fit men's shoe sizes US 8 to 12 comfortably.",
|
||||
},
|
||||
id: "f2", title: "Are these one-size-fits-all?", content: "Our socks are designed to fit men's shoe sizes US 8 to 12 comfortably."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How do I care for my socks?",
|
||||
content: "We recommend machine washing on a cold, gentle cycle and air drying to maintain their shape and fabric longevity.",
|
||||
},
|
||||
id: "f3", title: "How do I care for my socks?", content: "We recommend machine washing on a cold, gentle cycle and air drying to maintain their shape and fabric longevity."},
|
||||
]}
|
||||
title="Questions Answered"
|
||||
description="Frequently asked questions about our products."
|
||||
@@ -348,14 +218,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
text="Join our newsletter for exclusive style updates and collection previews."
|
||||
buttons={[
|
||||
{
|
||||
text: "Subscribe Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Subscribe Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -366,42 +233,27 @@ export default function LandingPage() {
|
||||
logoText="Gentlemen Socks"
|
||||
columns={[
|
||||
{
|
||||
title: "Products",
|
||||
items: [
|
||||
title: "Products", items: [
|
||||
{
|
||||
label: "Shop All",
|
||||
href: "#products",
|
||||
},
|
||||
label: "Shop All", href: "#products"},
|
||||
{
|
||||
label: "New Arrivals",
|
||||
href: "#",
|
||||
},
|
||||
label: "New Arrivals", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user