Update src/app/page.tsx

This commit is contained in:
2026-06-10 10:26:59 +00:00
parent 3ce3cb9ed6
commit 3b232543b7

View File

@@ -31,33 +31,19 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "Craftsmanship",
id: "#craftsmanship",
},
name: "Craftsmanship", id: "#craftsmanship"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Membership",
id: "#membership",
},
name: "Membership", id: "#membership"},
{
name: "Locations",
id: "#locations",
},
name: "Locations", id: "#locations"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Book Now",
id: "#contact",
},
name: "Book Now", id: "#contact"},
]}
brandName="1847 For Men"
/>
@@ -67,114 +53,64 @@ export default function LandingPage() {
<HeroSplitTestimonial
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
imagePosition="right"
title="1847 For Men: The Art of Grooming"
description="Experience unparalleled precision and timeless style. A sanctuary for the modern gentleman."
testimonials={[
{
name: "Julian Vance",
handle: "@julianv",
testimonial: "1847 has redefined my grooming routine. The attention to detail and ambiance are simply unmatched. A true gentleman's retreat.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brutal-athletic-male-vogue-model-dressed-white-shirt-grey-background_613910-9888.jpg?_wi=1",
imageAlt: "Julian Vance portrait",
},
name: "Julian Vance", handle: "@julianv", testimonial: "1847 has redefined my grooming routine. The attention to detail and ambiance are simply unmatched. A true gentleman's retreat.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/brutal-athletic-male-vogue-model-dressed-white-shirt-grey-background_613910-9888.jpg", imageAlt: "Julian Vance portrait"},
{
name: "Marcus Thorne",
handle: "@marcust",
testimonial: "Every visit is a masterclass in sophistication. From the hot towel shave to the precision cut, 1847 is simply the best.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg?_wi=1",
imageAlt: "Marcus Thorne portrait",
},
name: "Marcus Thorne", handle: "@marcust", testimonial: "Every visit is a masterclass in sophistication. From the hot towel shave to the precision cut, 1847 is simply the best.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg", imageAlt: "Marcus Thorne portrait"},
{
name: "Elias Sterling",
handle: "@elias_s",
testimonial: "The only place I trust for my grooming. The expert barbers and discreet service make it feel like a private club.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/contemplated-young-man-standing-against-wall_23-2148130359.jpg",
imageAlt: "Elias Sterling portrait",
},
name: "Elias Sterling", handle: "@elias_s", testimonial: "The only place I trust for my grooming. The expert barbers and discreet service make it feel like a private club.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/contemplated-young-man-standing-against-wall_23-2148130359.jpg", imageAlt: "Elias Sterling portrait"},
{
name: "Arthur Finch",
handle: "@arthur_f",
testimonial: "A sanctuary from the city's hustle. The consistent quality and relaxing environment are exactly what I need.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-trousers-fashion-hipster-male-posing-near-grey-wall-studio-isolated_158538-26741.jpg",
imageAlt: "Arthur Finch portrait",
},
name: "Arthur Finch", handle: "@arthur_f", testimonial: "A sanctuary from the city's hustle. The consistent quality and relaxing environment are exactly what I need.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-shirt-trousers-fashion-hipster-male-posing-near-grey-wall-studio-isolated_158538-26741.jpg", imageAlt: "Arthur Finch portrait"},
{
name: "Sebastian Shaw",
handle: "@sebshaw",
testimonial: "Impeccable service and an atmosphere of refined luxury. 1847 elevates the art of male grooming.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1530.jpg",
imageAlt: "Sebastian Shaw portrait",
},
name: "Sebastian Shaw", handle: "@sebshaw", testimonial: "Impeccable service and an atmosphere of refined luxury. 1847 elevates the art of male grooming.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1530.jpg", imageAlt: "Sebastian Shaw portrait"},
]}
testimonialRotationInterval={5000}
buttons={[
{
text: "Book an Appointment",
href: "#contact",
},
text: "Book an Appointment", href: "#contact"},
{
text: "Explore Services",
href: "#services",
},
text: "Explore Services", href: "#services"},
]}
imageSrc="http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg"
imageAlt="Vintage barber chair in a luxurious setting"
mediaAnimation="reveal-blur"
mediaAnimation="blur-reveal"
fixedMediaHeight={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/handsome-black-male-dressed-suit-from-wool_613910-15983.jpg",
alt: "Well-groomed man",
},
src: "http://img.b2bpic.net/free-photo/handsome-black-male-dressed-suit-from-wool_613910-15983.jpg", alt: "Well-groomed man"},
{
src: "http://img.b2bpic.net/free-photo/portrait-handsome-business-man-suit_613910-2543.jpg",
alt: "Handsome businessman",
},
src: "http://img.b2bpic.net/free-photo/portrait-handsome-business-man-suit_613910-2543.jpg", alt: "Handsome businessman"},
{
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-stylish-man-elegant-black-suit-dark-background_613910-539.jpg",
alt: "Stylish man in suit",
},
src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-stylish-man-elegant-black-suit-dark-background_613910-539.jpg", alt: "Stylish man in suit"},
{
src: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-shaved-head-male-dressed-light-grey-suit_613910-11361.jpg",
alt: "Elegant shaved head male",
},
src: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-shaved-head-male-dressed-light-grey-suit_613910-11361.jpg", alt: "Elegant shaved head male"},
{
src: "http://img.b2bpic.net/free-photo/thinking-man-dark-suit-studio-shot_613910-10754.jpg",
alt: "Thinking man",
},
src: "http://img.b2bpic.net/free-photo/thinking-man-dark-suit-studio-shot_613910-10754.jpg", alt: "Thinking man"},
]}
avatarText="Trusted by over 10,000 discerning gentlemen worldwide."
marqueeItems={[
{
type: "text",
text: "Luxury Grooming",
type: "text", text: "Luxury Grooming"},
{
type: "text-icon", text: "Precision Cuts", icon: Scissors,
},
{
type: "text-icon",
text: "Precision Cuts",
icon: Scissors,
type: "text", text: "Hot Towel Shaves"},
{
type: "text-icon", text: "Refined Style", icon: Sparkles,
},
{
type: "text",
text: "Hot Towel Shaves",
},
{
type: "text-icon",
text: "Refined Style",
icon: Sparkles,
},
{
type: "text",
text: "Timeless Elegance",
},
type: "text", text: "Timeless Elegance"},
]}
showMarqueeCard={true}
/>
@@ -184,45 +120,37 @@ export default function LandingPage() {
<FeatureBento
textboxLayout="default"
useInvertedBackground={false}
animationType="blur-reveal"
features={[
{
title: "The Master's Touch",
description: "Years of dedicated skill perfected for you, ensuring every detail is flawless.",
bentoComponent: "media-stack",
items: [
title: "The Master's Touch", description: "Years of dedicated skill perfected for you, ensuring every detail is flawless.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/silver-machine-haircut_140725-8078.jpg",
imageAlt: "Close-up of barber's hands",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg?_wi=2",
imageAlt: "barber hands cutting hair precision close-up",
imageSrc: "http://img.b2bpic.net/free-photo/silver-machine-haircut_140725-8078.jpg", imageAlt: "Close-up of barber's hands"},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-neck_23-2147778912.jpg", imageAlt: "Hands shaving neck"},
{
imageSrc: "http://img.b2bpic.net/free-photo/barber-corrects-guy-s-beard_140725-7665.jpg", imageAlt: "Barber correcting beard"},
]
},
{
title: "Art of Transformation",
description: "Beyond a service, a ritual that redefines your look and confidence.",
bentoComponent: "media-stack",
items: [
title: "Art of Transformation", description: "Beyond a service, a ritual that redefines your look and confidence.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg",
imageAlt: "Subtle male grooming transformation",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/brutal-athletic-male-vogue-model-dressed-white-shirt-grey-background_613910-9888.jpg?_wi=2",
imageAlt: "barber hands cutting hair precision close-up",
imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg", imageAlt: "Subtle male grooming transformation"},
{
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167460.jpg", imageAlt: "Man getting new look"},
{
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-barber-cutting-hair-man_23-2147737060.jpg", imageAlt: "Barber cutting hair"},
]
},
{
title: "Timeless Elegance",
description: "Classic techniques meet modern sophistication, for a look that endures.",
bentoComponent: "media-stack",
items: [
title: "Timeless Elegance", description: "Classic techniques meet modern sophistication, for a look that endures.", bentoComponent: "media-stack", items: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313028.jpg",
imageAlt: "Classic grooming tools",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg?_wi=2",
imageAlt: "barber hands cutting hair precision close-up",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313028.jpg", imageAlt: "Classic grooming tools"},
{
imageSrc: "http://img.b2bpic.net/free-photo/father-s-day-composition-with-variety-elements_23-2147631278.jpg", imageAlt: "Father's day grooming set"},
{
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122054.jpg", imageAlt: "Shaving objects composition"},
]
},
]}
title="The Legacy of Precision & Craftsmanship"
@@ -235,49 +163,20 @@ export default function LandingPage() {
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={false}
animationType="blur-reveal"
products={[
{
id: "service-1",
name: "The Signature Haircut",
price: "£60",
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205920.jpg",
imageAlt: "A man getting a luxurious haircut",
},
id: "service-1", name: "The Signature Haircut", price: "£60", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205920.jpg", imageAlt: "A man getting a luxurious haircut"},
{
id: "service-2",
name: "Traditional Hot Towel Shave",
price: "£50",
imageSrc: "http://img.b2bpic.net/free-photo/dad-teaching-his-boy-how-shave_23-2149588748.jpg",
imageAlt: "A classic straight razor shave",
},
id: "service-2", name: "Traditional Hot Towel Shave", price: "£50", imageSrc: "http://img.b2bpic.net/free-photo/dad-teaching-his-boy-how-shave_23-2149588748.jpg", imageAlt: "A classic straight razor shave"},
{
id: "service-3",
name: "Rejuvenating Facial",
price: "£75",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668469.jpg",
imageAlt: "A man receiving a facial treatment",
},
id: "service-3", name: "Rejuvenating Facial", price: "£75", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668469.jpg", imageAlt: "A man receiving a facial treatment"},
{
id: "service-4",
name: "Precision Beard Trim",
price: "£35",
imageSrc: "http://img.b2bpic.net/free-photo/woma-washing-man-s-head-barbershop_1157-27169.jpg",
imageAlt: "A close-up of a precision beard trim",
},
id: "service-4", name: "Precision Beard Trim", price: "£35", imageSrc: "http://img.b2bpic.net/free-photo/woma-washing-man-s-head-barbershop_1157-27169.jpg", imageAlt: "A close-up of a precision beard trim"},
{
id: "service-5",
name: "Executive Manicure",
price: "£40",
imageSrc: "http://img.b2bpic.net/free-photo/dad-teaching-his-son-how-shave_23-2149422630.jpg",
imageAlt: "A man getting a manicure",
},
id: "service-5", name: "Executive Manicure", price: "£40", imageSrc: "http://img.b2bpic.net/free-photo/dad-teaching-his-son-how-shave_23-2149422630.jpg", imageAlt: "A man getting a manicure"},
{
id: "service-6",
name: "Luxury Shoe Shine",
price: "£25",
imageSrc: "http://img.b2bpic.net/free-photo/broom-dressing-up_23-2147990739.jpg",
imageAlt: "High-end shoes being polished",
},
id: "service-6", name: "Luxury Shoe Shine", price: "£25", imageSrc: "http://img.b2bpic.net/free-photo/broom-dressing-up_23-2147990739.jpg", imageAlt: "High-end shoes being polished"},
]}
title="Curated Services for the Discerning Gentleman"
description="From the perfect haircut to a rejuvenating facial, each service is an experience in itself."
@@ -288,57 +187,25 @@ export default function LandingPage() {
<PricingCardFive
textboxLayout="default"
useInvertedBackground={false}
animationType="blur-reveal"
plans={[
{
id: "bronze",
tag: "Essential",
price: "£150",
period: "/month",
description: "For those seeking regular, high-quality grooming.",
button: {
text: "Join Bronze",
},
featuresTitle: "Includes:",
features: [
"2 Signature Haircuts",
"1 Hot Towel Shave",
"Priority Booking Access",
],
id: "bronze", tag: "Essential", price: "£150", period: "/month", description: "For those seeking regular, high-quality grooming.", button: {
text: "Join Bronze"},
featuresTitle: "Includes:", features: [
"2 Signature Haircuts", "1 Hot Towel Shave", "Priority Booking Access"],
},
{
id: "silver",
tag: "Premium",
price: "£250",
period: "/month",
description: "Elevate your routine with enhanced services and benefits.",
button: {
text: "Join Silver",
},
featuresTitle: "Includes:",
features: [
"3 Signature Haircuts",
"2 Hot Towel Shaves",
"1 Rejuvenating Facial",
"Dedicated Concierge Line",
],
id: "silver", tag: "Premium", price: "£250", period: "/month", description: "Elevate your routine with enhanced services and benefits.", button: {
text: "Join Silver"},
featuresTitle: "Includes:", features: [
"3 Signature Haircuts", "2 Hot Towel Shaves", "1 Rejuvenating Facial", "Dedicated Concierge Line"],
},
{
id: "gold",
tag: "Elite",
price: "£400",
period: "/month",
description: "The ultimate bespoke experience for the truly discerning gentleman.",
button: {
text: "Join Gold",
},
featuresTitle: "Includes:",
features: [
"Unlimited Signature Haircuts",
"Unlimited Hot Towel Shaves",
"2 Rejuvenating Facials",
"Personal Style Consultation",
"Exclusive Member Events",
],
id: "gold", tag: "Elite", price: "£400", period: "/month", description: "The ultimate bespoke experience for the truly discerning gentleman.", button: {
text: "Join Gold"},
featuresTitle: "Includes:", features: [
"Unlimited Signature Haircuts", "Unlimited Hot Towel Shaves", "2 Rejuvenating Facials", "Personal Style Consultation", "Exclusive Member Events"],
},
]}
title="Exclusive Memberships. Unrivalled Access."
@@ -350,14 +217,11 @@ export default function LandingPage() {
<FeatureBento
textboxLayout="default"
useInvertedBackground={false}
animationType="blur-reveal"
features={[
{
title: "Our Global Footprint",
description: "Strategically located in key luxury hubs worldwide to serve you better.",
bentoComponent: "map",
imageSrc: "http://img.b2bpic.net/free-photo/using-credit-card_23-2151918493.jpg",
imageAlt: "sleek premium membership card black gold",
},
title: "Our Global Footprint", description: "Strategically located in key luxury hubs worldwide to serve you better.", bentoComponent: "map"
}
]}
title="Discover Your Nearest Sanctuary"
description="With prime locations designed for your comfort and convenience, 1847 For Men is always within reach. Find us in the most prestigious districts."
@@ -368,47 +232,18 @@ export default function LandingPage() {
<TestimonialCardTwo
textboxLayout="default"
useInvertedBackground={false}
animationType="blur-reveal"
testimonials={[
{
id: "testimonial-6",
name: "Liam Kensington",
role: "Financial Analyst",
testimonial: "The precision of the cut and the serene atmosphere at 1847 are unparalleled. I leave feeling refreshed and impeccably styled every time.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-suit_23-2147876771.jpg",
imageAlt: "Liam Kensington portrait",
},
id: "testimonial-6", name: "Liam Kensington", role: "Financial Analyst", testimonial: "The precision of the cut and the serene atmosphere at 1847 are unparalleled. I leave feeling refreshed and impeccably styled every time.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-businessman-suit_23-2147876771.jpg", imageAlt: "Liam Kensington portrait"},
{
id: "testimonial-7",
name: "Henry St. James",
role: "Art Collector",
testimonial: "1847 is more than a barbershop; it's an institution. The level of service and attention to detail rivals any luxury establishment.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-businessman-dark-background_613910-15034.jpg",
imageAlt: "Henry St. James portrait",
},
id: "testimonial-7", name: "Henry St. James", role: "Art Collector", testimonial: "1847 is more than a barbershop; it's an institution. The level of service and attention to detail rivals any luxury establishment.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-businessman-dark-background_613910-15034.jpg", imageAlt: "Henry St. James portrait"},
{
id: "testimonial-8",
name: "Oliver Maxwell",
role: "Tech Entrepreneur",
testimonial: "As someone who values efficiency and excellence, 1847 consistently delivers. My go-to for a sharp look and a moment of calm.",
imageSrc: "http://img.b2bpic.net/free-photo/contemplated-serious-young-man-looking-camera_23-2148130297.jpg",
imageAlt: "Oliver Maxwell portrait",
},
id: "testimonial-8", name: "Oliver Maxwell", role: "Tech Entrepreneur", testimonial: "As someone who values efficiency and excellence, 1847 consistently delivers. My go-to for a sharp look and a moment of calm.", imageSrc: "http://img.b2bpic.net/free-photo/contemplated-serious-young-man-looking-camera_23-2148130297.jpg", imageAlt: "Oliver Maxwell portrait"},
{
id: "testimonial-9",
name: "George Fitzwilliam",
role: "Architect",
testimonial: "The meticulous approach to grooming here is remarkable. Its a space where tradition meets modern luxury, perfectly.",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoor_624325-664.jpg",
imageAlt: "George Fitzwilliam portrait",
},
id: "testimonial-9", name: "George Fitzwilliam", role: "Architect", testimonial: "The meticulous approach to grooming here is remarkable. Its a space where tradition meets modern luxury, perfectly.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-outdoor_624325-664.jpg", imageAlt: "George Fitzwilliam portrait"},
{
id: "testimonial-10",
name: "Edward P. Sterling",
role: "Brand Strategist",
testimonial: "Confidence starts with impeccable presentation, and 1847 understands this implicitly. A truly transformative experience.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-dressed-elegant-classic-jacket_613910-11186.jpg",
imageAlt: "Edward P. Sterling portrait",
},
id: "testimonial-10", name: "Edward P. Sterling", role: "Brand Strategist", testimonial: "Confidence starts with impeccable presentation, and 1847 understands this implicitly. A truly transformative experience.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-dressed-elegant-classic-jacket_613910-11186.jpg", imageAlt: "Edward P. Sterling portrait"},
]}
title="Echoes of Excellence: Our Clients Speak"
description="Hear from gentlemen who embody the 1847 experience—transformations, trust, and enduring satisfaction."
@@ -422,27 +257,16 @@ export default function LandingPage() {
description="Begin your journey of refined style and impeccable grooming. Schedule your appointment with 1847 For Men."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email",
required: true,
name: "email", type: "email", placeholder: "Your Email", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number (Optional)",
},
name: "phone", type: "tel", placeholder: "Phone Number (Optional)"},
]}
textarea={{
name: "message",
placeholder: "Your Message / Service Request",
rows: 4,
name: "message", placeholder: "Your Message / Service Request", rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6405.jpg"
imageAlt="Luxurious barbershop interior"
@@ -458,49 +282,31 @@ export default function LandingPage() {
{
items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Membership",
href: "#membership",
},
label: "Membership", href: "#membership"},
],
},
{
items: [
{
label: "Locations",
href: "#locations",
},
label: "Locations", href: "#locations"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "Book Now",
href: "#contact",
},
label: "Book Now", href: "#contact"},
],
},
{
items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
{
label: "Accessibility",
href: "#",
},
label: "Accessibility", href: "#"},
],
},
]}