Merge version_1 into main #2
241
src/app/page.tsx
241
src/app/page.tsx
@@ -31,29 +31,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Reviews", id: "testimonials"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Moe's Barbershop"
|
||||
/>
|
||||
@@ -62,38 +50,19 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Precision Cuts & Exceptional Style"
|
||||
description="Experience the premium grooming you deserve at Moe's Barbershop. From classic straight razor shaves to modern fades, our experts ensure you look your absolute best."
|
||||
tag="4.9 Stars - 283 Reviews"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Appointment", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg?_wi=1",
|
||||
imageAlt: "barber shop interior modern",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg", imageAlt: "barber shop interior modern"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10377.jpg?_wi=1",
|
||||
imageAlt: "barber shop straight razor shave",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-equipment-working-surface-by-mirror-barbershop_627829-8282.jpg",
|
||||
imageAlt: "Barber equipment on the working surface by the mirror in the barbershop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg",
|
||||
imageAlt: "Hairdresser cutting a man's hair at the barber shop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985714.jpg",
|
||||
imageAlt: "Young man getting his beard styled at the barber",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10377.jpg", imageAlt: "barber shop straight razor shave"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -108,29 +77,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Haircuts & Fades",
|
||||
descriptions: [
|
||||
"Expert precision cuts and modern fade styles by our trained staff.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-barbershop-with-classic-styling_618663-34.jpg",
|
||||
},
|
||||
id: "f1", title: "Haircuts & Fades", descriptions: [
|
||||
"Expert precision cuts and modern fade styles by our trained staff."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-barbershop-with-classic-styling_618663-34.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Beard Grooming",
|
||||
descriptions: [
|
||||
"Beard trimming, conditioning, and straight razor shaves.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-shaving-home_23-2150226092.jpg",
|
||||
},
|
||||
id: "f2", title: "Beard Grooming", descriptions: [
|
||||
"Beard trimming, conditioning, and straight razor shaves."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-shaving-home_23-2150226092.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Family Friendly",
|
||||
descriptions: [
|
||||
"Comfortable and quick services for kids' cuts.",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-preschooler-boy-getting-haircut-children-hairdresser-with-scissors-comb-is-cutting-little-boy-room-with-loft-interior_613910-5705.jpg",
|
||||
},
|
||||
id: "f3", title: "Family Friendly", descriptions: [
|
||||
"Comfortable and quick services for kids' cuts."],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-preschooler-boy-getting-haircut-children-hairdresser-with-scissors-comb-is-cutting-little-boy-room-with-loft-interior_613910-5705.jpg"},
|
||||
]}
|
||||
title="Our Professional Services"
|
||||
description="We specialize in expert grooming services tailored to your personal style and needs."
|
||||
@@ -144,23 +101,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Moe",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-hipster-male-dressed-casual-clothes-with-glasses-full-beard-standing-with-crossed-arms-studio-isolated-dark-background_613910-4677.jpg",
|
||||
},
|
||||
id: "t1", name: "Moe", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-redhead-hipster-male-dressed-casual-clothes-with-glasses-full-beard-standing-with-crossed-arms-studio-isolated-dark-background_613910-4677.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Alex",
|
||||
role: "Head Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-barber-tools-looking-side-isolated-crimson-background-with-copy-space_141793-31607.jpg",
|
||||
},
|
||||
id: "t2", name: "Alex", role: "Head Stylist", imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-barber-tools-looking-side-isolated-crimson-background-with-copy-space_141793-31607.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chris",
|
||||
role: "Barber Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-cutting-hair-bearded-hipster-male-saloon_613910-5711.jpg",
|
||||
},
|
||||
id: "t3", name: "Chris", role: "Barber Specialist", imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-cutting-hair-bearded-hipster-male-saloon_613910-5711.jpg"},
|
||||
]}
|
||||
title="Meet The Pros"
|
||||
description="Our friendly, professional barbers are dedicated to providing the best service in Rowlett."
|
||||
@@ -175,45 +120,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
role: "Regular Client",
|
||||
company: "Rowlett Local",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
|
||||
},
|
||||
id: "1", name: "John Doe", role: "Regular Client", company: "Rowlett Local", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mike Smith",
|
||||
role: "Business Owner",
|
||||
company: "Local Patron",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-client-barber-shop_23-2148298284.jpg",
|
||||
},
|
||||
id: "2", name: "Mike Smith", role: "Business Owner", company: "Local Patron", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-client-barber-shop_23-2148298284.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Sarah J.",
|
||||
role: "Mom",
|
||||
company: "Local Community",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-doing-hairstyling-looking-contented_259150-57914.jpg",
|
||||
},
|
||||
id: "3", name: "Sarah J.", role: "Mom", company: "Local Community", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-doing-hairstyling-looking-contented_259150-57914.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Pro Client",
|
||||
company: "Rowlett",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-guy-posing_23-2148311263.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", role: "Pro Client", company: "Rowlett", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-cute-guy-posing_23-2148311263.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kevin L.",
|
||||
role: "Local",
|
||||
company: "Frequent Guest",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-using-electric-shaver_23-2148692187.jpg",
|
||||
},
|
||||
id: "5", name: "Kevin L.", role: "Local", company: "Frequent Guest", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-man-using-electric-shaver_23-2148692187.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Join 283+ satisfied customers who choose Moe's Barbershop."
|
||||
@@ -227,56 +147,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Standard Haircut",
|
||||
price: "$25",
|
||||
period: "per service",
|
||||
features: [
|
||||
"Classic Cut",
|
||||
"Trim & Groom",
|
||||
"Neck Shave",
|
||||
],
|
||||
id: "p1", title: "Standard Haircut", price: "$25", period: "per service", features: [
|
||||
"Classic Cut", "Trim & Groom", "Neck Shave"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-washing-head-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6316.jpg",
|
||||
imageAlt: "Young bearded man washing head by hairdresser while sitting in chair at barbershop Barber soul",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-washing-head-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6316.jpg", imageAlt: "Young bearded man washing head by hairdresser while sitting in chair at barbershop Barber soul"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Beard & Shave",
|
||||
price: "$30",
|
||||
period: "per service",
|
||||
features: [
|
||||
"Conditioning",
|
||||
"Trim",
|
||||
"Hot Towel",
|
||||
],
|
||||
id: "p2", title: "Beard & Shave", price: "$30", period: "per service", features: [
|
||||
"Conditioning", "Trim", "Hot Towel"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg?_wi=2",
|
||||
imageAlt: "Young bearded man washing head by hairdresser while sitting in chair at barbershop Barber soul",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg", imageAlt: "Young bearded man washing head by hairdresser while sitting in chair at barbershop Barber soul"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "The Full Moe",
|
||||
price: "$50",
|
||||
period: "per service",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Beard Trim",
|
||||
"Shave",
|
||||
],
|
||||
id: "p3", title: "The Full Moe", price: "$50", period: "per service", features: [
|
||||
"Haircut", "Beard Trim", "Shave"],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10377.jpg?_wi=2",
|
||||
imageAlt: "Young bearded man washing head by hairdresser while sitting in chair at barbershop Barber soul",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tools-from-barbershop-wooden-background_1303-10377.jpg", imageAlt: "Young bearded man washing head by hairdresser while sitting in chair at barbershop Barber soul"},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
description="Fair prices for top-tier service. Book your session today."
|
||||
@@ -289,20 +176,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you accept walk-ins?",
|
||||
content: "Yes, we accept walk-ins as well as appointments.",
|
||||
},
|
||||
id: "q1", title: "Do you accept walk-ins?", content: "Yes, we accept walk-ins as well as appointments."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Are you good with kids?",
|
||||
content: "Absolutely, we are very family-friendly and experienced with kids' haircuts.",
|
||||
},
|
||||
id: "q2", title: "Are you good with kids?", content: "Absolutely, we are very family-friendly and experienced with kids' haircuts."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept cash, cards, and digital payments.",
|
||||
},
|
||||
id: "q3", title: "What payment methods do you accept?", content: "We accept cash, cards, and digital payments."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about your next visit to Moe's."
|
||||
@@ -314,8 +192,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Visit Us Today"
|
||||
description="5401 Kenwood Dr Suite 105, Rowlett, TX 75089. Closes 6 PM today."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313028.jpg"
|
||||
@@ -331,29 +208,19 @@ export default function LandingPage() {
|
||||
logoText="Moe's Barbershop"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Haircuts",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Haircuts", href: "#features"},
|
||||
{
|
||||
label: "Shaves",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Shaves", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Directions",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Directions", href: "#contact"},
|
||||
{
|
||||
label: "Call Us",
|
||||
href: "tel:6264930614",
|
||||
},
|
||||
label: "Call Us", href: "tel:6264930614"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user