Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 83b39a4008 | |||
| 92753f7293 | |||
| ea69000d4e | |||
| c4de481581 | |||
| abbe7402d8 | |||
| 7422e02b1e | |||
| 1330018473 | |||
| 949cbf415b |
@@ -4,7 +4,6 @@ import { Inter } from "next/font/google";
|
|||||||
import "./globals.css";
|
import "./globals.css";
|
||||||
import "@/lib/gsap-setup";
|
import "@/lib/gsap-setup";
|
||||||
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||||
import Tag from "@/tag/Tag";
|
|
||||||
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
import { getVisualEditScript } from "@/utils/visual-edit-script";
|
||||||
import { Mulish } from "next/font/google";
|
import { Mulish } from "next/font/google";
|
||||||
|
|
||||||
@@ -55,7 +54,7 @@ export default function RootLayout({
|
|||||||
<html lang="en" suppressHydrationWarning>
|
<html lang="en" suppressHydrationWarning>
|
||||||
<ServiceWrapper>
|
<ServiceWrapper>
|
||||||
<body className={`${mulish.variable} antialiased`}>
|
<body className={`${mulish.variable} antialiased`}>
|
||||||
<Tag />
|
|
||||||
{children}
|
{children}
|
||||||
<script
|
<script
|
||||||
dangerouslySetInnerHTML={{
|
dangerouslySetInnerHTML={{
|
||||||
|
|||||||
343
src/app/page.tsx
343
src/app/page.tsx
@@ -33,33 +33,19 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
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: "Why Us",
|
name: "Why Us", id: "#why-us"},
|
||||||
id: "#why-us",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Reviews",
|
name: "Reviews", id: "#reviews"},
|
||||||
id: "#reviews",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Booking",
|
name: "Booking", id: "#booking"},
|
||||||
id: "#booking",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact-info"},
|
||||||
id: "#contact-info",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=76qqiw"
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=76qqiw"
|
||||||
logoAlt="Deluxe Barbers Logo"
|
logoAlt="Deluxe Barbers Logo"
|
||||||
@@ -67,60 +53,35 @@ export default function LandingPage() {
|
|||||||
bottomLeftText="Precision Cuts"
|
bottomLeftText="Precision Cuts"
|
||||||
bottomRightText="Premium Service"
|
bottomRightText="Premium Service"
|
||||||
button={{
|
button={{
|
||||||
text: "Book Now",
|
text: "Book Now", href: "#booking"}}
|
||||||
href: "#booking",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="home" data-section="home">
|
<div id="home" data-section="home">
|
||||||
<HeroBillboardRotatedCarousel
|
<HeroBillboardRotatedCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "rotated-rays-static-grid",
|
variant: "rotated-rays-static-grid"}}
|
||||||
}}
|
|
||||||
title="Deluxe Barbers – Precision Cuts, Premium Service"
|
title="Deluxe Barbers – Precision Cuts, Premium Service"
|
||||||
description="Experience expert barbering, modern styles, and traditional craftsmanship."
|
description="Experience expert barbering, modern styles, and traditional craftsmanship."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Book an Appointment",
|
text: "Book an Appointment", href: "https://booksy.com/en-gb/28915_delux-barbers_barber_234686_st-albans?rwg_token=AFd1xnHel83pCOdvAdFoI4kMOlCsiE8KU1-ut_hk2uFUgopHb_1TUsaUa62gF8bJwMBhL3rFR-iZBfMADSXffQu3DePlrTVMig%3D%3DLOCKED_SELECTION"},
|
||||||
href: "#booking",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Call Now",
|
text: "Call Now", href: "tel:+441727569459"},
|
||||||
href: "tel:+441727569459",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
carouselItems={[
|
carouselItems={[
|
||||||
{
|
{
|
||||||
id: "hero-item-1",
|
id: "hero-item-1", imageSrc: "http://img.b2bpic.net/free-photo/barber-corrects-guy-s-beard_140725-7665.jpg", imageAlt: "Barber giving a precision haircut to a client"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-corrects-guy-s-beard_140725-7665.jpg",
|
|
||||||
imageAlt: "Barber giving a precision haircut to a client",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "hero-item-2",
|
id: "hero-item-2", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668469.jpg", imageAlt: "Client enjoying a relaxing hot towel shave"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668469.jpg",
|
|
||||||
imageAlt: "Client enjoying a relaxing hot towel shave",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "hero-item-3",
|
id: "hero-item-3", imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg", imageAlt: "Barber meticulously trimming a client's beard"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-shaving-neck-customer_23-2147778915.jpg",
|
|
||||||
imageAlt: "Barber meticulously trimming a client's beard",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "hero-item-4",
|
id: "hero-item-4", imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg", imageAlt: "Modern and luxurious interior of Deluxe Barbers"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg",
|
|
||||||
imageAlt: "Modern and luxurious interior of Deluxe Barbers",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "hero-item-5",
|
id: "hero-item-5", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150668459.jpg", imageAlt: "Barber performing a sharp skin fade with clippers"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-getting-haircut_23-2150668459.jpg",
|
|
||||||
imageAlt: "Barber performing a sharp skin fade with clippers",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "hero-item-6",
|
id: "hero-item-6", imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg", imageAlt: "Satisfied client admiring his fresh haircut in the mirror"},
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462476.jpg",
|
|
||||||
imageAlt: "Satisfied client admiring his fresh haircut in the mirror",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
autoPlay={true}
|
autoPlay={true}
|
||||||
autoPlayInterval={4000}
|
autoPlayInterval={4000}
|
||||||
@@ -144,40 +105,19 @@ export default function LandingPage() {
|
|||||||
description="Explore our curated range of services, from timeless cuts to modern grooming, all delivered with meticulous attention to detail."
|
description="Explore our curated range of services, from timeless cuts to modern grooming, all delivered with meticulous attention to detail."
|
||||||
accordionItems={[
|
accordionItems={[
|
||||||
{
|
{
|
||||||
id: "service-1",
|
id: "service-1", title: "Classic Haircut", content: "A timeless cut tailored to your personal style, ensuring a sharp and polished finish."},
|
||||||
title: "Classic Haircut",
|
|
||||||
content: "A timeless cut tailored to your personal style, ensuring a sharp and polished finish.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "service-2",
|
id: "service-2", title: "Skin Fade", content: "Achieve a sleek, modern look with our precision skin fades, perfectly blended for a clean transition."},
|
||||||
title: "Skin Fade",
|
|
||||||
content: "Achieve a sleek, modern look with our precision skin fades, perfectly blended for a clean transition.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "service-3",
|
id: "service-3", title: "Beard Trim & Shape Up", content: "Expert grooming to sculpt and refine your beard, enhancing your facial features with a sharp outline."},
|
||||||
title: "Beard Trim & Shape Up",
|
|
||||||
content: "Expert grooming to sculpt and refine your beard, enhancing your facial features with a sharp outline.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "service-4",
|
id: "service-4", title: "Hot Towel Shave", content: "Indulge in the ultimate traditional shaving experience for incredibly smooth and refreshed skin."},
|
||||||
title: "Hot Towel Shave",
|
|
||||||
content: "Indulge in the ultimate traditional shaving experience for incredibly smooth and refreshed skin.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "service-5",
|
id: "service-5", title: "Hair Styling", content: "Professional styling services to complement your fresh cut, ensuring you leave with the perfect finish."},
|
||||||
title: "Hair Styling",
|
|
||||||
content: "Professional styling services to complement your fresh cut, ensuring you leave with the perfect finish.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "service-6",
|
id: "service-6", title: "Kids Haircuts", content: "Stylish and comfortable haircuts for our younger gentlemen, ensuring they look sharp and feel confident."},
|
||||||
title: "Kids Haircuts",
|
|
||||||
content: "Stylish and comfortable haircuts for our younger gentlemen, ensuring they look sharp and feel confident.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "service-7",
|
id: "service-7", title: "Premium Grooming Packages", content: "Discover our exclusive packages that combine multiple services for a complete deluxe grooming experience."},
|
||||||
title: "Premium Grooming Packages",
|
|
||||||
content: "Discover our exclusive packages that combine multiple services for a complete deluxe grooming experience.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122054.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122054.jpg"
|
||||||
imageAlt="Close up of barber shaving a client with a straight razor"
|
imageAlt="Close up of barber shaving a client with a straight razor"
|
||||||
@@ -194,46 +134,22 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "metric-1",
|
id: "metric-1", value: "10+", title: "Experienced Barbers", description: "Our team consists of highly skilled and seasoned professionals dedicated to their craft.", icon: Scissors,
|
||||||
value: "10+",
|
|
||||||
title: "Experienced Barbers",
|
|
||||||
description: "Our team consists of highly skilled and seasoned professionals dedicated to their craft.",
|
|
||||||
icon: Scissors,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "metric-2",
|
id: "metric-2", value: "Top-tier", title: "Premium Products", description: "We use only the finest grooming products to ensure superior results and hair health.", icon: Droplet,
|
||||||
value: "Top-tier",
|
|
||||||
title: "Premium Products",
|
|
||||||
description: "We use only the finest grooming products to ensure superior results and hair health.",
|
|
||||||
icon: Droplet,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "metric-3",
|
id: "metric-3", value: "5-Star", title: "Relaxing Atmosphere", description: "Enjoy a comfortable and welcoming environment designed for your ultimate relaxation.", icon: Coffee,
|
||||||
value: "5-Star",
|
|
||||||
title: "Relaxing Atmosphere",
|
|
||||||
description: "Enjoy a comfortable and welcoming environment designed for your ultimate relaxation.",
|
|
||||||
icon: Coffee,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "metric-4",
|
id: "metric-4", value: "Central", title: "Convenient Location", description: "Easily accessible in St Albans, making your visit hassle-free.", icon: MapPin,
|
||||||
value: "Central",
|
|
||||||
title: "Convenient Location",
|
|
||||||
description: "Easily accessible in St Albans, making your visit hassle-free.",
|
|
||||||
icon: MapPin,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "metric-5",
|
id: "metric-5", value: "100%", title: "Customer Satisfaction", description: "Our commitment to quality ensures every client leaves looking and feeling their best.", icon: Star,
|
||||||
value: "100%",
|
|
||||||
title: "Customer Satisfaction",
|
|
||||||
description: "Our commitment to quality ensures every client leaves looking and feeling their best.",
|
|
||||||
icon: Star,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "metric-6",
|
id: "metric-6", value: "Flexible", title: "Booking Options", description: "Walk-ins are welcome, and online booking is available for your convenience.", icon: CalendarCheck,
|
||||||
value: "Flexible",
|
|
||||||
title: "Booking Options",
|
|
||||||
description: "Walk-ins are welcome, and online booking is available for your convenience.",
|
|
||||||
icon: CalendarCheck,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Why Deluxe Barbers Stands Apart"
|
title="Why Deluxe Barbers Stands Apart"
|
||||||
@@ -250,45 +166,20 @@ export default function LandingPage() {
|
|||||||
carouselMode="buttons"
|
carouselMode="buttons"
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "test-1",
|
id: "test-1", name: "James R.", role: "Regular Client", company: "St Albans", rating: 5,
|
||||||
name: "James R.",
|
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg"},
|
||||||
role: "Regular Client",
|
|
||||||
company: "St Albans",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "test-2",
|
id: "test-2", name: "Michael T.", role: "Local Resident", company: "St Albans", rating: 5,
|
||||||
name: "Michael T.",
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-bearded-man-with-white-smile-standing-casual-clothes-white-background_176420-50111.jpg"},
|
||||||
role: "Local Resident",
|
|
||||||
company: "St Albans",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-happy-bearded-man-with-white-smile-standing-casual-clothes-white-background_176420-50111.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "test-3",
|
id: "test-3", name: "David S.", role: "Business Professional", company: "Hertfordshire", rating: 5,
|
||||||
name: "David S.",
|
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-wearing-suit-bow-tie_613910-2006.jpg"},
|
||||||
role: "Business Professional",
|
|
||||||
company: "Hertfordshire",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-bearded-male-wearing-suit-bow-tie_613910-2006.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "test-4",
|
id: "test-4", name: "Chris W.", role: "New Customer", company: "St Albans", rating: 5,
|
||||||
name: "Chris W.",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-indian-male-dressed-winter-jacket-grey-background_613910-1698.jpg"},
|
||||||
role: "New Customer",
|
|
||||||
company: "St Albans",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-indian-male-dressed-winter-jacket-grey-background_613910-1698.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "test-5",
|
id: "test-5", name: "Robert L.", role: "Loyal Patron", company: "Hertfordshire", rating: 5,
|
||||||
name: "Robert L.",
|
imageSrc: "http://img.b2bpic.net/free-photo/portait-handsome-european-elderly-man-smiles-positively-enjoys-retirement-wears-shirt-spectacles-has-perfect-white-teeth-isolated-beige-studio-wall_273609-44196.jpg"},
|
||||||
role: "Loyal Patron",
|
|
||||||
company: "Hertfordshire",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portait-handsome-european-elderly-man-smiles-positively-enjoys-retirement-wears-shirt-spectacles-has-perfect-white-teeth-isolated-beige-studio-wall_273609-44196.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Our Valued Clients Speak"
|
title="Our Valued Clients Speak"
|
||||||
description="See why Deluxe Barbers is the preferred choice for discerning gentlemen seeking exceptional grooming."
|
description="See why Deluxe Barbers is the preferred choice for discerning gentlemen seeking exceptional grooming."
|
||||||
@@ -303,62 +194,34 @@ export default function LandingPage() {
|
|||||||
carouselMode="buttons"
|
carouselMode="buttons"
|
||||||
plans={[
|
plans={[
|
||||||
{
|
{
|
||||||
id: "plan-1",
|
id: "plan-1", badge: "Popular", badgeIcon: Sparkles,
|
||||||
badge: "Popular",
|
price: "£35", subtitle: "The Classic Gentleman", buttons: [
|
||||||
badgeIcon: Sparkles,
|
|
||||||
price: "£35",
|
|
||||||
subtitle: "The Classic Gentleman",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Book Now",
|
text: "Book Now", href: "#contact-info"},
|
||||||
href: "#contact-info",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"Classic Haircut",
|
"Classic Haircut", "Precision Styling", "Complimentary Drink"],
|
||||||
"Precision Styling",
|
|
||||||
"Complimentary Drink",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "plan-2",
|
id: "plan-2", badge: "Signature", badgeIcon: Star,
|
||||||
badge: "Signature",
|
price: "£50", subtitle: "The Modern Edge", buttons: [
|
||||||
badgeIcon: Star,
|
|
||||||
price: "£50",
|
|
||||||
subtitle: "The Modern Edge",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Book Now",
|
text: "Book Now", href: "#contact-info"},
|
||||||
href: "#contact-info",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"Skin Fade or Modern Cut",
|
"Skin Fade or Modern Cut", "Beard Trim & Shape Up", "Premium Hair Product"],
|
||||||
"Beard Trim & Shape Up",
|
|
||||||
"Premium Hair Product",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "plan-3",
|
id: "plan-3", badge: "Ultimate", badgeIcon: Award,
|
||||||
badge: "Ultimate",
|
price: "£75", subtitle: "The Full Deluxe", buttons: [
|
||||||
badgeIcon: Award,
|
|
||||||
price: "£75",
|
|
||||||
subtitle: "The Full Deluxe",
|
|
||||||
buttons: [
|
|
||||||
{
|
{
|
||||||
text: "Book Now",
|
text: "Book Now", href: "#contact-info"},
|
||||||
href: "#contact-info",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
features: [
|
features: [
|
||||||
"Signature Haircut",
|
"Signature Haircut", "Hot Towel Shave", "Beard Grooming", "Facial Treatment"],
|
||||||
"Hot Towel Shave",
|
|
||||||
"Beard Grooming",
|
|
||||||
"Facial Treatment",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Book Your Deluxe Grooming Experience"
|
title="Booksy Link for Prices"
|
||||||
description="Select your preferred service package, pick your barber, and choose a convenient date and time. Instant confirmation awaits!"
|
description="Select your preferred service package, pick your barber, and choose a convenient date and time. Instant confirmation awaits!"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -369,40 +232,19 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "hour-1",
|
id: "hour-1", title: "Monday", content: "9:00 AM – 7:00 PM"},
|
||||||
title: "Monday",
|
|
||||||
content: "9:00 AM – 7:00 PM",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "hour-2",
|
id: "hour-2", title: "Tuesday", content: "9:00 AM – 7:00 PM"},
|
||||||
title: "Tuesday",
|
|
||||||
content: "9:00 AM – 7:00 PM",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "hour-3",
|
id: "hour-3", title: "Wednesday", content: "9:00 AM – 7:00 PM"},
|
||||||
title: "Wednesday",
|
|
||||||
content: "9:00 AM – 7:00 PM",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "hour-4",
|
id: "hour-4", title: "Thursday", content: "9:00 AM – 7:00 PM"},
|
||||||
title: "Thursday",
|
|
||||||
content: "9:00 AM – 7:00 PM",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "hour-5",
|
id: "hour-5", title: "Friday", content: "9:00 AM – 7:00 PM"},
|
||||||
title: "Friday",
|
|
||||||
content: "9:00 AM – 7:00 PM",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "hour-6",
|
id: "hour-6", title: "Saturday", content: "8:00 AM – 6:00 PM"},
|
||||||
title: "Saturday",
|
|
||||||
content: "8:00 AM – 6:00 PM",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "hour-7",
|
id: "hour-7", title: "Sunday", content: "Closed"},
|
||||||
title: "Sunday",
|
|
||||||
content: "Closed",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/finding-out-shortest-way-back_329181-13761.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/finding-out-shortest-way-back_329181-13761.jpg"
|
||||||
imageAlt="Google Map showing Deluxe Barbers location at 114 London Rd, St Albans"
|
imageAlt="Google Map showing Deluxe Barbers location at 114 London Rd, St Albans"
|
||||||
@@ -412,13 +254,9 @@ export default function LandingPage() {
|
|||||||
description="We're conveniently located in the heart of St Albans. Drop by, call us, or use our online booking for any inquiries."
|
description="We're conveniently located in the heart of St Albans. Drop by, call us, or use our online booking for any inquiries."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Call Us: +44 1727 569459",
|
text: "Call Us: +44 1727 569459", href: "tel:+441727569459"},
|
||||||
href: "tel:+441727569459",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
text: "Get Directions",
|
text: "Get Directions", href: "https://www.google.com/maps/search/114+London+Rd,+St+Albans+AL1+1NX,+United+Kingdom"},
|
||||||
href: "https://www.google.com/maps/search/114+London+Rd,+St+Albans+AL1+1NX,+United+Kingdom",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
faqsAnimation="slide-up"
|
faqsAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -428,8 +266,7 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "rotated-rays-static-grid",
|
variant: "rotated-rays-static-grid"}}
|
||||||
}}
|
|
||||||
tag="Stay Connected"
|
tag="Stay Connected"
|
||||||
title="Join the Deluxe Barbers Community"
|
title="Join the Deluxe Barbers Community"
|
||||||
description="Sign up for exclusive offers, grooming tips, and updates from Deluxe Barbers. We respect your privacy and will never spam you."
|
description="Sign up for exclusive offers, grooming tips, and updates from Deluxe Barbers. We respect your privacy and will never spam you."
|
||||||
@@ -447,69 +284,43 @@ export default function LandingPage() {
|
|||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Home",
|
label: "Home", href: "#home"},
|
||||||
href: "#home",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "About Us",
|
label: "About Us", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Services",
|
label: "Services", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Book Now",
|
label: "Book Now", href: "#booking"},
|
||||||
href: "#booking",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Phone: +44 1727 569459",
|
label: "Phone: +44 1727 569459", href: "tel:+441727569459"},
|
||||||
href: "tel:+441727569459",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Address: 114 London Rd, St Albans AL1 1NX",
|
label: "Address: 114 London Rd, St Albans AL1 1NX", href: "https://www.google.com/maps/search/114+London+Rd,+St+Albans+AL1+1NX,+United+Kingdom"},
|
||||||
href: "https://www.google.com/maps/search/114+London+Rd,+St+Albans+AL1+1NX,+United+Kingdom",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Email: info@deluxebarbers.co.uk",
|
label: "Email: info@deluxebarbers.co.uk", href: "mailto:info@deluxebarbers.co.uk"},
|
||||||
href: "mailto:info@deluxebarbers.co.uk",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Mon-Fri: 9 AM - 7 PM",
|
label: "Mon-Fri: 9 AM - 7 PM", href: "#contact-info"},
|
||||||
href: "#contact-info",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Sat: 8 AM - 6 PM",
|
label: "Sat: 8 AM - 6 PM", href: "#contact-info"},
|
||||||
href: "#contact-info",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Sun: Closed",
|
label: "Sun: Closed", href: "#contact-info"},
|
||||||
href: "#contact-info",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Instagram",
|
label: "Instagram", href: "https://instagram.com/deluxebarbers"},
|
||||||
href: "https://instagram.com/deluxebarbers",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Facebook",
|
label: "Facebook", href: "https://facebook.com/deluxebarbers"},
|
||||||
href: "https://facebook.com/deluxebarbers",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "TikTok",
|
label: "TikTok", href: "https://tiktok.com/@deluxebarbers"},
|
||||||
href: "https://tiktok.com/@deluxebarbers",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
@@ -519,4 +330,4 @@ export default function LandingPage() {
|
|||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user