bender/8799c516-793b-4247-be8e-d16271edd71a
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 19:34:32 +00:00
parent 8e050ca64e
commit 11b334a71b
1 changed files with 56 additions and 236 deletions
Download Patch File Download Diff File Expand all files Collapse all files

292
src/app/page.tsx
View File

@@ -34,33 +34,19 @@ export default function LandingPage() {
<NavbarStyleFullscreen
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: "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"},
]}
logoSrc="http://img.b2bpic.net/free-psd/barber-template-design_23-2151528835.jpg"
logoAlt="Village Square Barber Shop Logo"
@@ -71,35 +57,22 @@ export default function LandingPage() {
<div id="home" data-section="home">
<HeroBillboardCarousel
background={{
variant: "plain",
}}
variant: "plain"}}
title="Experience the Art of Grooming"
description="Village Square Barber Shop: Where tradition meets modern style for the perfect cut, shave, and experience. Precision, style, and a welcoming atmosphere."
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-shaving-beard-barbershop_1303-26260.jpg?_wi=1",
imageAlt: "Barber giving a classic haircut",
},
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-shaving-beard-barbershop_1303-26260.jpg", imageAlt: "Barber giving a classic haircut"},
{
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg?_wi=1",
imageAlt: "Interior of a modern barbershop",
},
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg", imageAlt: "Interior of a modern barbershop"},
{
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-shaving-beard-young-customer-towel-with-blade_181624-54554.jpg?_wi=1",
imageAlt: "Barber trimming a man's beard",
},
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-shaving-beard-young-customer-towel-with-blade_181624-54554.jpg", imageAlt: "Barber trimming a man's beard"},
{
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232229.jpg?_wi=1",
imageAlt: "Display of premium grooming products",
},
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232229.jpg", imageAlt: "Display of premium grooming products"},
{
imageSrc: "http://img.b2bpic.net/free-photo/profile-barber-cutting-man-s-hair_1304-2774.jpg",
imageAlt: "Close-up of a straight razor shave",
},
imageSrc: "http://img.b2bpic.net/free-photo/profile-barber-cutting-man-s-hair_1304-2774.jpg", imageAlt: "Close-up of a straight razor shave"},
{
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg",
imageAlt: "Man showcasing a fresh, stylish haircut",
},
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg", imageAlt: "Man showcasing a fresh, stylish haircut"},
]}
/>
</div>
@@ -112,17 +85,11 @@ export default function LandingPage() {
description="For over a decade, Village Square Barber Shop has been the trusted name in Calgary for exceptional grooming. We pride ourselves on precision, style, and a welcoming atmosphere where every client feels at home."
bulletPoints={[
{
title: "Expert Barbers",
description: "Our team comprises highly skilled professionals dedicated to their craft, ensuring a perfect look every time.",
},
title: "Expert Barbers", description: "Our team comprises highly skilled professionals dedicated to their craft, ensuring a perfect look every time."},
{
title: "Traditional Techniques",
description: "We blend timeless barbering traditions with modern trends to offer a unique grooming experience.",
},
title: "Traditional Techniques", description: "We blend timeless barbering traditions with modern trends to offer a unique grooming experience."},
{
title: "Relaxing Atmosphere",
description: "Step into our shop and enjoy a comfortable, friendly environment designed for your ultimate relaxation.",
},
title: "Relaxing Atmosphere", description: "Step into our shop and enjoy a comfortable, friendly environment designed for your ultimate relaxation."},
]}
imageSrc="http://img.b2bpic.net/free-photo/barber-sprays-water-hair_1304-2775.jpg"
imageAlt="Barbershop interior with classic chairs"
@@ -136,23 +103,11 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Precision Haircuts",
description: "Achieve your desired look with a perfectly executed cut, tailored to your style and preference.",
imageSrc: "http://img.b2bpic.net/free-photo/aged-male-barber-shop_23-2148181988.jpg",
imageAlt: "Barber giving a precision haircut",
},
title: "Precision Haircuts", description: "Achieve your desired look with a perfectly executed cut, tailored to your style and preference.", imageSrc: "http://img.b2bpic.net/free-photo/aged-male-barber-shop_23-2148181988.jpg", imageAlt: "Barber giving a precision haircut"},
{
title: "Expert Beard Trims",
description: "Keep your beard looking sharp and well-groomed with our professional trimming and shaping services.",
imageSrc: "http://img.b2bpic.net/free-photo/cropped-portrait-smiling-bearded-man-looking-camera_171337-2903.jpg",
imageAlt: "Barber trimming a man's beard",
},
title: "Expert Beard Trims", description: "Keep your beard looking sharp and well-groomed with our professional trimming and shaping services.", imageSrc: "http://img.b2bpic.net/free-photo/cropped-portrait-smiling-bearded-man-looking-camera_171337-2903.jpg", imageAlt: "Barber trimming a man's beard"},
{
title: "Traditional Hot Shaves",
description: "Experience the ultimate in relaxation with a classic hot towel shave, leaving your skin smooth and refreshed.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-21510.jpg",
imageAlt: "Barber giving a hot towel shave",
},
title: "Traditional Hot Shaves", description: "Experience the ultimate in relaxation with a classic hot towel shave, leaving your skin smooth and refreshed.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-21510.jpg", imageAlt: "Barber giving a hot towel shave"},
]}
title="Our Signature Services"
description="From classic cuts to modern fades and luxurious shaves, our expert barbers deliver unparalleled quality and style tailored to your needs."
@@ -166,40 +121,19 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "haircut",
badge: "Popular",
badgeIcon: Sparkles,
price: "$30",
subtitle: "Classic or Modern Cut",
features: [
"Hair Wash & Style",
"Neck Shave Included",
"Expert Consultation",
],
id: "haircut", badge: "Popular", badgeIcon: Sparkles,
price: "$30", subtitle: "Classic or Modern Cut", features: [
"Hair Wash & Style", "Neck Shave Included", "Expert Consultation"],
},
{
id: "beard-trim",
badge: "Clean Look",
badgeIcon: Scissors,
price: "$20",
subtitle: "Shape & Groom",
features: [
"Beard Wash",
"Precision Trim",
"Edging & Lining",
],
id: "beard-trim", badge: "Clean Look", badgeIcon: Scissors,
price: "$20", subtitle: "Shape & Groom", features: [
"Beard Wash", "Precision Trim", "Edging & Lining"],
},
{
id: "full-service",
badge: "Best Value",
badgeIcon: Crown,
price: "$60",
subtitle: "The Complete Experience",
features: [
"Precision Haircut",
"Expert Beard Trim",
"Traditional Hot Shave",
],
id: "full-service", badge: "Best Value", badgeIcon: Crown,
price: "$60", subtitle: "The Complete Experience", features: [
"Precision Haircut", "Expert Beard Trim", "Traditional Hot Shave"],
},
]}
title="Our Pricing"
@@ -214,36 +148,14 @@ export default function LandingPage() {
useInvertedBackground={true}
groups={[
{
id: "barbers",
groupTitle: "The Village Square Team",
members: [
id: "barbers", groupTitle: "The Village Square Team", members: [
{
id: "barber-john",
title: "John Smith",
subtitle: "Lead Barber & Stylist",
detail: "With over 15 years of experience, John specializes in classic cuts and intricate fades, always prioritizing client satisfaction.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-having-drink-barbershop_23-2147736963.jpg",
imageAlt: "Portrait of John Smith",
},
id: "barber-john", title: "John Smith", subtitle: "Lead Barber & Stylist", detail: "With over 15 years of experience, John specializes in classic cuts and intricate fades, always prioritizing client satisfaction.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-having-drink-barbershop_23-2147736963.jpg", imageAlt: "Portrait of John Smith"},
{
id: "barber-david",
title: "David Lee",
subtitle: "Beard & Shave Expert",
detail: "David is passionate about the art of the perfect shave and beard grooming, providing meticulous attention to detail.",
imageSrc: "http://img.b2bpic.net/free-photo/imposing-bearded-man-is-leaning-table-his-office-he-is-wearing-shirt-suspender-he-has-tattoes-his-arms-there-are-laptop-cup-coffee-background_613910-20706.jpg",
imageAlt: "Portrait of David Lee",
},
id: "barber-david", title: "David Lee", subtitle: "Beard & Shave Expert", detail: "David is passionate about the art of the perfect shave and beard grooming, providing meticulous attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/imposing-bearded-man-is-leaning-table-his-office-he-is-wearing-shirt-suspender-he-has-tattoes-his-arms-there-are-laptop-cup-coffee-background_613910-20706.jpg", imageAlt: "Portrait of David Lee"},
{
id: "barber-sarah",
title: "Sarah Chen",
subtitle: "Modern Haircut Specialist",
detail: "Sarah stays ahead of the latest trends, offering contemporary styles and a fresh perspective on men's grooming.",
imageSrc: "http://img.b2bpic.net/free-photo/angry-young-female-barber-uniform-cutting-hair-with-scissors-isolated-white-wall_141793-86455.jpg",
imageAlt: "Portrait of Sarah Chen",
},
],
imageSrc: "http://img.b2bpic.net/free-psd/barber-template-design_23-2151528835.jpg?_wi=1",
imageAlt: "male barber portrait smiling",
id: "barber-sarah", title: "Sarah Chen", subtitle: "Modern Haircut Specialist", detail: "Sarah stays ahead of the latest trends, offering contemporary styles and a fresh perspective on men's grooming.", imageSrc: "http://img.b2bpic.net/free-photo/angry-young-female-barber-uniform-cutting-hair-with-scissors-isolated-white-wall_141793-86455.jpg", imageAlt: "Portrait of Sarah Chen"},
]
},
]}
title="Meet Our Master Barbers"
@@ -257,65 +169,15 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "testimonial-1",
name: "Mark R.",
date: "October 2023",
title: "Highly Recommend!",
quote: "I have no hesitation in recommending this place for a nice haircut. The barbers are skilled and friendly, always giving me the perfect cut. Great atmosphere too!",
tag: "Great Service",
avatarSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg",
avatarAlt: "Mark R. avatar",
imageSrc: "http://img.b2bpic.net/free-psd/barber-template-design_23-2151528835.jpg?_wi=2",
imageAlt: "happy man client smiling",
},
id: "testimonial-1", name: "Mark R.", date: "October 2023", title: "Highly Recommend!", quote: "I have no hesitation in recommending this place for a nice haircut. The barbers are skilled and friendly, always giving me the perfect cut. Great atmosphere too!", tag: "Great Service", avatarSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg", avatarAlt: "Mark R. avatar", imageSrc: "http://img.b2bpic.net/free-psd/barber-template-design_23-2151528835.jpg", imageAlt: "happy man client smiling"},
{
id: "testimonial-2",
name: "Jessica L.",
date: "September 2023",
title: "Fantastic Experience!",
quote: "Friendly barbers, great service, affordable pricing. I always leave feeling fresh and confident. It's my go-to spot in Calgary!",
tag: "Affordable Quality",
avatarSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",
avatarAlt: "Jessica L. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-shaving-beard-barbershop_1303-26260.jpg?_wi=2",
imageAlt: "happy man client smiling",
},
id: "testimonial-2", name: "Jessica L.", date: "September 2023", title: "Fantastic Experience!", quote: "Friendly barbers, great service, affordable pricing. I always leave feeling fresh and confident. It's my go-to spot in Calgary!", tag: "Affordable Quality", avatarSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg", avatarAlt: "Jessica L. avatar", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-shaving-beard-barbershop_1303-26260.jpg", imageAlt: "happy man client smiling"},
{
id: "testimonial-3",
name: "Chris B.",
date: "August 2023",
title: "Best Barbershop!",
quote: "Super friendly, really good prices, and great haircuts. You can tell they care about their clients. Definitely worth checking out!",
tag: "Excellent Value",
avatarSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167341.jpg",
avatarAlt: "Chris B. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg?_wi=2",
imageAlt: "happy man client smiling",
},
id: "testimonial-3", name: "Chris B.", date: "August 2023", title: "Best Barbershop!", quote: "Super friendly, really good prices, and great haircuts. You can tell they care about their clients. Definitely worth checking out!", tag: "Excellent Value", avatarSrc: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167341.jpg", avatarAlt: "Chris B. avatar", imageSrc: "http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg", imageAlt: "happy man client smiling"},
{
id: "testimonial-4",
name: "Sarah P.",
date: "July 2023",
title: "Always a Great Cut",
quote: "I've been coming here for years, and they never disappoint. Consistent quality, friendly staff, and a fantastic vibe. Highly recommend to everyone!",
tag: "Consistent Quality",
avatarSrc: "http://img.b2bpic.net/free-photo/blond-ethnic-coworkers-doing-selfie-workplace_23-2148180695.jpg",
avatarAlt: "Sarah P. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-shaving-beard-young-customer-towel-with-blade_181624-54554.jpg?_wi=2",
imageAlt: "happy man client smiling",
},
id: "testimonial-4", name: "Sarah P.", date: "July 2023", title: "Always a Great Cut", quote: "I've been coming here for years, and they never disappoint. Consistent quality, friendly staff, and a fantastic vibe. Highly recommend to everyone!", tag: "Consistent Quality", avatarSrc: "http://img.b2bpic.net/free-photo/blond-ethnic-coworkers-doing-selfie-workplace_23-2148180695.jpg", avatarAlt: "Sarah P. avatar", imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-hairdresser-shaving-beard-young-customer-towel-with-blade_181624-54554.jpg", imageAlt: "happy man client smiling"},
{
id: "testimonial-5",
name: "David K.",
date: "June 2023",
title: "Top-Notch Grooming",
quote: "The hot shaves are incredible, and my beard has never looked better. Professional and relaxing – the best grooming experience in the city.",
tag: "Relaxing Shave",
avatarSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg",
avatarAlt: "David K. avatar",
imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232229.jpg?_wi=2",
imageAlt: "happy man client smiling",
},
id: "testimonial-5", name: "David K.", date: "June 2023", title: "Top-Notch Grooming", quote: "The hot shaves are incredible, and my beard has never looked better. Professional and relaxing – the best grooming experience in the city.", tag: "Relaxing Shave", avatarSrc: "http://img.b2bpic.net/free-photo/happy-overjoyed-woman-rejoicing-her-success_74855-3513.jpg", avatarAlt: "David K. avatar", imageSrc: "http://img.b2bpic.net/free-photo/skin-regeneration-product-still-life_23-2151232229.jpg", imageAlt: "happy man client smiling"},
]}
title="What Our Clients Say"
description="Don't just take our word for it – hear from our satisfied customers who love their Village Square Barber Shop experience."
@@ -327,14 +189,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Calgary Herald",
"Local Business Awards",
"Community Favorite",
"Best of Calgary",
"Neighbourhood Choice",
"Barber's Guild of Alberta",
"Top Rated Salon",
]}
"Calgary Herald", "Local Business Awards", "Community Favorite", "Best of Calgary", "Neighbourhood Choice", "Barber's Guild of Alberta", "Top Rated Salon"]}
title="Trusted by the Community"
description="Proudly serving Calgary for over a decade, Village Square Barber Shop is a cornerstone of our local community, known for quality and reliability."
/>
@@ -346,25 +201,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "Do I need an appointment?",
content: "While walk-ins are welcome, we recommend booking an appointment to ensure minimal wait times and secure your preferred barber.",
},
id: "faq-1", title: "Do I need an appointment?", content: "While walk-ins are welcome, we recommend booking an appointment to ensure minimal wait times and secure your preferred barber."},
{
id: "faq-2",
title: "What payment methods do you accept?",
content: "We accept cash, debit, and all major credit cards for your convenience.",
},
id: "faq-2", title: "What payment methods do you accept?", content: "We accept cash, debit, and all major credit cards for your convenience."},
{
id: "faq-3",
title: "Do you offer gift cards?",
content: "Yes, gift cards are available for purchase in-store. They make the perfect gift for any occasion!",
},
id: "faq-3", title: "Do you offer gift cards?", content: "Yes, gift cards are available for purchase in-store. They make the perfect gift for any occasion!"},
{
id: "faq-4",
title: "What products do you use/sell?",
content: "We use and sell a curated selection of premium grooming products from trusted brands. Ask your barber for recommendations!",
},
id: "faq-4", title: "What products do you use/sell?", content: "We use and sell a curated selection of premium grooming products from trusted brands. Ask your barber for recommendations!"},
]}
title="Frequently Asked Questions"
description="Find quick answers to common questions about our services, appointments, and shop policies to make your visit seamless."
@@ -376,8 +219,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="Visit Us"
title="Book Your Next Grooming"
description="Ready for a fresh cut or a relaxing shave? Contact us to schedule your appointment or simply stop by. We look forward to seeing you!"
@@ -395,57 +237,35 @@ export default function LandingPage() {
{
items: [
{
label: "Home",
href: "#home",
},
label: "Home", href: "#home"},
{
label: "About Us",
href: "#about",
},
label: "About Us", href: "#about"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
],
},
{
items: [
{
label: "Our Team",
href: "#team",
},
label: "Our Team", href: "#team"},
{
label: "Testimonials",
href: "#testimonials",
},
label: "Testimonials", href: "#testimonials"},
{
label: "FAQ",
href: "#faq",
},
label: "FAQ", href: "#faq"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
items: [
{
label: "2640 52 St NE #111, Calgary, AB T1Y 3R6",
href: "https://www.google.com/maps/search/2640+52+St+NE+%23111,+Calgary,+AB+T1Y+3R6",
},
label: "2640 52 St NE #111, Calgary, AB T1Y 3R6", href: "https://www.google.com/maps/search/2640+52+St+NE+%23111,+Calgary,+AB+T1Y+3R6"},
{
label: "(403) 293-9790",
href: "tel:+14032939790",
},
label: "(403) 293-9790", href: "tel:+14032939790"},
{
label: "villagesquarebarbershop@example.com",
href: "mailto:villagesquarebarbershop@example.com",
},
label: "villagesquarebarbershop@example.com", href: "mailto:villagesquarebarbershop@example.com"},
],
},
]}