Update src/app/page.tsx
This commit is contained in:
406
src/app/page.tsx
406
src/app/page.tsx
@@ -33,37 +33,21 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleApple
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "#home"},
|
||||||
id: "#home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "#services"},
|
||||||
id: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Styles",
|
name: "Styles", id: "#styles"},
|
||||||
id: "#styles",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Pricing",
|
name: "Pricing", id: "#pricing"},
|
||||||
id: "#pricing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Team",
|
name: "Team", id: "#team"},
|
||||||
id: "#team",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Reviews",
|
name: "Reviews", id: "#reviews"},
|
||||||
id: "#reviews",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Moon Barber Shop"
|
brandName="Moon Barber Shop"
|
||||||
/>
|
/>
|
||||||
@@ -72,51 +56,28 @@ export default function LandingPage() {
|
|||||||
<div id="home" data-section="home">
|
<div id="home" data-section="home">
|
||||||
<HeroBillboardRotatedCarousel
|
<HeroBillboardRotatedCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "rotated-rays-animated",
|
variant: "rotated-rays-animated"}}
|
||||||
}}
|
|
||||||
title="Experience the Art of Barbering at Moon Barber Shop"
|
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."
|
description="Precision cuts, classic shaves, and fresh new looks. Serving Vaudreuil-Dorion with pride and passion since 2020."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book Now",
|
text: "Book Now", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "View Services",
|
text: "View Services", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
carouselItems={[
|
carouselItems={[
|
||||||
{
|
{
|
||||||
id: "hero-carousel-1",
|
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"},
|
||||||
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-2",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg",
|
|
||||||
imageAlt: "Happy client leaving the barber chair",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
autoPlay={true}
|
autoPlay={true}
|
||||||
/>
|
/>
|
||||||
@@ -127,24 +88,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
heading={[
|
heading={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", content: "Crafting Sharp Looks & Lasting Impressions at "},
|
||||||
content: "Crafting Sharp Looks & Lasting Impressions at ",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "image",
|
type: "image", src: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg", alt: "Moon Barber Shop interior"},
|
||||||
src: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg",
|
|
||||||
alt: "Moon Barber Shop interior",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", content: " Moon Barber Shop"},
|
||||||
content: " Moon Barber Shop",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Our Story",
|
text: "Our Story", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -156,41 +108,21 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "haircut",
|
id: "haircut", title: "Precision Haircuts", descriptions: [
|
||||||
title: "Precision Haircuts",
|
"Expert cuts tailored to your style, from traditional to trendy fades."],
|
||||||
descriptions: [
|
imageSrc: "http://img.b2bpic.net/free-photo/haircare-product-near-scissors-combs_23-2147711608.jpg", imageAlt: "Barber giving a precision haircut"},
|
||||||
"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",
|
id: "shave", title: "Classic Hot Shave", descriptions: [
|
||||||
title: "Classic Hot Shave",
|
"Experience the luxury of a traditional hot towel shave with a straight razor."],
|
||||||
descriptions: [
|
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"},
|
||||||
"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",
|
id: "beard-trim", title: "Beard Trim & Grooming", descriptions: [
|
||||||
title: "Beard Trim & Grooming",
|
"Shape and style your beard to perfection with our expert barbers."],
|
||||||
descriptions: [
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg", imageAlt: "Barber trimming a man's beard"},
|
||||||
"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",
|
id: "kids-cut", title: "Kids Haircuts", descriptions: [
|
||||||
title: "Kids Haircuts",
|
"Gentle and stylish cuts for our younger clients, making every visit fun."],
|
||||||
descriptions: [
|
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"},
|
||||||
"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"
|
title="Our Signature Services"
|
||||||
description="From classic cuts to modern fades, hot shaves, and beard trims, our skilled barbers deliver exceptional grooming experiences."
|
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}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "fade",
|
id: "fade", brand: "Moon Style", name: "Modern Fade", price: "Starting at $30", rating: 5,
|
||||||
brand: "Moon Style",
|
reviewCount: "250", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-outside_23-2149028823.jpg", imageAlt: "Man with a modern fade haircut"},
|
||||||
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",
|
id: "pompadour", brand: "Moon Classic", name: "Classic Pompadour", price: "Starting at $35", rating: 4.5,
|
||||||
brand: "Moon Classic",
|
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"},
|
||||||
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",
|
id: "beard-style", brand: "Moon Groom", name: "Stylish Beard Trim", price: "Starting at $20", rating: 4.8,
|
||||||
brand: "Moon Groom",
|
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"},
|
||||||
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",
|
id: "crew-cut", brand: "Moon Pro", name: "Crisp Crew Cut", price: "Starting at $25", rating: 4.7,
|
||||||
brand: "Moon Pro",
|
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"},
|
||||||
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",
|
id: "curly-fade", brand: "Moon Texture", name: "Textured Curly Fade", price: "Starting at $35", rating: 4.6,
|
||||||
brand: "Moon Texture",
|
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"},
|
||||||
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",
|
id: "buzz-cut", brand: "Moon Minimal", name: "Clean Buzz Cut", price: "Starting at $20", rating: 4.9,
|
||||||
brand: "Moon Minimal",
|
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"},
|
||||||
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"
|
title="Popular Haircuts & Styles"
|
||||||
description="Get inspired by some of the most popular and trending haircuts our clients love."
|
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}
|
useInvertedBackground={false}
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "basic",
|
id: "basic", tag: "Standard", price: "$30", period: "per service", description: "Essential grooming for a fresh look.", button: {
|
||||||
tag: "Standard",
|
text: "Book Basic", href: "#contact"},
|
||||||
price: "$30",
|
featuresTitle: "Includes:", features: [
|
||||||
period: "per service",
|
"Haircut", "Hot Towel Finish", "Style Consultation"],
|
||||||
description: "Essential grooming for a fresh look.",
|
|
||||||
button: {
|
|
||||||
text: "Book Basic",
|
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
featuresTitle: "Includes:",
|
|
||||||
features: [
|
|
||||||
"Haircut",
|
|
||||||
"Hot Towel Finish",
|
|
||||||
"Style Consultation",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "premium",
|
id: "premium", tag: "Most Popular", tagIcon: Star,
|
||||||
tag: "Most Popular",
|
price: "$55", period: "per service", description: "Complete grooming package for the ultimate refresh.", button: {
|
||||||
tagIcon: Star,
|
text: "Book Premium", href: "#contact"},
|
||||||
price: "$55",
|
featuresTitle: "Includes:", features: [
|
||||||
period: "per service",
|
"Precision Haircut", "Classic Hot Shave / Beard Trim", "Facial Treatment", "Styling Product Application"],
|
||||||
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",
|
id: "kids", tag: "For Kids", price: "$25", period: "per service", description: "Stylish and comfortable cuts for our younger clients.", button: {
|
||||||
tag: "For Kids",
|
text: "Book for Kids", href: "#contact"},
|
||||||
price: "$25",
|
featuresTitle: "Includes:", features: [
|
||||||
period: "per service",
|
"Kids Haircut", "Gentle Styling", "Fun Experience"],
|
||||||
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"
|
title="Our Pricing Plans"
|
||||||
@@ -342,44 +198,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
groups={[
|
groups={[
|
||||||
{
|
{
|
||||||
id: "barber-team",
|
id: "barber-team", groupTitle: "The Moon Barber Crew", members: [
|
||||||
groupTitle: "The Moon Barber Crew",
|
|
||||||
members: [
|
|
||||||
{
|
{
|
||||||
id: "barber-1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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"
|
title="Meet Our Talented Barbers"
|
||||||
@@ -392,35 +220,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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",
|
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"},
|
||||||
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"
|
cardTitle="What Our Clients Say"
|
||||||
cardTag="Trusted Reviews"
|
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."
|
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={[
|
inputs={[
|
||||||
{
|
{
|
||||||
name: "name",
|
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||||
type: "text",
|
|
||||||
placeholder: "Your Name",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "phone",
|
name: "phone", type: "tel", placeholder: "Phone Number", required: true,
|
||||||
type: "tel",
|
|
||||||
placeholder: "Phone Number",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "email",
|
name: "email", type: "email", placeholder: "Email Address", required: false,
|
||||||
type: "email",
|
|
||||||
placeholder: "Email Address",
|
|
||||||
required: false,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "date",
|
name: "date", type: "date", placeholder: "Preferred Date", required: true,
|
||||||
type: "date",
|
|
||||||
placeholder: "Preferred Date",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "time",
|
name: "time", type: "time", placeholder: "Preferred Time", required: true,
|
||||||
type: "time",
|
|
||||||
placeholder: "Preferred Time",
|
|
||||||
required: true,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
textarea={{
|
textarea={{
|
||||||
name: "message",
|
name: "message", placeholder: "Any special requests or notes?", rows: 4,
|
||||||
placeholder: "Any special requests or notes?",
|
|
||||||
rows: 4,
|
|
||||||
required: false,
|
required: false,
|
||||||
}}
|
}}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/barbershop-washbasin-with-professional-chairs_23-2148298338.jpg"
|
||||||
@@ -483,58 +274,35 @@ export default function LandingPage() {
|
|||||||
<FooterSimple
|
<FooterSimple
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Services",
|
title: "Services", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Haircuts",
|
label: "Haircuts", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Hot Shaves",
|
label: "Hot Shaves", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Beard Trims",
|
label: "Beard Trims", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Kids Cuts",
|
label: "Kids Cuts", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "About Us",
|
title: "About Us", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Our Story",
|
label: "Our Story", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Our Team",
|
label: "Our Team", href: "#team"},
|
||||||
href: "#team",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Testimonials",
|
label: "Testimonials", href: "#reviews"},
|
||||||
href: "#reviews",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Contact",
|
title: "Contact", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Book Now",
|
label: "Book Now", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Location",
|
label: "Location", href: "https://www.google.com/maps/search/578+Av.+Saint-Charles+%234,+Vaudreuil-Dorion,+Quebec+J7V+8H2"},
|
||||||
href: "https://www.google.com/maps/search/578+Av.+Saint-Charles+%234,+Vaudreuil-Dorion,+Quebec+J7V+8H2",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Call Us: (450) 510-9993",
|
label: "Call Us: (450) 510-9993", href: "tel:+14505109993"},
|
||||||
href: "tel:+14505109993",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user