Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 1c2e9ebecb | |||
| 0b52af4293 | |||
| f351f54647 | |||
| f07028eff0 |
134
src/app/booking/page.tsx
Normal file
134
src/app/booking/page.tsx
Normal file
@@ -0,0 +1,134 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
import { useEffect } from "react";
|
||||
|
||||
// Calendly embed script
|
||||
const CalendlyEmbed = () => {
|
||||
useEffect(() => {
|
||||
// Dynamically load Calendly script
|
||||
const script = document.createElement("script");
|
||||
script.src = "https://assets.calendly.com/assets/external/widget.js";
|
||||
script.async = true;
|
||||
document.body.appendChild(script);
|
||||
|
||||
return () => {
|
||||
// Clean up script on component unmount
|
||||
document.body.removeChild(script);
|
||||
};
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<div className="flex flex-col items-center justify-center min-h-[70vh] py-12 px-4 sm:px-6 lg:px-8">
|
||||
<h1 className="text-4xl font-bold text-foreground mb-8 text-center">Book Your Appointment</h1>
|
||||
<p className="text-lg text-foreground mb-12 text-center max-w-2xl">
|
||||
Select a convenient time below for your precision cut, traditional shave, or beard trim. We look forward to seeing you!
|
||||
</p>
|
||||
<div
|
||||
className="calendly-inline-widget min-w-[320px] w-full max-w-4xl h-[800px] mx-auto rounded-lg shadow-xl overflow-hidden"
|
||||
data-url="https://calendly.com/your-username/30min"
|
||||
></div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default function BookingPage() {
|
||||
const updatedNavItems = [
|
||||
{
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Team", id: "#team"},
|
||||
{
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Book Now", id: "/booking"},
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Precision Haircuts", href: "#services"},
|
||||
{
|
||||
label: "Traditional Shaves", href: "#services"},
|
||||
{
|
||||
label: "Beard Trims", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About Us", items: [
|
||||
{
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Meet the Team", href: "#team"},
|
||||
{
|
||||
label: "Client Reviews", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Book Now", href: "/booking"},
|
||||
{
|
||||
label: "Location", href: "/booking"},
|
||||
{
|
||||
label: "Email Us", href: "mailto:info@sarahchobarbershop.com"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us", items: [
|
||||
{
|
||||
label: "Instagram", href: "https://instagram.com/sarahchobarbershop"},
|
||||
{
|
||||
label: "Facebook", href: "https://facebook.com/sarahchobarbershop"},
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="smallMedium"
|
||||
sizing="largeSmall"
|
||||
background="fluid"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={updatedNavItems}
|
||||
brandName="Sarah Cho's Barbershop"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="booking-section" data-section="booking">
|
||||
<CalendlyEmbed />
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={footerColumns}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mgiaiv"
|
||||
logoAlt="Sarah Cho's Barbershop Logo"
|
||||
logoText="Sarah Cho's Barbershop"
|
||||
copyrightText="© 2024 Sarah Cho's Barbershop. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
276
src/app/page.tsx
276
src/app/page.tsx
@@ -33,33 +33,19 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "#team",
|
||||
},
|
||||
name: "Team", id: "#team"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "#testimonials"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Book Now", id: "/booking"},
|
||||
]}
|
||||
brandName="Sarah Cho's Barbershop"
|
||||
/>
|
||||
@@ -68,47 +54,26 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
variant: "rotated-rays-static"}}
|
||||
title="Precision Cuts, Timeless Style"
|
||||
description="Experience the art of barbering at Sarah Cho's, where every visit leaves you looking and feeling your best. Rated 4.9 stars by 160 happy clients."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "/booking"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "hero-item-1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313027.jpg",
|
||||
imageAlt: "Barber cutting a client's hair with focus",
|
||||
},
|
||||
id: "hero-item-1", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313027.jpg", imageAlt: "Barber cutting a client's hair with focus"},
|
||||
{
|
||||
id: "hero-item-2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/country-musicians-lifestyle-indoors_23-2151169629.jpg",
|
||||
imageAlt: "Interior of a modern and cozy barbershop",
|
||||
},
|
||||
id: "hero-item-2", imageSrc: "http://img.b2bpic.net/free-photo/country-musicians-lifestyle-indoors_23-2151169629.jpg", imageAlt: "Interior of a modern and cozy barbershop"},
|
||||
{
|
||||
id: "hero-item-3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-man-getting-haircut_23-2148506327.jpg",
|
||||
imageAlt: "Barber carefully trimming a client's beard",
|
||||
},
|
||||
id: "hero-item-3", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-man-getting-haircut_23-2148506327.jpg", imageAlt: "Barber carefully trimming a client's beard"},
|
||||
{
|
||||
id: "hero-item-4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/detail-disposable-black-razor-against-blue-backdrop_23-2148088322.jpg",
|
||||
imageAlt: "Barber performing a traditional straight razor shave",
|
||||
},
|
||||
id: "hero-item-4", imageSrc: "http://img.b2bpic.net/free-photo/detail-disposable-black-razor-against-blue-backdrop_23-2148088322.jpg", imageAlt: "Barber performing a traditional straight razor shave"},
|
||||
{
|
||||
id: "hero-item-5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313036.jpg",
|
||||
imageAlt: "Display of premium hair styling products",
|
||||
},
|
||||
id: "hero-item-5", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313036.jpg", imageAlt: "Display of premium hair styling products"},
|
||||
{
|
||||
id: "hero-item-6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665448.jpg",
|
||||
imageAlt: "Client smiling and looking at his fresh haircut",
|
||||
},
|
||||
id: "hero-item-6", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665448.jpg", imageAlt: "Client smiling and looking at his fresh haircut"},
|
||||
]}
|
||||
autoPlay={true}
|
||||
autoPlayInterval={4000}
|
||||
@@ -135,23 +100,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Haircuts",
|
||||
description: "Expertly crafted cuts for men, combining classic techniques with modern trends to achieve your perfect style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/haircut-machine-scissors_23-2147736989.jpg",
|
||||
imageAlt: "Barber cutting hair with scissors",
|
||||
},
|
||||
title: "Precision Haircuts", description: "Expertly crafted cuts for men, combining classic techniques with modern trends to achieve your perfect style.", imageSrc: "http://img.b2bpic.net/free-photo/haircut-machine-scissors_23-2147736989.jpg", imageAlt: "Barber cutting hair with scissors"},
|
||||
{
|
||||
title: "Traditional Shaves",
|
||||
description: "Experience the luxury of a hot towel shave, meticulously performed with a straight razor for the smoothest finish.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/collar-rake_23-2147799915.jpg",
|
||||
imageAlt: "Man receiving a hot towel shave",
|
||||
},
|
||||
title: "Traditional Shaves", description: "Experience the luxury of a hot towel shave, meticulously performed with a straight razor for the smoothest finish.", imageSrc: "http://img.b2bpic.net/free-photo/collar-rake_23-2147799915.jpg", imageAlt: "Man receiving a hot towel shave"},
|
||||
{
|
||||
title: "Beard Trims & Styling",
|
||||
description: "Keep your beard looking its best with our professional trimming, shaping, and conditioning services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-cutting-her-own-hair_23-2148817186.jpg",
|
||||
imageAlt: "Man getting beard styled",
|
||||
},
|
||||
title: "Beard Trims & Styling", description: "Keep your beard looking its best with our professional trimming, shaping, and conditioning services.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-cutting-her-own-hair_23-2148817186.jpg", imageAlt: "Man getting beard styled"},
|
||||
]}
|
||||
title="Signature Services for a Refined Look"
|
||||
description="From classic cuts to contemporary styles, our services are tailored to meet your unique preferences and enhance your natural look."
|
||||
@@ -167,29 +120,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "sarah",
|
||||
name: "Sarah Cho",
|
||||
role: "Master Barber & Owner",
|
||||
description: "With over a decade of experience, Sarah combines artistry with precision to deliver exceptional haircuts and a warm, welcoming experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-young-smiling-happy-male-hairdesser-wearing-gray-apron-holding-scissor-comb-pastel-blue-color-surface_140725-154474.jpg",
|
||||
imageAlt: "Portrait of Sarah Cho",
|
||||
},
|
||||
id: "sarah", name: "Sarah Cho", role: "Master Barber & Owner", description: "With over a decade of experience, Sarah combines artistry with precision to deliver exceptional haircuts and a warm, welcoming experience.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-young-smiling-happy-male-hairdesser-wearing-gray-apron-holding-scissor-comb-pastel-blue-color-surface_140725-154474.jpg", imageAlt: "Portrait of Sarah Cho"},
|
||||
{
|
||||
id: "matt",
|
||||
name: "Matt Johnson",
|
||||
role: "Senior Barber",
|
||||
description: "Matt is known for his keen eye for detail and friendly demeanor, ensuring every client leaves with a sharp look and a smile.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg",
|
||||
imageAlt: "Portrait of Matt Johnson",
|
||||
},
|
||||
id: "matt", name: "Matt Johnson", role: "Senior Barber", description: "Matt is known for his keen eye for detail and friendly demeanor, ensuring every client leaves with a sharp look and a smile.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg", imageAlt: "Portrait of Matt Johnson"},
|
||||
{
|
||||
id: "david",
|
||||
name: "David Lee",
|
||||
role: "Apprentice Barber",
|
||||
description: "David is passionate about the craft, dedicated to learning and perfecting his skills under Sarah's guidance, bringing fresh energy to the team.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-jacket-grey-background_613910-10206.jpg",
|
||||
imageAlt: "Portrait of David Lee",
|
||||
},
|
||||
id: "david", name: "David Lee", role: "Apprentice Barber", description: "David is passionate about the craft, dedicated to learning and perfecting his skills under Sarah's guidance, bringing fresh energy to the team.", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-jacket-grey-background_613910-10206.jpg", imageAlt: "Portrait of David Lee"},
|
||||
]}
|
||||
title="Skilled Hands, Friendly Faces"
|
||||
description="Our team of passionate barbers, led by Sarah Cho, brings years of experience and a genuine commitment to client satisfaction. We love what we do, and it shows in every cut."
|
||||
@@ -204,45 +139,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus Lewis",
|
||||
role: "Loyal Client",
|
||||
testimonial: "Sarah is great. Easy to schedule online. Always a quality haircut, fast and efficient. I highly recommend Sarah.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-man_1098-14096.jpg",
|
||||
imageAlt: "Portrait of Marcus Lewis",
|
||||
},
|
||||
id: "1", name: "Marcus Lewis", role: "Loyal Client", testimonial: "Sarah is great. Easy to schedule online. Always a quality haircut, fast and efficient. I highly recommend Sarah.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-man_1098-14096.jpg", imageAlt: "Portrait of Marcus Lewis"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Christopher Simmons",
|
||||
role: "Loyal Client",
|
||||
testimonial: "Sarah's a wonderful barber. Highly recommend! I keep getting lots of compliments on my haircuts since I've started going to her.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-getting-haircut_23-2149220536.jpg",
|
||||
imageAlt: "Portrait of Christopher Simmons",
|
||||
},
|
||||
id: "2", name: "Christopher Simmons", role: "Loyal Client", testimonial: "Sarah's a wonderful barber. Highly recommend! I keep getting lots of compliments on my haircuts since I've started going to her.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-young-man-getting-haircut_23-2149220536.jpg", imageAlt: "Portrait of Christopher Simmons"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Gene",
|
||||
role: "Loyal Client",
|
||||
testimonial: "I’ve been getting my hair cut here for nearly a year and have never had a bad experience. Sarah and Matt are both welcoming and funny, and excellent at their craft. The prices are very reasonable as well and the shop’s vibes are very cozy and comfortable. Would recommend to anybody of any age.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg",
|
||||
imageAlt: "Portrait of Gene",
|
||||
},
|
||||
id: "3", name: "Gene", role: "Loyal Client", testimonial: "I’ve been getting my hair cut here for nearly a year and have never had a bad experience. Sarah and Matt are both welcoming and funny, and excellent at their craft. The prices are very reasonable as well and the shop’s vibes are very cozy and comfortable. Would recommend to anybody of any age.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-blond-bearded-male-dressed-black-leather-jacket_613910-11927.jpg", imageAlt: "Portrait of Gene"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Ari Sabouri",
|
||||
role: "Loyal Client",
|
||||
testimonial: "I can’t recommend her enough! Her professionalism and skill are top-notch. She really listens to what you want and makes sure you leave her chair looking and feeling your best. Plus, she creates such a warm and welcoming atmosphere.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing_158538-15003.jpg",
|
||||
imageAlt: "Portrait of Ari Sabouri",
|
||||
},
|
||||
id: "4", name: "Ari Sabouri", role: "Loyal Client", testimonial: "I can’t recommend her enough! Her professionalism and skill are top-notch. She really listens to what you want and makes sure you leave her chair looking and feeling your best. Plus, she creates such a warm and welcoming atmosphere.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-hipster-model-man-stylish-summer-clothes-posing_158538-15003.jpg", imageAlt: "Portrait of Ari Sabouri"},
|
||||
{
|
||||
id: "5",
|
||||
name: "David Kunert",
|
||||
role: "New Client",
|
||||
testimonial: "I got my first haircut by Miss Cho this week, and I am really happy to have discovered her. Sarah's work is substantially better than anyone else I’ve had cut my hair.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-3659.jpg",
|
||||
imageAlt: "Portrait of David Kunert",
|
||||
},
|
||||
id: "5", name: "David Kunert", role: "New Client", testimonial: "I got my first haircut by Miss Cho this week, and I am really happy to have discovered her. Sarah's work is substantially better than anyone else I’ve had cut my hair.", imageSrc: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-3659.jpg", imageAlt: "Portrait of David Kunert"},
|
||||
]}
|
||||
title="Hear It From Our Happy Clients"
|
||||
description="Our commitment to excellence shines through in every review. We're proud to have built a loyal community of clients who trust us with their style."
|
||||
@@ -257,63 +162,30 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic-cut",
|
||||
badge: "Standard",
|
||||
price: "$35",
|
||||
subtitle: "Essential Haircut",
|
||||
buttons: [
|
||||
id: "basic-cut", badge: "Standard", price: "$35", subtitle: "Essential Haircut", buttons: [
|
||||
{
|
||||
text: "Book Basic",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Basic", href: "/booking"},
|
||||
],
|
||||
features: [
|
||||
"Precision Haircut",
|
||||
"Hot Lather Neck Shave",
|
||||
"Styling Product Finish",
|
||||
"Consultation Included",
|
||||
],
|
||||
"Precision Haircut", "Hot Lather Neck Shave", "Styling Product Finish", "Consultation Included"],
|
||||
},
|
||||
{
|
||||
id: "signature-cut",
|
||||
badge: "Popular",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$50",
|
||||
subtitle: "Full Grooming Experience",
|
||||
buttons: [
|
||||
id: "signature-cut", badge: "Popular", badgeIcon: Sparkles,
|
||||
price: "$50", subtitle: "Full Grooming Experience", buttons: [
|
||||
{
|
||||
text: "Book Signature",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Signature", href: "/booking"},
|
||||
],
|
||||
features: [
|
||||
"Precision Haircut",
|
||||
"Hot Towel Straight Razor Shave",
|
||||
"Beard Trim & Shape",
|
||||
"Scalp Massage",
|
||||
"Styling Product Finish",
|
||||
],
|
||||
"Precision Haircut", "Hot Towel Straight Razor Shave", "Beard Trim & Shape", "Scalp Massage", "Styling Product Finish"],
|
||||
},
|
||||
{
|
||||
id: "deluxe-package",
|
||||
badge: "Premium",
|
||||
badgeIcon: Star,
|
||||
price: "$75",
|
||||
subtitle: "Ultimate Pampering",
|
||||
buttons: [
|
||||
id: "deluxe-package", badge: "Premium", badgeIcon: Star,
|
||||
price: "$75", subtitle: "Ultimate Pampering", buttons: [
|
||||
{
|
||||
text: "Book Deluxe",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Deluxe", href: "/booking"},
|
||||
],
|
||||
features: [
|
||||
"Precision Haircut",
|
||||
"Hot Towel Straight Razor Shave",
|
||||
"Beard Trim & Shape",
|
||||
"Scalp Treatment & Massage",
|
||||
"Facial Cleansing & Moisturizing",
|
||||
"Premium Styling Product Finish",
|
||||
],
|
||||
"Precision Haircut", "Hot Towel Straight Razor Shave", "Beard Trim & Shape", "Scalp Treatment & Massage", "Facial Cleansing & Moisturizing", "Premium Styling Product Finish"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing for Premium Service"
|
||||
@@ -327,14 +199,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Google Reviews: 4.9 Stars",
|
||||
"160+ Happy Clients",
|
||||
"Local Business Award",
|
||||
"Community Favorite Barbershop",
|
||||
"Top Rated Service",
|
||||
"Highly Recommended by Locals",
|
||||
"Consistent Quality & Care",
|
||||
]}
|
||||
"Google Reviews: 4.9 Stars", "160+ Happy Clients", "Local Business Award", "Community Favorite Barbershop", "Top Rated Service", "Highly Recommended by Locals", "Consistent Quality & Care"]}
|
||||
title="Trusted by the Community"
|
||||
description="With a 4.9-star rating and over 160 glowing reviews, Sarah Cho's Barbershop is a beloved establishment known for its consistent quality and welcoming atmosphere."
|
||||
tag="Our Reputation"
|
||||
@@ -345,16 +210,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Book Your Appointment"
|
||||
title="Ready for Your Best Haircut Yet?"
|
||||
description="Schedule your next visit with Sarah Cho's Barbershop today and discover the difference personalized care and expert styling can make. We look forward to welcoming you!"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "https://example.com/booking",
|
||||
},
|
||||
text: "Book Now", href: "/booking"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -363,67 +225,41 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Precision Haircuts",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Precision Haircuts", href: "#services"},
|
||||
{
|
||||
label: "Traditional Shaves",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Traditional Shaves", href: "#services"},
|
||||
{
|
||||
label: "Beard Trims",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Beard Trims", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "About Us",
|
||||
items: [
|
||||
title: "About Us", items: [
|
||||
{
|
||||
label: "Our Story",
|
||||
href: "#about",
|
||||
},
|
||||
label: "Our Story", href: "#about"},
|
||||
{
|
||||
label: "Meet the Team",
|
||||
href: "#team",
|
||||
},
|
||||
label: "Meet the Team", href: "#team"},
|
||||
{
|
||||
label: "Client Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Client Reviews", href: "#testimonials"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "https://example.com/booking",
|
||||
},
|
||||
label: "Book Now", href: "/booking"},
|
||||
{
|
||||
label: "Location",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Location", href: "/booking"},
|
||||
{
|
||||
label: "Email Us",
|
||||
href: "mailto:info@sarahchobarbershop.com",
|
||||
},
|
||||
label: "Email Us", href: "mailto:info@sarahchobarbershop.com"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us",
|
||||
items: [
|
||||
title: "Follow Us", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com/sarahchobarbershop",
|
||||
},
|
||||
label: "Instagram", href: "https://instagram.com/sarahchobarbershop"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://facebook.com/sarahchobarbershop",
|
||||
},
|
||||
label: "Facebook", href: "https://facebook.com/sarahchobarbershop"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -436,4 +272,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user