Merge version_1 into main #2
201
src/app/page.tsx
201
src/app/page.tsx
@@ -29,21 +29,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Home", id: "#hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#services",
|
||||
},
|
||||
name: "Services", id: "#services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="John's Barber Shop"
|
||||
/>
|
||||
@@ -52,97 +44,54 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Timeless Style for the Modern Man"
|
||||
description="Experience the classic art of grooming at John's Barber Shop. Traditional service, expert hands, and an atmosphere you won't find anywhere else."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Michael S.",
|
||||
testimonial: "Best haircut I've had in years. Feels like a real barber shop.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149141753.jpg?_wi=1",
|
||||
imageAlt: "vintage barber shop interior",
|
||||
},
|
||||
name: "Michael S.", handle: "@michaels", testimonial: "Best haircut I've had in years. Feels like a real barber shop.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149141753.jpg", imageAlt: "vintage barber shop interior"},
|
||||
{
|
||||
name: "David R.",
|
||||
testimonial: "Old school vibes, great price, perfect fade every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-antique-store-side-view_23-2149640693.jpg?_wi=1",
|
||||
imageAlt: "barber shop front entrance",
|
||||
},
|
||||
name: "David R.", handle: "@davidr", testimonial: "Old school vibes, great price, perfect fade every time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-antique-store-side-view_23-2149640693.jpg", imageAlt: "barber shop front entrance"},
|
||||
{
|
||||
name: "James L.",
|
||||
testimonial: "Friendly staff and high attention to detail. Strongly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg?_wi=1",
|
||||
imageAlt: "barber shop exterior location",
|
||||
},
|
||||
name: "James L.", handle: "@jamesl", testimonial: "Friendly staff and high attention to detail. Strongly recommend.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg", imageAlt: "barber shop exterior location"},
|
||||
{
|
||||
name: "Sam T.",
|
||||
testimonial: "Finally found my permanent spot. Great shop.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149141753.jpg?_wi=2",
|
||||
imageAlt: "vintage barber shop interior",
|
||||
},
|
||||
name: "Sam T.", handle: "@samt", testimonial: "Finally found my permanent spot. Great shop.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149141753.jpg", imageAlt: "vintage barber shop interior"},
|
||||
{
|
||||
name: "Chris B.",
|
||||
testimonial: "Authentic, reliable, and classic. Everything a barber should be.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-antique-store-side-view_23-2149640693.jpg?_wi=2",
|
||||
imageAlt: "barber shop front entrance",
|
||||
},
|
||||
name: "Chris B.", handle: "@chrisb", testimonial: "Authentic, reliable, and classic. Everything a barber should be.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-antique-store-side-view_23-2149640693.jpg", imageAlt: "barber shop front entrance"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149141753.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149141753.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149141753.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149141753.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-antique-store-side-view_23-2149640693.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-antique-store-side-view_23-2149640693.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149141753.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149141753.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-antique-store-side-view_23-2149640693.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-antique-store-side-view_23-2149640693.jpg", alt: "Client 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic Cuts",
|
||||
},
|
||||
type: "text", text: "Classic Cuts"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hot Towel Shaves",
|
||||
},
|
||||
type: "text", text: "Hot Towel Shaves"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Grooming",
|
||||
},
|
||||
type: "text", text: "Modern Grooming"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Precision Styling",
|
||||
},
|
||||
type: "text", text: "Precision Styling"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Heritage Quality",
|
||||
},
|
||||
type: "text", text: "Heritage Quality"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -154,19 +103,13 @@ export default function LandingPage() {
|
||||
description="Established with a love for tradition, John's Barber Shop has been a staple in the neighborhood. We believe in high-quality cuts, clean shaves, and meaningful conversations in the barber chair. At our shop, you're not just another client—you're a part of the local legacy."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "15+", title: "Years Experience"},
|
||||
{
|
||||
value: "10k+",
|
||||
title: "Happy Clients",
|
||||
},
|
||||
value: "10k+", title: "Happy Clients"},
|
||||
{
|
||||
value: "5-Star",
|
||||
title: "Service Rating",
|
||||
},
|
||||
value: "5-Star", title: "Service Rating"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-antique-store-side-view_23-2149640693.jpg?_wi=3"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-antique-store-side-view_23-2149640693.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -179,37 +122,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "mens-cut",
|
||||
badge: "Popular",
|
||||
price: "$30",
|
||||
subtitle: "Precision men's haircut with expert styling.",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Expert Cut",
|
||||
"Style Finish",
|
||||
],
|
||||
id: "mens-cut", badge: "Popular", price: "$30", subtitle: "Precision men's haircut with expert styling.", features: [
|
||||
"Consultation", "Expert Cut", "Style Finish"],
|
||||
},
|
||||
{
|
||||
id: "beard-trim",
|
||||
badge: "Grooming",
|
||||
price: "$10",
|
||||
subtitle: "Sharpen your look with a precise beard trim.",
|
||||
features: [
|
||||
"Clean Edges",
|
||||
"Precision Trim",
|
||||
"Hydration",
|
||||
],
|
||||
id: "beard-trim", badge: "Grooming", price: "$10", subtitle: "Sharpen your look with a precise beard trim.", features: [
|
||||
"Clean Edges", "Precision Trim", "Hydration"],
|
||||
},
|
||||
{
|
||||
id: "kids-cut",
|
||||
badge: "Classic",
|
||||
price: "$20",
|
||||
subtitle: "A sharp, classic cut for the younger generation.",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Clean Cut",
|
||||
"Minimal Styling",
|
||||
],
|
||||
id: "kids-cut", badge: "Classic", price: "$20", subtitle: "A sharp, classic cut for the younger generation.", features: [
|
||||
"Consultation", "Clean Cut", "Minimal Styling"],
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -224,19 +146,12 @@ export default function LandingPage() {
|
||||
subtitle="Clear expectations for your visit."
|
||||
sections={[
|
||||
{
|
||||
heading: "Our Policy",
|
||||
content: [
|
||||
heading: "Our Policy", content: [
|
||||
{
|
||||
type: "paragraph",
|
||||
text: "We value your privacy and aim to provide a safe experience at John's Barber Shop.",
|
||||
},
|
||||
type: "paragraph", text: "We value your privacy and aim to provide a safe experience at John's Barber Shop."},
|
||||
{
|
||||
type: "list",
|
||||
items: [
|
||||
"Booking required",
|
||||
"Late arrival policy",
|
||||
"Respectful environment",
|
||||
],
|
||||
type: "list", items: [
|
||||
"Booking required", "Late arrival policy", "Respectful environment"],
|
||||
},
|
||||
],
|
||||
},
|
||||
@@ -248,11 +163,10 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Visit Us Today"
|
||||
description="Located at 123 Street Road, Newtown, PA 18940. Book your next visit or reach out for inquiries."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-male-self-care-setting-still-life_23-2150326537.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Send Inquiry"
|
||||
tag="Get in Touch"
|
||||
@@ -263,38 +177,25 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "cut@johnsbarbershop.com",
|
||||
href: "mailto:cut@johnsbarbershop.com",
|
||||
},
|
||||
label: "cut@johnsbarbershop.com", href: "mailto:cut@johnsbarbershop.com"},
|
||||
{
|
||||
label: "215-800-3700",
|
||||
href: "tel:2158003700",
|
||||
},
|
||||
label: "215-800-3700", href: "tel:2158003700"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "123 Street Road, Newtown, PA 18940",
|
||||
href: "#",
|
||||
},
|
||||
label: "123 Street Road, Newtown, PA 18940", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user