Merge version_1 into main #2
@@ -26,34 +26,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
name: "Gallery", id: "/gallery"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/#reviews",
|
||||
},
|
||||
name: "Reviews", id: "/#reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "/booking",
|
||||
}}
|
||||
text: "Book Now", href: "/booking"}}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mvbpcf"
|
||||
logoAlt="Four County Barber Shop Logo"
|
||||
brandName="Four County Barber Shop"
|
||||
@@ -65,11 +51,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Our Story & Commitment to Community",
|
||||
},
|
||||
type: "text", content: "Our Story & Commitment to Community"},
|
||||
]}
|
||||
description="Four County Barber Shop has been a staple in the Mt. Airy community, built on a foundation of quality craftsmanship and genuine customer care. We believe in more than just haircuts; we're about building relationships, fostering a sense of belonging, and providing a space where everyone feels at home. Our values of professionalism, precision, and personalized service guide every snip and shave."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-wondering-young-barber-wearing-gray-apron-holding-comb-his-head-showing-scissor-showing-five-blue-color-background_140725-155139.jpg"
|
||||
imageAlt="Vintage barbershop storefront"
|
||||
/>
|
||||
@@ -82,36 +65,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "barbers",
|
||||
groupTitle: "The Four County Crew",
|
||||
members: [
|
||||
id: "barbers", groupTitle: "The Four County Crew", members: [
|
||||
{
|
||||
id: "barber-1",
|
||||
title: "John Doe",
|
||||
subtitle: "Master Barber",
|
||||
detail: "With over 20 years of experience, John is a master of classic cuts and modern styles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-slavic-middle-aged-male-barber-uniform-holding-scissors-crossing-hands-isolated-purple-wall_141793-83015.jpg",
|
||||
imageAlt: "Portrait of John Doe, Master Barber",
|
||||
},
|
||||
id: "barber-1", title: "John Doe", subtitle: "Master Barber", detail: "With over 20 years of experience, John is a master of classic cuts and modern styles.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-slavic-middle-aged-male-barber-uniform-holding-scissors-crossing-hands-isolated-purple-wall_141793-83015.jpg", imageAlt: "Portrait of John Doe, Master Barber"},
|
||||
{
|
||||
id: "barber-2",
|
||||
title: "Jane Smith",
|
||||
subtitle: "Lead Stylist",
|
||||
detail: "Jane specializes in fades, beard shaping, and creating personalized looks for every client.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167464.jpg",
|
||||
imageAlt: "Portrait of Jane Smith, Lead Stylist",
|
||||
},
|
||||
id: "barber-2", title: "Jane Smith", subtitle: "Lead Stylist", detail: "Jane specializes in fades, beard shaping, and creating personalized looks for every client.", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-new-look-barber-shop_23-2149167464.jpg", imageAlt: "Portrait of Jane Smith, Lead Stylist"},
|
||||
{
|
||||
id: "barber-3",
|
||||
title: "Mike Brown",
|
||||
subtitle: "Grooming Expert",
|
||||
detail: "Mike is known for his precision with straight razor shaves and making every child's haircut a fun experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-male-barbers-looking-camera_23-2147839857.jpg",
|
||||
imageAlt: "Portrait of Mike Brown, Grooming Expert",
|
||||
},
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mvbpcf",
|
||||
imageAlt: "friendly male barber portrait smiling",
|
||||
id: "barber-3", title: "Mike Brown", subtitle: "Grooming Expert", detail: "Mike is known for his precision with straight razor shaves and making every child's haircut a fun experience.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-two-male-barbers-looking-camera_23-2147839857.jpg", imageAlt: "Portrait of Mike Brown, Grooming Expert"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Meet Our Skilled Barbers"
|
||||
@@ -121,69 +82,44 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg"
|
||||
imageAlt="Barbershop interior"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mvbpcf"
|
||||
logoAlt="Four County Barber Shop Logo"
|
||||
logoText="Four County Barber Shop"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
label: "Gallery", href: "/gallery"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/#reviews",
|
||||
},
|
||||
label: "Reviews", href: "/#reviews"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "230 S Main St",
|
||||
href: "https://www.google.com/maps/dir/?api=1&destination=230%20S%20Main%20St%2C%20Mt.%20Airy%2C%20MD%2021771",
|
||||
},
|
||||
label: "230 S Main St", href: "https://www.google.com/maps/dir/?api=1&destination=230%20S%20Main%20St%2C%20Mt.%20Airy%2C%20MD%2021771"},
|
||||
{
|
||||
label: "Mt. Airy, MD 21771",
|
||||
href: "https://www.google.com/maps/dir/?api=1&destination=230%20S%20Main%20St%2C%20Mt.%20Airy%2C%20MD%2021771",
|
||||
},
|
||||
label: "Mt. Airy, MD 21771", href: "https://www.google.com/maps/dir/?api=1&destination=230%20S%20Main%20St%2C%20Mt.%20Airy%2C%20MD%2021771"},
|
||||
{
|
||||
label: "(240) 732-9021",
|
||||
href: "tel:2407329021",
|
||||
},
|
||||
label: "(240) 732-9021", href: "tel:2407329021"},
|
||||
{
|
||||
label: "Open until 5:30 PM",
|
||||
href: "#",
|
||||
},
|
||||
label: "Open until 5:30 PM", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us",
|
||||
items: [
|
||||
title: "Follow Us", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#instagram",
|
||||
},
|
||||
label: "Instagram", href: "#instagram"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#facebook",
|
||||
},
|
||||
label: "Facebook", href: "#facebook"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -26,34 +26,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
name: "Gallery", id: "/gallery"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/#reviews",
|
||||
},
|
||||
name: "Reviews", id: "/#reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "/booking",
|
||||
}}
|
||||
text: "Book Now", href: "/booking"}}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mvbpcf"
|
||||
logoAlt="Four County Barber Shop Logo"
|
||||
brandName="Four County Barber Shop"
|
||||
@@ -67,40 +53,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "easy-booking",
|
||||
title: "Easy Online Booking",
|
||||
descriptions: [
|
||||
"Schedule your appointment in minutes.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-scissors-plain-background_23-2148306684.jpg",
|
||||
imageAlt: "Scissors icon",
|
||||
},
|
||||
id: "easy-booking", title: "Easy Online Booking", descriptions: [
|
||||
"Schedule your appointment in minutes."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-scissors-plain-background_23-2148306684.jpg", imageAlt: "Scissors icon"},
|
||||
{
|
||||
id: "choose-barber",
|
||||
title: "Choose Your Barber",
|
||||
descriptions: [
|
||||
"Select your favorite stylist for a personalized experience.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286015.jpg",
|
||||
imageAlt: "Male barber portrait",
|
||||
},
|
||||
id: "choose-barber", title: "Choose Your Barber", descriptions: [
|
||||
"Select your favorite stylist for a personalized experience."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286015.jpg", imageAlt: "Male barber portrait"},
|
||||
{
|
||||
id: "flexible-times",
|
||||
title: "Flexible Times",
|
||||
descriptions: [
|
||||
"Find a slot that fits your busy schedule.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-fathers-day_23-2148101902.jpg",
|
||||
imageAlt: "Razor icon",
|
||||
},
|
||||
id: "flexible-times", title: "Flexible Times", descriptions: [
|
||||
"Find a slot that fits your busy schedule."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-fathers-day_23-2148101902.jpg", imageAlt: "Razor icon"},
|
||||
]}
|
||||
title="Walk-ins Welcome, Appointments Preferred"
|
||||
description="We strive to accommodate all our clients. Feel free to stop by, or secure your spot with an appointment for guaranteed service. Click below to book your next visit with your preferred barber."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Online Now",
|
||||
href: "#booking-platform",
|
||||
},
|
||||
text: "Book Online Now", href: "#booking-platform"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -110,11 +79,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "A Fun Experience for the Little Ones",
|
||||
},
|
||||
type: "text", content: "A Fun Experience for the Little Ones"},
|
||||
]}
|
||||
description="Our friendly environment and skilled barbers make every visit enjoyable, especially for our younger clients. Kids love our antique NYPD car barber chair, making their haircut experience memorable and stress-free!"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-barber-man-apron-holding-trimmer-clenching-fist-being-upset_141793-37470.jpg"
|
||||
imageAlt="Antique NYPD car barber chair for children"
|
||||
/>
|
||||
@@ -122,69 +88,44 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg?_wi=5"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg"
|
||||
imageAlt="Barbershop interior"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mvbpcf"
|
||||
logoAlt="Four County Barber Shop Logo"
|
||||
logoText="Four County Barber Shop"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
label: "Gallery", href: "/gallery"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/#reviews",
|
||||
},
|
||||
label: "Reviews", href: "/#reviews"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "230 S Main St",
|
||||
href: "https://www.google.com/maps/dir/?api=1&destination=230%20S%20Main%20St%2C%20Mt.%20Airy%2C%20MD%2021771",
|
||||
},
|
||||
label: "230 S Main St", href: "https://www.google.com/maps/dir/?api=1&destination=230%20S%20Main%20St%2C%20Mt.%20Airy%2C%20MD%2021771"},
|
||||
{
|
||||
label: "Mt. Airy, MD 21771",
|
||||
href: "https://www.google.com/maps/dir/?api=1&destination=230%20S%20Main%20St%2C%20Mt.%20Airy%2C%20MD%2021771",
|
||||
},
|
||||
label: "Mt. Airy, MD 21771", href: "https://www.google.com/maps/dir/?api=1&destination=230%20S%20Main%20St%2C%20Mt.%20Airy%2C%20MD%2021771"},
|
||||
{
|
||||
label: "(240) 732-9021",
|
||||
href: "tel:2407329021",
|
||||
},
|
||||
label: "(240) 732-9021", href: "tel:2407329021"},
|
||||
{
|
||||
label: "Open until 5:30 PM",
|
||||
href: "#",
|
||||
},
|
||||
label: "Open until 5:30 PM", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us",
|
||||
items: [
|
||||
title: "Follow Us", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#instagram",
|
||||
},
|
||||
label: "Instagram", href: "#instagram"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#facebook",
|
||||
},
|
||||
label: "Facebook", href: "#facebook"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -26,34 +26,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
name: "Gallery", id: "/gallery"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/#reviews",
|
||||
},
|
||||
name: "Reviews", id: "/#reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "/booking",
|
||||
}}
|
||||
text: "Book Now", href: "/booking"}}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mvbpcf"
|
||||
logoAlt="Four County Barber Shop Logo"
|
||||
brandName="Four County Barber Shop"
|
||||
@@ -65,21 +51,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Visit Us or Get in Touch",
|
||||
},
|
||||
type: "text", content: "Visit Us or Get in Touch"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Us Now",
|
||||
href: "tel:2407329021",
|
||||
},
|
||||
text: "Call Us Now", href: "tel:2407329021"},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://www.google.com/maps/dir/?api=1&destination=230%20S%20Main%20St%2C%20Mt.%20Airy%2C%20MD%2021771",
|
||||
},
|
||||
text: "Get Directions", href: "https://www.google.com/maps/dir/?api=1&destination=230%20S%20Main%20St%2C%20Mt.%20Airy%2C%20MD%2021771"},
|
||||
]}
|
||||
description="Located conveniently in the heart of Mt. Airy, Four County Barber Shop is ready to serve you. Come by during our business hours, or contact us directly with any questions you may have.\n\n**Address:** 230 S Main St, Mt. Airy, MD 21771\n**Phone:** (240) 732-9021\n**Hours:** Open until 5:30 PM (Mon-Sat)\n\n[Google Maps Embed Placeholder for 230 S Main St Mt Airy MD 21771]"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-business-owner-standing-outdoors_23-2149434497.jpg"
|
||||
imageAlt="Barbershop exterior view on Main Street"
|
||||
/>
|
||||
@@ -89,8 +68,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Stay Connected"
|
||||
title="Join Our Mailing List"
|
||||
description="Receive exclusive updates on special offers, new services, and community events directly in your inbox. Be the first to know!"
|
||||
@@ -101,69 +79,44 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg?_wi=6"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg"
|
||||
imageAlt="Barbershop interior"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mvbpcf"
|
||||
logoAlt="Four County Barber Shop Logo"
|
||||
logoText="Four County Barber Shop"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
label: "Gallery", href: "/gallery"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/#reviews",
|
||||
},
|
||||
label: "Reviews", href: "/#reviews"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "230 S Main St",
|
||||
href: "https://www.google.com/maps/dir/?api=1&destination=230%20S%20Main%20St%2C%20Mt.%20Airy%2C%20MD%2021771",
|
||||
},
|
||||
label: "230 S Main St", href: "https://www.google.com/maps/dir/?api=1&destination=230%20S%20Main%20St%2C%20Mt.%20Airy%2C%20MD%2021771"},
|
||||
{
|
||||
label: "Mt. Airy, MD 21771",
|
||||
href: "https://www.google.com/maps/dir/?api=1&destination=230%20S%20Main%20St%2C%20Mt.%20Airy%2C%20MD%2021771",
|
||||
},
|
||||
label: "Mt. Airy, MD 21771", href: "https://www.google.com/maps/dir/?api=1&destination=230%20S%20Main%20St%2C%20Mt.%20Airy%2C%20MD%2021771"},
|
||||
{
|
||||
label: "(240) 732-9021",
|
||||
href: "tel:2407329021",
|
||||
},
|
||||
label: "(240) 732-9021", href: "tel:2407329021"},
|
||||
{
|
||||
label: "Open until 5:30 PM",
|
||||
href: "#",
|
||||
},
|
||||
label: "Open until 5:30 PM", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us",
|
||||
items: [
|
||||
title: "Follow Us", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#instagram",
|
||||
},
|
||||
label: "Instagram", href: "#instagram"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#facebook",
|
||||
},
|
||||
label: "Facebook", href: "#facebook"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
243
src/app/page.tsx
243
src/app/page.tsx
@@ -29,34 +29,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
name: "Home", id: "/"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "/services",
|
||||
},
|
||||
name: "Services", id: "/services"},
|
||||
{
|
||||
name: "About",
|
||||
id: "/about",
|
||||
},
|
||||
name: "About", id: "/about"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "/gallery",
|
||||
},
|
||||
name: "Gallery", id: "/gallery"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "/#reviews",
|
||||
},
|
||||
name: "Reviews", id: "/#reviews"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "/contact",
|
||||
},
|
||||
name: "Contact", id: "/contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "/booking",
|
||||
}}
|
||||
text: "Book Now", href: "/booking"}}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mvbpcf"
|
||||
logoAlt="Four County Barber Shop Logo"
|
||||
brandName="Four County Barber Shop"
|
||||
@@ -66,71 +52,44 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "downward-rays-static-grid",
|
||||
}}
|
||||
variant: "downward-rays-static-grid"}}
|
||||
title="Classic Cuts. Modern Style. Hometown Service."
|
||||
description="Four County Barber Shop provides quality haircuts, beard services, and grooming in Mt. Airy, Maryland."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "/booking",
|
||||
},
|
||||
text: "Book an Appointment", href: "/booking"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:2407329021",
|
||||
},
|
||||
text: "Call Now", href: "tel:2407329021"},
|
||||
{
|
||||
text: "Get Directions",
|
||||
href: "https://www.google.com/maps/dir/?api=1&destination=230%20S%20Main%20St%2C%20Mt.%20Airy%2C%20MD%2021771",
|
||||
},
|
||||
text: "Get Directions", href: "https://www.google.com/maps/dir/?api=1&destination=230%20S%20Main%20St%2C%20Mt.%20Airy%2C%20MD%2021771"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167454.jpg"
|
||||
imageAlt="Vintage barber pole with dark background"
|
||||
mediaAnimation="opacity"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg",
|
||||
alt: "Happy customer after haircut",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg", alt: "Happy customer after haircut"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205929.jpg",
|
||||
alt: "Smiling client at barbershop",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205929.jpg", alt: "Smiling client at barbershop"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/impressed-young-handsome-barber-wearing-uniform-stretching-out-hand-straight-razor-towards-camera-with-shaving-cream-applied-his-face-isolated-olive-green_141793-77716.jpg",
|
||||
alt: "Satisfied patron profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/impressed-young-handsome-barber-wearing-uniform-stretching-out-hand-straight-razor-towards-camera-with-shaving-cream-applied-his-face-isolated-olive-green_141793-77716.jpg", alt: "Satisfied patron profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-makes-haircut_140725-7893.jpg",
|
||||
alt: "Regular customer testimonial",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/barber-makes-haircut_140725-7893.jpg", alt: "Regular customer testimonial"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/barber-drying-hair-unrecognizable-man_23-2147778789.jpg",
|
||||
alt: "Man with fresh styled hair",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/barber-drying-hair-unrecognizable-man_23-2147778789.jpg", alt: "Man with fresh styled hair"},
|
||||
]}
|
||||
avatarText="Join our happy community of clients!"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Barbers",
|
||||
},
|
||||
type: "text", text: "Expert Barbers"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Family Friendly",
|
||||
},
|
||||
type: "text", text: "Family Friendly"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Quality Service",
|
||||
},
|
||||
type: "text", text: "Quality Service"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Walk-ins Welcome",
|
||||
},
|
||||
type: "text", text: "Walk-ins Welcome"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Styles",
|
||||
},
|
||||
type: "text", text: "Modern Styles"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -140,11 +99,8 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Your Trusted Local Barber Shop",
|
||||
},
|
||||
type: "text", content: "Your Trusted Local Barber Shop"},
|
||||
]}
|
||||
description="Located in the heart of Mt. Airy, Four County Barber Shop is dedicated to providing high-quality haircuts, grooming services, and a welcoming experience for the entire family. With skilled barbers, friendly service, and a commitment to the community, every customer leaves feeling confident and refreshed. We are a Local Mt. Airy Business with Experienced Barbers, offering Walk-Ins Welcome and Appointments Available."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/two-straight-razors_23-2147778743.jpg"
|
||||
imageAlt="Interior of a classic barbershop with chairs and mirrors"
|
||||
/>
|
||||
@@ -157,38 +113,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "mens-haircuts",
|
||||
title: "Men's Haircuts",
|
||||
descriptions: [
|
||||
"Classic Cuts",
|
||||
"Modern Styles",
|
||||
"Fades",
|
||||
"Specialty Cuts",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-scissors-grey-background_23-2147839856.jpg",
|
||||
imageAlt: "Scissors icon",
|
||||
},
|
||||
id: "mens-haircuts", title: "Men's Haircuts", descriptions: [
|
||||
"Classic Cuts", "Modern Styles", "Fades", "Specialty Cuts"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-scissors-grey-background_23-2147839856.jpg", imageAlt: "Scissors icon"},
|
||||
{
|
||||
id: "beard-services",
|
||||
title: "Beard Services",
|
||||
descriptions: [
|
||||
"Beard Trim",
|
||||
"Beard Shaping",
|
||||
"Straight Razor Shave",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/barber-shop-design_24908-61056.jpg",
|
||||
imageAlt: "Straight razor icon",
|
||||
},
|
||||
id: "beard-services", title: "Beard Services", descriptions: [
|
||||
"Beard Trim", "Beard Shaping", "Straight Razor Shave"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/barber-shop-design_24908-61056.jpg", imageAlt: "Straight razor icon"},
|
||||
{
|
||||
id: "kids-haircuts",
|
||||
title: "Kids Haircuts",
|
||||
descriptions: [
|
||||
"Children's Haircuts",
|
||||
"First Haircut Experiences",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-taking-care-her-kid-with-lices_23-2149490569.jpg",
|
||||
imageAlt: "Child head outline icon",
|
||||
},
|
||||
id: "kids-haircuts", title: "Kids Haircuts", descriptions: [
|
||||
"Children's Haircuts", "First Haircut Experiences"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mother-taking-care-her-kid-with-lices_23-2149490569.jpg", imageAlt: "Child head outline icon"},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Discover a range of professional grooming services designed to keep you looking sharp and feeling great."
|
||||
@@ -202,59 +137,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Client",
|
||||
company: "Local Resident",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-positive-blond-bearded-male-dressed-red-fleece-shirt-makes-conversation_613910-13394.jpg",
|
||||
id: "1", name: "Sarah Johnson", role: "Client", company: "Local Resident", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-positive-blond-bearded-male-dressed-red-fleece-shirt-makes-conversation_613910-13394.jpg"},
|
||||
{
|
||||
id: "2", name: "Michael Chen", role: "Client", company: "Mt. Airy Family", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/children-hairdresser-with-trimmer-is-cutting-little-boy-against-dark-background-cute-preschooler-boy-getting-haircut_613910-19713.jpg"},
|
||||
{
|
||||
id: "3", name: "Emily Rodriguez", role: "Client", company: "Regular Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-with-paintbrush-their-new-home_23-2149086846.jpg", alt: "Testimonial image"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Client",
|
||||
company: "Mt. Airy Family",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/children-hairdresser-with-trimmer-is-cutting-little-boy-against-dark-background-cute-preschooler-boy-getting-haircut_613910-19713.jpg",
|
||||
id: "4", name: "David Kim", role: "Client", company: "First-time Visitor", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-man-with-apron_23-2148366567.jpg", alt: "Testimonial image"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Client",
|
||||
company: "Regular Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-fun-with-paintbrush-their-new-home_23-2149086846.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Client",
|
||||
company: "First-time Visitor",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-business-man-with-apron_23-2148366567.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jennifer Lee",
|
||||
role: "Client",
|
||||
company: "Happy Parent",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-hipster-male-dressed-blue-jacket-grey-background_613910-11969.jpg",
|
||||
id: "5", name: "Jennifer Lee", role: "Client", company: "Happy Parent", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-redhead-hipster-male-dressed-blue-jacket-grey-background_613910-11969.jpg", alt: "Testimonial image"
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
value: "4.9/5", label: "Average Rating"},
|
||||
{
|
||||
value: "47+",
|
||||
label: "Google Reviews",
|
||||
},
|
||||
value: "47+", label: "Google Reviews"},
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years Serving",
|
||||
},
|
||||
value: "10+", label: "Years Serving"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Don't just take our word for it—read why our customers love Four County Barber Shop."
|
||||
@@ -265,8 +172,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Visit Us Today"
|
||||
title="Four County Barber Shop"
|
||||
description="230 S Main St, Mt. Airy, MD 21771\nPhone: (240) 732-9021\nOpen until 5:30 PM\n\n[Google Maps Embed Placeholder]"
|
||||
@@ -275,69 +181,44 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mother-with-daughter-home_1157-18662.jpg"
|
||||
imageAlt="Barbershop interior"
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mvbpcf"
|
||||
logoAlt="Four County Barber Shop Logo"
|
||||
logoText="Four County Barber Shop"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "/",
|
||||
},
|
||||
label: "Home", href: "/"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "/services",
|
||||
},
|
||||
label: "Services", href: "/services"},
|
||||
{
|
||||
label: "About",
|
||||
href: "/about",
|
||||
},
|
||||
label: "About", href: "/about"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "/gallery",
|
||||
},
|
||||
label: "Gallery", href: "/gallery"},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "/#reviews",
|
||||
},
|
||||
label: "Reviews", href: "/#reviews"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "230 S Main St",
|
||||
href: "https://www.google.com/maps/dir/?api=1&destination=230%20S%20Main%20St%2C%20Mt.%20Airy%2C%20MD%2021771",
|
||||
},
|
||||
label: "230 S Main St", href: "https://www.google.com/maps/dir/?api=1&destination=230%20S%20Main%20St%2C%20Mt.%20Airy%2C%20MD%2021771"},
|
||||
{
|
||||
label: "Mt. Airy, MD 21771",
|
||||
href: "https://www.google.com/maps/dir/?api=1&destination=230%20S%20Main%20St%2C%20Mt.%20Airy%2C%20MD%2021771",
|
||||
},
|
||||
label: "Mt. Airy, MD 21771", href: "https://www.google.com/maps/dir/?api=1&destination=230%20S%20Main%20St%2C%20Mt.%20Airy%2C%20MD%2021771"},
|
||||
{
|
||||
label: "(240) 732-9021",
|
||||
href: "tel:2407329021",
|
||||
},
|
||||
label: "(240) 732-9021", href: "tel:2407329021"},
|
||||
{
|
||||
label: "Open until 5:30 PM",
|
||||
href: "#",
|
||||
},
|
||||
label: "Open until 5:30 PM", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Follow Us",
|
||||
items: [
|
||||
title: "Follow Us", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#instagram",
|
||||
},
|
||||
label: "Instagram", href: "#instagram"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#facebook",
|
||||
},
|
||||
label: "Facebook", href: "#facebook"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user