bender/cc188384-10cd-4541-86c5-bf93ed746772
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-30 19:26:25 +00:00
parent da9aa775ef 1f88a09164
commit 1bd52bf71d
1 changed files with 63 additions and 224 deletions
Download Patch File Download Diff File Expand all files Collapse all files

287
src/app/page.tsx
View File

@@ -32,38 +32,22 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Pricing",
id: "#pricing",
},
name: "Pricing", id: "#pricing"},
{
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"}}
brandName="Village Square Barber Shop"
/>
</div>
@@ -74,39 +58,23 @@ export default function LandingPage() {
description="Experience expert haircuts, precision shaves, and classic grooming in Calgary. We blend tradition with a modern touch for your perfect style."
buttons={[
{
text: "Book an Appointment",
href: "#contact",
},
text: "Book an Appointment", href: "#contact"},
{
text: "Our Services",
href: "#services",
},
text: "Our Services", href: "#services"},
]}
slides={[
{
imageSrc: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg?_wi=1",
imageAlt: "Classic barber shop interior",
},
imageSrc: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg", imageAlt: "Classic barber shop interior"},
{
imageSrc: "http://img.b2bpic.net/free-photo/attractive-barber-shaving-hair-client_23-2147778750.jpg?_wi=1",
imageAlt: "Barber cutting a client's hair",
},
imageSrc: "http://img.b2bpic.net/free-photo/attractive-barber-shaving-hair-client_23-2147778750.jpg", imageAlt: "Barber cutting a client's hair"},
{
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205895.jpg?_wi=1",
imageAlt: "Client receiving a hot towel shave",
},
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205895.jpg", imageAlt: "Client receiving a hot towel shave"},
{
imageSrc: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg",
imageAlt: "Village Square Barber Shop storefront",
},
imageSrc: "http://img.b2bpic.net/free-photo/mustache-guy-barbershop_140725-7723.jpg", imageAlt: "Village Square Barber Shop storefront"},
{
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-sitting-near-dark-studio_158538-11298.jpg",
imageAlt: "Man with a stylish new haircut",
},
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-fashion-stylish-hipster-businessman-model-dressed-elegant-brown-suit-sitting-near-dark-studio_158538-11298.jpg", imageAlt: "Man with a stylish new haircut"},
{
imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-supplies-wooden-background_23-2147711598.jpg",
imageAlt: "Professional barber tools",
},
imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-supplies-wooden-background_23-2147711598.jpg", imageAlt: "Professional barber tools"},
]}
autoplayDelay={4000}
/>
@@ -119,17 +87,11 @@ export default function LandingPage() {
description="At Village Square Barber Shop, we uphold the timeless art of barbering while embracing modern trends. Our passionate team is dedicated to precision, comfort, and creating a welcoming space where every client feels their best. We're proud to be a staple in the Calgary community."
metrics={[
{
value: "15+",
title: "Years in Service",
},
value: "15+", title: "Years in Service"},
{
value: "4.6",
title: "Average Rating (127 Reviews)",
},
value: "4.6", title: "Average Rating (127 Reviews)"},
{
value: "5",
title: "Skilled Barbers",
},
value: "5", title: "Skilled Barbers"},
]}
imageSrc="http://img.b2bpic.net/free-photo/pleased-looking-side-young-male-barber-wearing-uniform-holding-barber-tools-isolated-olive-green-wall_141793-106088.jpg"
imageAlt="Experienced barber working on a client"
@@ -145,46 +107,22 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "The Classic Cut",
description: "Timeless style meets modern precision. Our barbers deliver sharp, clean haircuts tailored to your preferences.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-white-blazer-smiling-secretly_114579-18682.jpg",
imageAlt: "Finished classic haircut",
},
title: "The Classic Cut", description: "Timeless style meets modern precision. Our barbers deliver sharp, clean haircuts tailored to your preferences.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-white-blazer-smiling-secretly_114579-18682.jpg", imageAlt: "Finished classic haircut"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hair-dryer-client-salon_23-2147737037.jpg",
imageAlt: "Barber detailing a haircut",
},
imageSrc: "http://img.b2bpic.net/free-photo/empty-wintertime-luxury-ski-resort_482257-102290.jpg?_wi=2",
imageAlt: "fresh haircut side view",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-hair-dryer-client-salon_23-2147737037.jpg", imageAlt: "Barber detailing a haircut"}
},
{
title: "The Royal Shave",
description: "Indulge in a relaxing hot towel shave experience. Precision razor work, soothing balms, and pure comfort.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-shaving-front-mirror_23-2147787848.jpg",
imageAlt: "Man with well-groomed facial hair",
},
title: "The Royal Shave", description: "Indulge in a relaxing hot towel shave experience. Precision razor work, soothing balms, and pure comfort.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-shaving-front-mirror_23-2147787848.jpg", imageAlt: "Man with well-groomed facial hair"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-washing-head-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6369.jpg",
imageAlt: "Barber applying shaving cream",
},
imageSrc: "http://img.b2bpic.net/free-photo/attractive-barber-shaving-hair-client_23-2147778750.jpg?_wi=2",
imageAlt: "fresh haircut side view",
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-washing-head-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6369.jpg", imageAlt: "Barber applying shaving cream"}
},
{
title: "Beard & Moustache Trim",
description: "Keep your facial hair looking its best. Our experts will shape, trim, and style your beard or moustache to perfection.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18583.jpg",
imageAlt: "Man with a perfectly shaped beard",
},
title: "Beard & Moustache Trim", description: "Keep your facial hair looking its best. Our experts will shape, trim, and style your beard or moustache to perfection.", phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-modeling-beard-barbershop-close-up-photo_613910-18583.jpg", imageAlt: "Man with a perfectly shaped beard"},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-grooming-beard_23-2149137908.jpg",
imageAlt: "Barber trimming a beard with clippers",
},
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-getting-ready-their-clients_23-2149205895.jpg?_wi=2",
imageAlt: "fresh haircut side view",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-grooming-beard_23-2149137908.jpg", imageAlt: "Barber trimming a beard with clippers"}
},
]}
showStepNumbers={true}
@@ -200,59 +138,31 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "basic-cut",
badge: "Popular",
badgeIcon: Sparkles,
price: "$30",
subtitle: "Sharp Haircut",
buttons: [
id: "basic-cut", badge: "Popular", badgeIcon: Sparkles,
price: "$30", subtitle: "Sharp Haircut", buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
],
features: [
"Precision Haircut",
"Wash & Style",
"Neck Shave",
],
"Precision Haircut", "Wash & Style", "Neck Shave"],
},
{
id: "royal-shave",
badge: "Deluxe",
badgeIcon: Shield,
price: "$45",
subtitle: "Ultimate Relaxation",
buttons: [
id: "royal-shave", badge: "Deluxe", badgeIcon: Shield,
price: "$45", subtitle: "Ultimate Relaxation", buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
],
features: [
"Hot Towel Treatment",
"Traditional Razor Shave",
"Post-Shave Balm",
],
"Hot Towel Treatment", "Traditional Razor Shave", "Post-Shave Balm"],
},
{
id: "full-groom",
badge: "Best Value",
badgeIcon: Award,
price: "$70",
subtitle: "Complete Transformation",
buttons: [
id: "full-groom", badge: "Best Value", badgeIcon: Award,
price: "$70", subtitle: "Complete Transformation", buttons: [
{
text: "Book Now",
href: "#contact",
},
text: "Book Now", href: "#contact"},
],
features: [
"Precision Haircut",
"Full Beard Trim",
"Royal Shave Experience",
"Hair Styling Products",
],
"Precision Haircut", "Full Beard Trim", "Royal Shave Experience", "Hair Styling Products"],
},
]}
title="Transparent Pricing for Premium Grooming"
@@ -266,50 +176,15 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "Highly Recommended!",
quote: "I have no hesitation in recommending this place for a nice haircut. The barbers are skilled and friendly.",
name: "John D.",
role: "Satisfied Customer",
imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg",
imageAlt: "John D.",
},
id: "1", title: "Highly Recommended!", quote: "I have no hesitation in recommending this place for a nice haircut. The barbers are skilled and friendly.", name: "John D.", role: "Satisfied Customer", imageSrc: "http://img.b2bpic.net/free-photo/client-barber-greeting-each-other-barbershop_23-2148181951.jpg", imageAlt: "John D."},
{
id: "2",
title: "Great Service & Value",
quote: "Friendly barbers, great service, affordable pricing. I always leave feeling fresh and looking sharp.",
name: "Michael S.",
role: "Loyal Client",
imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg",
imageAlt: "Michael S.",
},
id: "2", title: "Great Service & Value", quote: "Friendly barbers, great service, affordable pricing. I always leave feeling fresh and looking sharp.", name: "Michael S.", role: "Loyal Client", imageSrc: "http://img.b2bpic.net/free-photo/successful-young-man-stylish-hat-relaxing-alone-cozy-cafeteria-lunch-break-looking-with-happy-expression_273609-1935.jpg", imageAlt: "Michael S."},
{
id: "3",
title: "Super Friendly & Good Prices",
quote: "Super friendly, really good prices, and great haircuts. This is my go-to spot in Calgary!",
name: "Emily R.",
role: "Regular Patron",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-model-wearing-casual-summer-pink-clothes-fashion-stylish-man-posing_158538-5336.jpg",
imageAlt: "Emily R.",
},
id: "3", title: "Super Friendly & Good Prices", quote: "Super friendly, really good prices, and great haircuts. This is my go-to spot in Calgary!", name: "Emily R.", role: "Regular Patron", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-young-man-model-wearing-casual-summer-pink-clothes-fashion-stylish-man-posing_158538-5336.jpg", imageAlt: "Emily R."},
{
id: "4",
title: "Best Haircut in Town",
quote: "The best haircut I've had in years! The attention to detail is amazing, and the atmosphere is welcoming.",
name: "David K.",
role: "New Customer",
imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg",
imageAlt: "David K.",
},
id: "4", title: "Best Haircut in Town", quote: "The best haircut I've had in years! The attention to detail is amazing, and the atmosphere is welcoming.", name: "David K.", role: "New Customer", imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg", imageAlt: "David K."},
{
id: "5",
title: "Excellent Experience Every Time",
quote: "Always an excellent experience from start to finish. The barbers are truly masters of their craft.",
name: "Sarah P.",
role: "Happy Client",
imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-service-agent_23-2151933143.jpg",
imageAlt: "Sarah P.",
},
id: "5", title: "Excellent Experience Every Time", quote: "Always an excellent experience from start to finish. The barbers are truly masters of their craft.", name: "Sarah P.", role: "Happy Client", imageSrc: "http://img.b2bpic.net/free-photo/happy-customer-service-agent_23-2151933143.jpg", imageAlt: "Sarah P."},
]}
title="What Our Valued Clients Say"
description="Don't just take our word for it. Our customers consistently rate us highly for exceptional service, skilled barbers, and a fantastic atmosphere."
@@ -322,25 +197,13 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "Do I need an appointment?",
content: "While walk-ins are always welcome, we recommend booking an appointment to ensure minimal wait times and your preferred barber.",
},
id: "faq-1", title: "Do I need an appointment?", content: "While walk-ins are always welcome, we recommend booking an appointment to ensure minimal wait times and your preferred barber."},
{
id: "faq-2",
title: "What payment methods do you accept?",
content: "We accept cash, debit, and all major credit cards (Visa, MasterCard, American Express).",
},
id: "faq-2", title: "What payment methods do you accept?", content: "We accept cash, debit, and all major credit cards (Visa, MasterCard, American Express)."},
{
id: "faq-3",
title: "Do you offer services for children?",
content: "Yes, we offer haircuts for children of all ages. Please specify when booking if it's for a child.",
},
id: "faq-3", title: "Do you offer services for children?", content: "Yes, we offer haircuts for children of all ages. Please specify when booking if it's for a child."},
{
id: "faq-4",
title: "Where are you located?",
content: "We are conveniently located at 2640 52 St NE #111, Calgary, AB T1Y 3R6, within Village Square.",
},
id: "faq-4", title: "Where are you located?", content: "We are conveniently located at 2640 52 St NE #111, Calgary, AB T1Y 3R6, within Village Square."},
]}
imageSrc="http://img.b2bpic.net/free-photo/pack-father-s-day-elements_23-2147631306.jpg"
imageAlt="Barber tools and shop interior"
@@ -356,8 +219,7 @@ export default function LandingPage() {
<ContactCenter
useInvertedBackground={true}
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
tag="Get in Touch"
title="Visit Us Today"
description="Ready for your fresh cut? Book an appointment online, give us a call, or stop by our shop in Calgary today. We're open until 6 p.m. at 2640 52 St NE #111, Calgary, AB T1Y 3R6. Call us at (403) 293-9790."
@@ -371,58 +233,35 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Haircuts",
href: "#services",
},
label: "Haircuts", href: "#services"},
{
label: "Shaves",
href: "#services",
},
label: "Shaves", href: "#services"},
{
label: "Beard Trims",
href: "#services",
},
label: "Beard Trims", href: "#services"},
{
label: "Pricing",
href: "#pricing",
},
label: "Pricing", href: "#pricing"},
],
},
{
title: "About Us",
items: [
title: "About Us", items: [
{
label: "Our Story",
href: "#about",
},
label: "Our Story", href: "#about"},
{
label: "Our Team",
href: "#",
},
label: "Our Team", href: "#"},
{
label: "Reviews",
href: "#testimonials",
},
label: "Reviews", href: "#testimonials"},
],
},
{
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: "Book Online",
href: "#contact",
},
label: "Book Online", href: "#contact"},
],
},
]}