bender/0a4be610-bef4-44ab-a760-f5efc5d2dcf2
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-07 14:33:13 +00:00
parent 6214df2f66
commit 266d787320
1 changed files with 57 additions and 213 deletions
Download Patch File Download Diff File Expand all files Collapse all files

270
src/app/page.tsx
View File

@@ -33,38 +33,22 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "About Us",
id: "#about",
},
name: "About Us", id: "#about"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
button={{
text: "Book Now",
href: "#contact",
}}
text: "Book Now", href: "#contact"}}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uslgkz"
logoAlt="The Men's Den logo"
brandName="The Men's Den"
@@ -74,19 +58,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroLogoBillboard
background={{
variant: "plain",
}}
variant: "plain"}}
logoText="The Men's Den"
description="Where tradition meets modern grooming. Experience the finest cuts, shaves, and styling in a lounge designed for the discerning gentleman."
buttons={[
{
text: "Book an Appointment",
href: "#contact",
},
text: "Book an Appointment", href: "#contact"},
{
text: "View Services",
href: "#services",
},
text: "View Services", href: "#services"},
]}
imageSrc="http://img.b2bpic.net/free-photo/handsome-man-looking-his-phone-barber-shop_23-2148353459.jpg"
imageAlt="Luxurious barbershop interior with vintage chairs and professional tools."
@@ -101,19 +80,13 @@ export default function LandingPage() {
metrics={[
{
icon: Award,
label: "Years in Business",
value: "13+",
},
label: "Years in Business", value: "13+"},
{
icon: Users,
label: "Satisfied Clients",
value: "10K+",
},
label: "Satisfied Clients", value: "10K+"},
{
icon: Scissors,
label: "Master Barbers",
value: "5",
},
label: "Master Barbers", value: "5"},
]}
metricsAnimation="slide-up"
/>
@@ -125,23 +98,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Precision Haircuts",
description: "Experience a bespoke haircut tailored to your style and preference, finished with a meticulous neck shave and hot towel.",
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462466.jpg",
imageAlt: "Man receiving a precision haircut in a barbershop.",
},
title: "Precision Haircuts", description: "Experience a bespoke haircut tailored to your style and preference, finished with a meticulous neck shave and hot towel.", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462466.jpg", imageAlt: "Man receiving a precision haircut in a barbershop."},
{
title: "Traditional Hot Shave",
description: "Indulge in the ultimate relaxation with a luxurious hot lather shave, performed with a straight razor for an incredibly close and smooth finish.",
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205881.jpg",
imageAlt: "Close up of a barber performing a traditional hot shave.",
},
title: "Traditional Hot Shave", description: "Indulge in the ultimate relaxation with a luxurious hot lather shave, performed with a straight razor for an incredibly close and smooth finish.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205881.jpg", imageAlt: "Close up of a barber performing a traditional hot shave."},
{
title: "Beard & Moustache Trim",
description: "Keep your facial hair impeccably groomed with our expert trimming and shaping services, ensuring a sharp and refined look.",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-man-with-white-facial-mask-relaxing-treatment-beauty-spa_637285-1733.jpg",
imageAlt: "Man getting his beard trimmed and styled.",
},
title: "Beard & Moustache Trim", description: "Keep your facial hair impeccably groomed with our expert trimming and shaping services, ensuring a sharp and refined look.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-man-with-white-facial-mask-relaxing-treatment-beauty-spa_637285-1733.jpg", imageAlt: "Man getting his beard trimmed and styled."},
]}
title="Our Signature Services"
description="From classic cuts to modern styles, our expert barbers are dedicated to perfecting your look with precision and care."
@@ -156,47 +117,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Classic Pomade",
price: "$25.00",
imageSrc: "http://img.b2bpic.net/free-photo/shampoo-bottle-butterfly-pea-flower-put-white-marble-background_1150-28099.jpg",
imageAlt: "Jar of classic men's hair pomade.",
},
id: "p1", name: "Classic Pomade", price: "$25.00", imageSrc: "http://img.b2bpic.net/free-photo/shampoo-bottle-butterfly-pea-flower-put-white-marble-background_1150-28099.jpg", imageAlt: "Jar of classic men's hair pomade."},
{
id: "p2",
name: "Hydrating Shampoo",
price: "$20.00",
imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965810.jpg",
imageAlt: "Bottle of men's hydrating shampoo.",
},
id: "p2", name: "Hydrating Shampoo", price: "$20.00", imageSrc: "http://img.b2bpic.net/free-photo/product-branding-packaging_23-2150965810.jpg", imageAlt: "Bottle of men's hydrating shampoo."},
{
id: "p3",
name: "Luxury Beard Oil",
price: "$30.00",
imageSrc: "http://img.b2bpic.net/free-photo/man-with-shave-foam_23-2147638134.jpg",
imageAlt: "Bottle of luxury beard oil.",
},
id: "p3", name: "Luxury Beard Oil", price: "$30.00", imageSrc: "http://img.b2bpic.net/free-photo/man-with-shave-foam_23-2147638134.jpg", imageAlt: "Bottle of luxury beard oil."},
{
id: "p4",
name: "Soothing Aftershave",
price: "$22.00",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121951.jpg",
imageAlt: "Bottle of soothing aftershave balm.",
},
id: "p4", name: "Soothing Aftershave", price: "$22.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-composition-shaving-objects_23-2148121951.jpg", imageAlt: "Bottle of soothing aftershave balm."},
{
id: "p5",
name: "Gentleman's Grooming Kit",
price: "$99.00",
imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668467.jpg",
imageAlt: "A complete gentleman's grooming kit.",
},
id: "p5", name: "Gentleman's Grooming Kit", price: "$99.00", imageSrc: "http://img.b2bpic.net/free-photo/tools-profession-hairdresser_23-2150668467.jpg", imageAlt: "A complete gentleman's grooming kit."},
{
id: "p6",
name: "Premium Beard Brush",
price: "$18.00",
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hygiene-products-arrangement_23-2148743093.jpg",
imageAlt: "Wooden handle beard brush.",
},
id: "p6", name: "Premium Beard Brush", price: "$18.00", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-hygiene-products-arrangement_23-2148743093.jpg", imageAlt: "Wooden handle beard brush."},
]}
title="Premium Grooming Products"
description="Maintain your refined look at home with our curated selection of high-quality grooming products, handpicked by our experts."
@@ -210,26 +141,11 @@ export default function LandingPage() {
useInvertedBackground={false}
team={[
{
id: "t1",
name: "Ethan Reed",
role: "Lead Barber & Founder",
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg",
imageAlt: "Portrait of Ethan Reed, Lead Barber.",
},
id: "t1", name: "Ethan Reed", role: "Lead Barber & Founder", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg", imageAlt: "Portrait of Ethan Reed, Lead Barber."},
{
id: "t2",
name: "Sophia Clarke",
role: "Senior Stylist",
imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-doing-hairstyle-with-hair-dryer-bearded-men-client-saloon_613910-13352.jpg",
imageAlt: "Portrait of Sophia Clarke, Senior Stylist.",
},
id: "t2", name: "Sophia Clarke", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-doing-hairstyle-with-hair-dryer-bearded-men-client-saloon_613910-13352.jpg", imageAlt: "Portrait of Sophia Clarke, Senior Stylist."},
{
id: "t3",
name: "Liam Jones",
role: "Grooming Specialist",
imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-hair-clipper-with-comb-around-head-isolated-green-background_141793-119286.jpg",
imageAlt: "Portrait of Liam Jones, Grooming Specialist.",
},
id: "t3", name: "Liam Jones", role: "Grooming Specialist", imageSrc: "http://img.b2bpic.net/free-photo/surprised-young-beautiful-female-barber-uniform-holding-hair-clipper-with-comb-around-head-isolated-green-background_141793-119286.jpg", imageAlt: "Portrait of Liam Jones, Grooming Specialist."},
]}
title="Meet Our Master Barbers"
description="Our team of skilled professionals is passionate about the art of grooming, bringing years of experience and a keen eye for detail to every client."
@@ -243,64 +159,28 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
name: "Mark R.",
role: "CEO",
company: "Tech Innovations",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/queer-couple-celebrating-birthday-together_23-2149570980.jpg",
imageAlt: "Portrait of Mark R.",
},
id: "1", name: "Mark R.", role: "CEO", company: "Tech Innovations", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/queer-couple-celebrating-birthday-together_23-2149570980.jpg", imageAlt: "Portrait of Mark R."},
{
id: "2",
name: "David L.",
role: "Architect",
company: "Urban Designs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1654.jpg",
imageAlt: "Portrait of David L.",
},
id: "2", name: "David L.", role: "Architect", company: "Urban Designs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1654.jpg", imageAlt: "Portrait of David L."},
{
id: "3",
name: "James K.",
role: "Marketing Manager",
company: "Growth Strategies",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-together-while-sitting-cafe_273609-13276.jpg",
imageAlt: "Portrait of James K.",
},
id: "3", name: "James K.", role: "Marketing Manager", company: "Growth Strategies", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-working-together-while-sitting-cafe_273609-13276.jpg", imageAlt: "Portrait of James K."},
{
id: "4",
name: "Robert S.",
role: "Writer",
company: "Literary Guild",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-making-haircut_23-2149220581.jpg",
imageAlt: "Portrait of Robert S.",
},
id: "4", name: "Robert S.", role: "Writer", company: "Literary Guild", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hairdresser-making-haircut_23-2149220581.jpg", imageAlt: "Portrait of Robert S."},
{
id: "5",
name: "Chris B.",
role: "Entrepreneur",
company: "Startup Ventures",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-smiling-casual-african-american-man-joyfully-looking-camera-coffee-break-modern-co-working-space_574295-1872.jpg",
imageAlt: "Portrait of Chris B.",
},
id: "5", name: "Chris B.", role: "Entrepreneur", company: "Startup Ventures", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-smiling-casual-african-american-man-joyfully-looking-camera-coffee-break-modern-co-working-space_574295-1872.jpg", imageAlt: "Portrait of Chris B."},
]}
kpiItems={[
{
value: "99%",
label: "Client Satisfaction",
},
value: "99%", label: "Client Satisfaction"},
{
value: "5+",
label: "Years in Business",
},
value: "5+", label: "Years in Business"},
{
value: "Top Rated",
label: "Service Excellence",
},
value: "Top Rated", label: "Service Excellence"},
]}
title="What Our Gentlemen Say"
description="Hear directly from our satisfied clients about their unparalleled experience at The Men's Den Grooming Lounge."
@@ -312,25 +192,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "How do I book an appointment?",
content: "You can easily book an appointment through our website by clicking the 'Book Now' button, or by calling us directly during business hours.",
},
id: "f1", title: "How do I book an appointment?", content: "You can easily book an appointment through our website by clicking the 'Book Now' button, or by calling us directly during business hours."},
{
id: "f2",
title: "What grooming services do you offer?",
content: "We offer a full range of services including precision haircuts, traditional hot shaves, beard & moustache trims, and facial treatments.",
},
id: "f2", title: "What grooming services do you offer?", content: "We offer a full range of services including precision haircuts, traditional hot shaves, beard & moustache trims, and facial treatments."},
{
id: "f3",
title: "Do you accept walk-ins?",
content: "While we do accept walk-ins based on availability, we highly recommend booking an appointment to ensure your preferred time and barber.",
},
id: "f3", title: "Do you accept walk-ins?", content: "While we do accept walk-ins based on availability, we highly recommend booking an appointment to ensure your preferred time and barber."},
{
id: "f4",
title: "What products do you use and sell?",
content: "We use and sell a curated selection of premium grooming products from trusted brands, including our own exclusive line. Ask your barber for recommendations!",
},
id: "f4", title: "What products do you use and sell?", content: "We use and sell a curated selection of premium grooming products from trusted brands, including our own exclusive line. Ask your barber for recommendations!"},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Find answers to common questions about our services, booking, and lounge policies."
@@ -343,16 +211,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={true}
background={{
variant: "glowing-orb",
}}
variant: "sparkles-gradient"}}
tag="Your Perfect Grooming"
title="Ready to Experience the Difference?"
description="Step into The Men's Den Grooming Lounge and redefine your style. Book your appointment today and discover true gentleman's grooming."
buttons={[
{
text: "Book Your Visit Now",
href: "#contact-form",
},
text: "Book Your Visit Now", href: "#contact-form"},
]}
/>
</div>
@@ -364,54 +229,33 @@ export default function LandingPage() {
logoText="The Men's Den"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Haircuts",
href: "#services",
},
label: "Haircuts", href: "#services"},
{
label: "Hot Shaves",
href: "#services",
},
label: "Hot Shaves", href: "#services"},
{
label: "Beard Trims",
href: "#services",
},
label: "Beard Trims", href: "#services"},
],
},
{
title: "Company",
items: [
title: "Company", items: [
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Our Team",
href: "#team",
},
label: "Our Team", href: "#team"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact Us",
href: "#contact",
},
label: "Contact Us", href: "#contact"},
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
],
},
]}