bender/b64983f4-b638-4582-b722-acdbc1bab2a4
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-05-30 20:23:20 +00:00
parent 13e557e346
commit 84f978f358
1 changed files with 87 additions and 319 deletions
Download Patch File Download Diff File Expand all files Collapse all files

406
src/app/page.tsx
View File

@@ -33,37 +33,21 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "#home",
},
name: "Home", id: "#home"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Styles",
id: "#styles",
},
name: "Styles", id: "#styles"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
name: "Team",
id: "#team",
},
name: "Team", id: "#team"},
{
name: "Reviews",
id: "#reviews",
},
name: "Reviews", id: "#reviews"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Moon Barber Shop"
/>
@@ -72,51 +56,28 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated",
}}
variant: "rotated-rays-animated"}}
title="Experience the Art of Barbering at Moon Barber Shop"
description="Precision cuts, classic shaves, and fresh new looks. Serving Vaudreuil-Dorion with pride and passion since 2020."
buttons={[
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
{
text: "View Services",
href: "#services",
},
text: "View Services", href: "#services"},
]}
carouselItems={[
{
id: "hero-carousel-1",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-client-just-got-good-beardcare-from-talanted-trendy-barber_613910-21575.jpg?_wi=1",
imageAlt: "Barber cutting a client's hair with precision",
},
id: "hero-carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/bearded-client-just-got-good-beardcare-from-talanted-trendy-barber_613910-21575.jpg", imageAlt: "Barber cutting a client's hair with precision"},
{
id: "hero-carousel-2",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-barbershop-concept_23-2148506220.jpg",
imageAlt: "Client receiving a hot towel shave",
},
id: "hero-carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-barbershop-concept_23-2148506220.jpg", imageAlt: "Client receiving a hot towel shave"},
{
id: "hero-carousel-3",
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-tattooed-hipster-male-holds-beer-bottle-grey-background-with-two-vintage-wooden-ladders_613910-1303.jpg",
imageAlt: "Barber styling a man's beard",
},
id: "hero-carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-tattooed-hipster-male-holds-beer-bottle-grey-background-with-two-vintage-wooden-ladders_613910-1303.jpg", imageAlt: "Barber styling a man's beard"},
{
id: "hero-carousel-4",
imageSrc: "http://img.b2bpic.net/free-photo/mom-helping-her-child-styling-afro-hair_23-2149625701.jpg",
imageAlt: "Modern interior of the Moon Barber Shop",
},
id: "hero-carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/mom-helping-her-child-styling-afro-hair_23-2149625701.jpg", imageAlt: "Modern interior of the Moon Barber Shop"},
{
id: "hero-carousel-5",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-excited-young-man-showing-his-shaving-machine_23-2149375005.jpg",
imageAlt: "Close-up of barber tools on a counter",
},
id: "hero-carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/portrait-excited-young-man-showing-his-shaving-machine_23-2149375005.jpg", imageAlt: "Close-up of barber tools on a counter"},
{
id: "hero-carousel-6",
imageSrc: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg",
imageAlt: "Happy client leaving the barber chair",
},
id: "hero-carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg", imageAlt: "Happy client leaving the barber chair"},
]}
autoPlay={true}
/>
@@ -127,24 +88,15 @@ export default function LandingPage() {
useInvertedBackground={true}
heading={[
{
type: "text",
content: "Crafting Sharp Looks & Lasting Impressions at ",
},
type: "text", content: "Crafting Sharp Looks & Lasting Impressions at "},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg",
alt: "Moon Barber Shop interior",
},
type: "image", src: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg", alt: "Moon Barber Shop interior"},
{
type: "text",
content: " Moon Barber Shop",
},
type: "text", content: " Moon Barber Shop"},
]}
buttons={[
{
text: "Our Story",
href: "#",
},
text: "Our Story", href: "#"},
]}
/>
</div>
@@ -156,41 +108,21 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "haircut",
title: "Precision Haircuts",
descriptions: [
"Expert cuts tailored to your style, from traditional to trendy fades.",
],
imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg",
imageAlt: "Barber giving a precision haircut",
},
id: "haircut", title: "Precision Haircuts", descriptions: [
"Expert cuts tailored to your style, from traditional to trendy fades."],
imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg", imageAlt: "Barber giving a precision haircut"},
{
id: "shave",
title: "Classic Hot Shave",
descriptions: [
"Experience the luxury of a traditional hot towel shave with a straight razor.",
],
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg",
imageAlt: "Man receiving a classic hot towel shave",
},
id: "shave", title: "Classic Hot Shave", descriptions: [
"Experience the luxury of a traditional hot towel shave with a straight razor."],
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-bearded-male-sitting-armchair-barber-shop-while-hairdresser-shaves-his-beard-with-dangerous-razor_613910-18507.jpg", imageAlt: "Man receiving a classic hot towel shave"},
{
id: "beard-trim",
title: "Beard Trim & Grooming",
descriptions: [
"Shape and style your beard to perfection with our expert barbers.",
],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg",
imageAlt: "Barber trimming a man's beard",
},
id: "beard-trim", title: "Beard Trim & Grooming", descriptions: [
"Shape and style your beard to perfection with our expert barbers."],
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg", imageAlt: "Barber trimming a man's beard"},
{
id: "kids-cut",
title: "Kids Haircuts",
descriptions: [
"Gentle and stylish cuts for our younger clients, making every visit fun.",
],
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462512.jpg",
imageAlt: "Child getting a haircut at a barber shop",
},
id: "kids-cut", title: "Kids Haircuts", descriptions: [
"Gentle and stylish cuts for our younger clients, making every visit fun."],
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462512.jpg", imageAlt: "Child getting a haircut at a barber shop"},
]}
title="Our Signature Services"
description="From classic cuts to modern fades, hot shaves, and beard trims, our skilled barbers deliver exceptional grooming experiences."
@@ -205,65 +137,23 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "fade",
brand: "Moon Style",
name: "Modern Fade",
price: "Starting at $30",
rating: 5,
reviewCount: "250",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-outside_23-2149028823.jpg",
imageAlt: "Man with a modern fade haircut",
},
id: "fade", brand: "Moon Style", name: "Modern Fade", price: "Starting at $30", rating: 5,
reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-outside_23-2149028823.jpg", imageAlt: "Man with a modern fade haircut"},
{
id: "pompadour",
brand: "Moon Classic",
name: "Classic Pompadour",
price: "Starting at $35",
rating: 4.5,
reviewCount: "180",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-wearing-make-up-stylish-clothes_23-2148931655.jpg",
imageAlt: "Man with a classic pompadour hairstyle",
},
id: "pompadour", brand: "Moon Classic", name: "Classic Pompadour", price: "Starting at $35", rating: 4.5,
reviewCount: "180", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-man-wearing-make-up-stylish-clothes_23-2148931655.jpg", imageAlt: "Man with a classic pompadour hairstyle"},
{
id: "beard-style",
brand: "Moon Groom",
name: "Stylish Beard Trim",
price: "Starting at $20",
rating: 4.8,
reviewCount: "300",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2376.jpg",
imageAlt: "Man with a well-groomed beard",
},
id: "beard-style", brand: "Moon Groom", name: "Stylish Beard Trim", price: "Starting at $20", rating: 4.8,
reviewCount: "300", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-sunbathed-fashion-man-model-wearing-white-shirt-clothes-posing-street_158538-2376.jpg", imageAlt: "Man with a well-groomed beard"},
{
id: "crew-cut",
brand: "Moon Pro",
name: "Crisp Crew Cut",
price: "Starting at $25",
rating: 4.7,
reviewCount: "150",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-tattoos-outsode_23-2149028712.jpg",
imageAlt: "Man with a crisp crew cut",
},
id: "crew-cut", brand: "Moon Pro", name: "Crisp Crew Cut", price: "Starting at $25", rating: 4.7,
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-tattoos-outsode_23-2149028712.jpg", imageAlt: "Man with a crisp crew cut"},
{
id: "curly-fade",
brand: "Moon Texture",
name: "Textured Curly Fade",
price: "Starting at $35",
rating: 4.6,
reviewCount: "120",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-curly-man-standing-isolated-blue-wall_231208-1253.jpg",
imageAlt: "Man with a textured curly fade haircut",
},
id: "curly-fade", brand: "Moon Texture", name: "Textured Curly Fade", price: "Starting at $35", rating: 4.6,
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/side-view-curly-man-standing-isolated-blue-wall_231208-1253.jpg", imageAlt: "Man with a textured curly fade haircut"},
{
id: "buzz-cut",
brand: "Moon Minimal",
name: "Clean Buzz Cut",
price: "Starting at $20",
rating: 4.9,
reviewCount: "90",
imageSrc: "http://img.b2bpic.net/free-photo/young-soldier-affected-by-ptsd-effect_23-2149235532.jpg",
imageAlt: "Man with a clean buzz cut",
},
id: "buzz-cut", brand: "Moon Minimal", name: "Clean Buzz Cut", price: "Starting at $20", rating: 4.9,
reviewCount: "90", imageSrc: "http://img.b2bpic.net/free-photo/young-soldier-affected-by-ptsd-effect_23-2149235532.jpg", imageAlt: "Man with a clean buzz cut"},
]}
title="Popular Haircuts & Styles"
description="Get inspired by some of the most popular and trending haircuts our clients love."
@@ -277,57 +167,23 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic",
tag: "Standard",
price: "$30",
period: "per service",
description: "Essential grooming for a fresh look.",
button: {
text: "Book Basic",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Haircut",
"Hot Towel Finish",
"Style Consultation",
],
id: "basic", tag: "Standard", price: "$30", period: "per service", description: "Essential grooming for a fresh look.", button: {
text: "Book Basic", href: "#contact"},
featuresTitle: "Includes:", features: [
"Haircut", "Hot Towel Finish", "Style Consultation"],
},
{
id: "premium",
tag: "Most Popular",
tagIcon: Star,
price: "$55",
period: "per service",
description: "Complete grooming package for the ultimate refresh.",
button: {
text: "Book Premium",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Precision Haircut",
"Classic Hot Shave / Beard Trim",
"Facial Treatment",
"Styling Product Application",
],
id: "premium", tag: "Most Popular", tagIcon: Star,
price: "$55", period: "per service", description: "Complete grooming package for the ultimate refresh.", button: {
text: "Book Premium", href: "#contact"},
featuresTitle: "Includes:", features: [
"Precision Haircut", "Classic Hot Shave / Beard Trim", "Facial Treatment", "Styling Product Application"],
},
{
id: "kids",
tag: "For Kids",
price: "$25",
period: "per service",
description: "Stylish and comfortable cuts for our younger clients.",
button: {
text: "Book for Kids",
href: "#contact",
},
featuresTitle: "Includes:",
features: [
"Kids Haircut",
"Gentle Styling",
"Fun Experience",
],
id: "kids", tag: "For Kids", price: "$25", period: "per service", description: "Stylish and comfortable cuts for our younger clients.", button: {
text: "Book for Kids", href: "#contact"},
featuresTitle: "Includes:", features: [
"Kids Haircut", "Gentle Styling", "Fun Experience"],
},
]}
title="Our Pricing Plans"
@@ -342,44 +198,16 @@ export default function LandingPage() {
useInvertedBackground={true}
groups={[
{
id: "barber-team",
groupTitle: "The Moon Barber Crew",
members: [
id: "barber-team", groupTitle: "The Moon Barber Crew", members: [
{
id: "barber-1",
title: "John Doe",
subtitle: "Master Barber",
detail: "With over 15 years of experience, John specializes in classic cuts and intricate fades.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
imageAlt: "Portrait of Master Barber John Doe",
},
id: "barber-1", title: "John Doe", subtitle: "Master Barber", detail: "With over 15 years of experience, John specializes in classic cuts and intricate fades.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", imageAlt: "Portrait of Master Barber John Doe"},
{
id: "barber-2",
title: "Jane Smith",
subtitle: "Style Specialist",
detail: "Jane is known for her creative styling and expertise in modern beard sculpting.",
imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg",
imageAlt: "Portrait of Style Specialist Jane Smith",
},
id: "barber-2", title: "Jane Smith", subtitle: "Style Specialist", detail: "Jane is known for her creative styling and expertise in modern beard sculpting.", imageSrc: "http://img.b2bpic.net/free-photo/beauty-woman-s-with-blue-eyes-portrait_633478-325.jpg", imageAlt: "Portrait of Style Specialist Jane Smith"},
{
id: "barber-3",
title: "Mike Johnson",
subtitle: "Apprentice Barber",
detail: "A rising star, Mike brings fresh energy and a keen eye for the latest trends.",
imageSrc: "http://img.b2bpic.net/free-photo/thinking-middle-aged-male-barber-uniform-holding-looking-shaving-brush-isolated-purple-wall_141793-103137.jpg",
imageAlt: "Portrait of Apprentice Barber Mike Johnson",
},
id: "barber-3", title: "Mike Johnson", subtitle: "Apprentice Barber", detail: "A rising star, Mike brings fresh energy and a keen eye for the latest trends.", imageSrc: "http://img.b2bpic.net/free-photo/thinking-middle-aged-male-barber-uniform-holding-looking-shaving-brush-isolated-purple-wall_141793-103137.jpg", imageAlt: "Portrait of Apprentice Barber Mike Johnson"},
{
id: "barber-4",
title: "Sarah Lee",
subtitle: "Grooming Expert",
detail: "Sarah excels in hot shaves and ensures every client leaves feeling refreshed and sharp.",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-wondering-young-hairdesser-wearing-gray-apron-holding-comb-his-head-showing-scissor-pastel-blue-color-background_140725-155327.jpg",
imageAlt: "Portrait of Grooming Expert Sarah Lee",
},
id: "barber-4", title: "Sarah Lee", subtitle: "Grooming Expert", detail: "Sarah excels in hot shaves and ensures every client leaves feeling refreshed and sharp.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-wondering-young-hairdesser-wearing-gray-apron-holding-comb-his-head-showing-scissor-pastel-blue-color-background_140725-155327.jpg", imageAlt: "Portrait of Grooming Expert Sarah Lee"},
],
imageSrc: "http://img.b2bpic.net/free-photo/bearded-client-just-got-good-beardcare-from-talanted-trendy-barber_613910-21575.jpg?_wi=2",
imageAlt: "professional male barber portrait smiling",
},
]}
title="Meet Our Talented Barbers"
@@ -392,35 +220,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-cheerful-middleaged-man-smiling-happy-satisfied-showing-thumbsup-expressing-approval_1258-130648.jpg",
imageAlt: "Happy client Sarah Johnson",
},
id: "1", name: "Sarah Johnson", imageSrc: "http://img.b2bpic.net/free-photo/closeup-cheerful-middleaged-man-smiling-happy-satisfied-showing-thumbsup-expressing-approval_1258-130648.jpg", imageAlt: "Happy client Sarah Johnson"},
{
id: "2",
name: "Michael Chen",
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-picture-cheerful-fashionable-young-european-male-with-long-ginger-beard_343059-3626.jpg",
imageAlt: "Satisfied client Michael Chen",
},
id: "2", name: "Michael Chen", imageSrc: "http://img.b2bpic.net/free-photo/outdoor-picture-cheerful-fashionable-young-european-male-with-long-ginger-beard_343059-3626.jpg", imageAlt: "Satisfied client Michael Chen"},
{
id: "3",
name: "Emily Rodriguez",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-mobile-phone_329181-15792.jpg",
imageAlt: "Positive feedback from Emily Rodriguez",
},
id: "3", name: "Emily Rodriguez", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-with-mobile-phone_329181-15792.jpg", imageAlt: "Positive feedback from Emily Rodriguez"},
{
id: "4",
name: "David Kim",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-black-jacket-holds-whiskey-glass_197531-23909.jpg",
imageAlt: "Great service according to David Kim",
},
id: "4", name: "David Kim", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-black-jacket-holds-whiskey-glass_197531-23909.jpg", imageAlt: "Great service according to David Kim"},
{
id: "5",
name: "Jessica Brown",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg",
imageAlt: "Friendly staff praised by Jessica Brown",
},
id: "5", name: "Jessica Brown", imageSrc: "http://img.b2bpic.net/free-photo/front-view-barber-shop-concept_23-2148506342.jpg", imageAlt: "Friendly staff praised by Jessica Brown"},
]}
cardTitle="What Our Clients Say"
cardTag="Trusted Reviews"
@@ -435,40 +243,23 @@ export default function LandingPage() {
description="Ready for a fresh cut or a classic shave? Fill out the form below or call us directly at (450) 510-9993 to schedule your visit. We're open until 7 p.m. daily."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
required: true,
name: "name", type: "text", placeholder: "Your Name", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Phone Number",
required: true,
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
},
{
name: "email",
type: "email",
placeholder: "Email Address",
required: false,
name: "email", type: "email", placeholder: "Email Address", required: false,
},
{
name: "date",
type: "date",
placeholder: "Preferred Date",
required: true,
name: "date", type: "date", placeholder: "Preferred Date", required: true,
},
{
name: "time",
type: "time",
placeholder: "Preferred Time",
required: true,
name: "time", type: "time", placeholder: "Preferred Time", required: true,
},
]}
textarea={{
name: "message",
placeholder: "Any special requests or notes?",
rows: 4,
name: "message", placeholder: "Any special requests or notes?", rows: 4,
required: false,
}}
imageSrc="http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg"
@@ -483,58 +274,35 @@ export default function LandingPage() {
<FooterSimple
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"},
{
label: "Kids Cuts",
href: "#services",
},
label: "Kids Cuts", href: "#services"},
],
},
{
title: "About Us",
items: [
title: "About Us", items: [
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Our Team",
href: "#team",
},
label: "Our Team", href: "#team"},
{
label: "Testimonials",
href: "#reviews",
},
label: "Testimonials", href: "#reviews"},
],
},
{
title: "Contact",
items: [
title: "Contact", items: [
{
label: "Book Now",
href: "#contact",
},
label: "Book Now", href: "#contact"},
{
label: "Location",
href: "https://www.google.com/maps/search/578+Av.+Saint-Charles+%234,+Vaudreuil-Dorion,+Quebec+J7V+8H2",
},
label: "Location", href: "https://www.google.com/maps/search/578+Av.+Saint-Charles+%234,+Vaudreuil-Dorion,+Quebec+J7V+8H2"},
{
label: "Call Us: (450) 510-9993",
href: "tel:+14505109993",
},
label: "Call Us: (450) 510-9993", href: "tel:+14505109993"},
],
},
]}