Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
243
src/app/page.tsx
243
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "booking",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{ name: "Book Now", id: "booking" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
]}
|
||||
brandName="Darrell's Barbershop"
|
||||
/>
|
||||
@@ -53,46 +41,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="A Real Barbershop. Nothing More. Nothing Less."
|
||||
description="Straight cuts, skilled hands, and honest prices — right here in Purcellville."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Cut",
|
||||
href: "#booking",
|
||||
},
|
||||
{
|
||||
text: "View Services & Pricing",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Book Your Cut", href: "#booking" },
|
||||
{ text: "View Services & Pricing", href: "#services" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167462.jpg?_wi=1",
|
||||
imageAlt: "Barbershop interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167462.jpg?_wi=2",
|
||||
imageAlt: "Barber chair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167462.jpg?_wi=3",
|
||||
imageAlt: "Vintage tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167462.jpg?_wi=4",
|
||||
imageAlt: "Barber station",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167462.jpg?_wi=5",
|
||||
imageAlt: "Shop detail",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167462.jpg?_wi=6",
|
||||
imageAlt: "Barber shop atmosphere",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167462.jpg", imageAlt: "Barbershop interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167462.jpg", imageAlt: "Barber chair" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167462.jpg", imageAlt: "Vintage tools" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167462.jpg", imageAlt: "Barber station" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167462.jpg", imageAlt: "Shop detail" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167462.jpg", imageAlt: "Barber shop atmosphere" },
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -114,55 +76,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
price: "$20",
|
||||
period: "starting",
|
||||
description: "Classic Men's Cut",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Precise cut",
|
||||
"Neck shave",
|
||||
"Hot towel finish",
|
||||
"Styling",
|
||||
],
|
||||
id: "1", tag: "Popular", price: "$20", period: "starting", description: "Classic Men's Cut", button: { text: "Book Now" },
|
||||
featuresTitle: "Includes", features: ["Consultation", "Precise cut", "Neck shave", "Hot towel finish", "Styling"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
price: "$15",
|
||||
period: "each",
|
||||
description: "Kids' & Simple Cuts",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Quick trim",
|
||||
"Standard service",
|
||||
"Friendly approach",
|
||||
"Light styling",
|
||||
"Clean finish",
|
||||
],
|
||||
id: "2", tag: "Standard", price: "$15", period: "each", description: "Kids' & Simple Cuts", button: { text: "Book Now" },
|
||||
featuresTitle: "Includes", features: ["Quick trim", "Standard service", "Friendly approach", "Light styling", "Clean finish"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
price: "$10",
|
||||
period: "add-on",
|
||||
description: "Beard Trim",
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
featuresTitle: "Includes",
|
||||
features: [
|
||||
"Line up",
|
||||
"Beard shaping",
|
||||
"Hot towel",
|
||||
"Oil treatment",
|
||||
"Edge defining",
|
||||
],
|
||||
id: "3", tag: "Add-on", price: "$10", period: "add-on", description: "Beard Trim", button: { text: "Book Now" },
|
||||
featuresTitle: "Includes", features: ["Line up", "Beard shaping", "Hot towel", "Oil treatment", "Edge defining"],
|
||||
},
|
||||
]}
|
||||
title="Services & Pricing"
|
||||
@@ -176,36 +99,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
team={[
|
||||
{
|
||||
id: "d1",
|
||||
name: "Darrell",
|
||||
role: "Owner & Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-resting-after-workout-park_158595-3359.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "d2",
|
||||
name: "Marvin",
|
||||
role: "Senior Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-clenching-fist-happy-excited-standing-olive-wall_141793-50561.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "d3",
|
||||
name: "Brittney",
|
||||
role: "Expert Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-middle-aged-bald-man-wearing-pink-t-shirt-crossing-hands_141793-89729.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "d4",
|
||||
name: "Blake",
|
||||
role: "Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-summer-white-shirt_158538-1009.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "d5",
|
||||
name: "Mimi",
|
||||
role: "Senior Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-resting-after-workout-park_158595-3359.jpg?_wi=2",
|
||||
},
|
||||
{ id: "d1", name: "Darrell", role: "Owner & Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-resting-after-workout-park_158595-3359.jpg" },
|
||||
{ id: "d2", name: "Marvin", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-clenching-fist-happy-excited-standing-olive-wall_141793-50561.jpg" },
|
||||
{ id: "d3", name: "Brittney", role: "Expert Stylist", imageSrc: "http://img.b2bpic.net/free-photo/surprised-middle-aged-bald-man-wearing-pink-t-shirt-crossing-hands_141793-89729.jpg" },
|
||||
{ id: "d4", name: "Blake", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-summer-white-shirt_158538-1009.jpg" },
|
||||
{ id: "d5", name: "Mimi", role: "Senior Barber", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-resting-after-workout-park_158595-3359.jpg" },
|
||||
]}
|
||||
title="Skilled Hands You Can Trust"
|
||||
description="Every barber at Darrell's brings their own expertise — but they all share the same commitment: to give you a great cut, every time."
|
||||
@@ -218,41 +116,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Shane S.",
|
||||
handle: "Google Review",
|
||||
testimonial: "Darrell was great. Super efficient. Super friendly.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-resting-after-workout-park_158595-3359.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Greg W.",
|
||||
handle: "Google Review",
|
||||
testimonial: "This place is the real deal. Proper guy's barber shop.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-clenching-fist-happy-excited-standing-olive-wall_141793-50561.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Christopher M.",
|
||||
handle: "Google Review",
|
||||
testimonial: "One of my best cuts ever. I will of course be back!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surprised-middle-aged-bald-man-wearing-pink-t-shirt-crossing-hands_141793-89729.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "A. Mob",
|
||||
handle: "Google Review",
|
||||
testimonial: "Very friendly. She did a great job. Very happy to have found a dependable place.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-summer-white-shirt_158538-1009.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Anonymous",
|
||||
handle: "Local Resident",
|
||||
testimonial: "Best service in Purcellville. Dependable and honest pricing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-resting-after-workout-park_158595-3359.jpg?_wi=4",
|
||||
},
|
||||
{ id: "1", name: "Shane S.", handle: "Google Review", testimonial: "Darrell was great. Super efficient. Super friendly.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-resting-after-workout-park_158595-3359.jpg" },
|
||||
{ id: "2", name: "Greg W.", handle: "Google Review", testimonial: "This place is the real deal. Proper guy's barber shop.", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-hair-cutting-machine-clenching-fist-happy-excited-standing-olive-wall_141793-50561.jpg" },
|
||||
{ id: "3", name: "Christopher M.", handle: "Google Review", testimonial: "One of my best cuts ever. I will of course be back!", imageSrc: "http://img.b2bpic.net/free-photo/surprised-middle-aged-bald-man-wearing-pink-t-shirt-crossing-hands_141793-89729.jpg" },
|
||||
{ id: "4", name: "A. Mob", handle: "Google Review", testimonial: "Very friendly. She did a great job. Very happy to have found a dependable place.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-hipster-businessman-model-wearing-casual-summer-white-shirt_158538-1009.jpg" },
|
||||
{ id: "5", name: "Anonymous", handle: "Local Resident", testimonial: "Best service in Purcellville. Dependable and honest pricing.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-resting-after-workout-park_158595-3359.jpg" },
|
||||
]}
|
||||
title="Don't Take Our Word For It"
|
||||
description="Hear what the community has to say about our chair."
|
||||
@@ -265,18 +133,8 @@ export default function LandingPage() {
|
||||
title="Ready for a Cut You'll Actually Love?"
|
||||
description="Walk-ins welcome — or book ahead to guarantee your spot. Either way, we'll see you in the chair."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985714.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -286,42 +144,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#booking",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Google Maps",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Services", href: "#services" }, { label: "Booking", href: "#booking" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] },
|
||||
{ items: [{ label: "Instagram", href: "#" }, { label: "Google Maps", href: "#" }] },
|
||||
]}
|
||||
logoText="Darrell's Barbershop"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user