Merge version_2 into main #2
222
src/app/page.tsx
222
src/app/page.tsx
@@ -30,25 +30,15 @@ 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: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Book Now", id: "contact"},
|
||||
]}
|
||||
brandName="RAZOR STYLE"
|
||||
/>
|
||||
@@ -60,80 +50,41 @@ export default function LandingPage() {
|
||||
description="Walk-ins welcome. Precision skin fades, beard trims, and clean lines from barbers who take their time—no rushed cuts, just results and laughs."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Michael S.",
|
||||
handle: "@mikes",
|
||||
testimonial: "Best fade in Erina! Takes the time to get it right every single time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668468.jpg?_wi=1",
|
||||
imageAlt: "barber shop interior modern black aesthetic",
|
||||
},
|
||||
name: "Michael S.", handle: "@mikes", testimonial: "Best fade in Erina! Takes the time to get it right every single time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668468.jpg?_wi=1", imageAlt: "barber shop interior modern black aesthetic"},
|
||||
{
|
||||
name: "James R.",
|
||||
handle: "@jamesr",
|
||||
testimonial: "The atmosphere is great, friendly staff and perfect cuts.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058847.jpg",
|
||||
imageAlt: "barber team photo modern dark shop",
|
||||
},
|
||||
name: "James R.", handle: "@jamesr", testimonial: "The atmosphere is great, friendly staff and perfect cuts.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/process-creating-stand-up-comedy_23-2151058847.jpg", imageAlt: "barber team photo modern dark shop"},
|
||||
{
|
||||
name: "Chris B.",
|
||||
handle: "@chrisb",
|
||||
testimonial: "Finally found a barber who listens. Sharp lines and great banter.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-with-focused-expression-thinking-side-profile-close-up-shot_482257-119356.jpg?_wi=1",
|
||||
imageAlt: "skin fade haircut detail close up",
|
||||
},
|
||||
name: "Chris B.", handle: "@chrisb", testimonial: "Finally found a barber who listens. Sharp lines and great banter.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-with-focused-expression-thinking-side-profile-close-up-shot_482257-119356.jpg?_wi=1", imageAlt: "skin fade haircut detail close up"},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@davew",
|
||||
testimonial: "Quick, professional, and friendly with the kids. My go-to spot.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg?_wi=1",
|
||||
imageAlt: "happy man fresh haircut barber shop",
|
||||
},
|
||||
name: "David W.", handle: "@davew", testimonial: "Quick, professional, and friendly with the kids. My go-to spot.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg?_wi=1", imageAlt: "happy man fresh haircut barber shop"},
|
||||
{
|
||||
name: "Tom K.",
|
||||
handle: "@tomk",
|
||||
testimonial: "Consistently excellent quality. Highly recommend Razor Style.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668468.jpg?_wi=2",
|
||||
imageAlt: "barber shop interior modern black aesthetic",
|
||||
},
|
||||
name: "Tom K.", handle: "@tomk", testimonial: "Consistently excellent quality. Highly recommend Razor Style.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668468.jpg?_wi=2", imageAlt: "barber shop interior modern black aesthetic"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Cut",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book a Cut", href: "#contact"},
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:0400000000",
|
||||
},
|
||||
text: "Call Now", href: "tel:0400000000"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668468.jpg?_wi=3"
|
||||
imageAlt="Razor Style Barber Interior"
|
||||
showBlur={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Loved by 500+ locals"
|
||||
/>
|
||||
@@ -145,9 +96,7 @@ export default function LandingPage() {
|
||||
title="Precision Cuts. Zero Ego."
|
||||
buttons={[
|
||||
{
|
||||
text: "Visit Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Visit Us", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,26 +108,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Precision Fades",
|
||||
description: "Crisp, clean skin fades tailored to your head shape.",
|
||||
tag: "Signature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-with-focused-expression-thinking-side-profile-close-up-shot_482257-119356.jpg?_wi=2",
|
||||
},
|
||||
id: "f1", title: "Precision Fades", description: "Crisp, clean skin fades tailored to your head shape.", tag: "Signature", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-getting-groomed_23-2150668468.jpg?_wi=1"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Beard Grooming",
|
||||
description: "Expert beard trims, lining, and hot towel treatments.",
|
||||
tag: "Care",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-with-focused-expression-thinking-side-profile-close-up-shot_482257-119356.jpg?_wi=3",
|
||||
},
|
||||
id: "f2", title: "Beard Grooming", description: "Expert beard trims, lining, and hot towel treatments.", tag: "Care", imageSrc: "http://img.b2bpic.net/free-photo/modern-barber-shop-concept_23-2148496468.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Classic Mens Cuts",
|
||||
description: "Traditional cuts that keep you looking sharp and refined.",
|
||||
tag: "Style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-with-focused-expression-thinking-side-profile-close-up-shot_482257-119356.jpg?_wi=4",
|
||||
},
|
||||
id: "f3", title: "Classic Mens Cuts", description: "Traditional cuts that keep you looking sharp and refined.", tag: "Style", imageSrc: "http://img.b2bpic.net/free-photo/barber-holding-hair-clipper-near-customer-face_23-2148496472.jpg"},
|
||||
]}
|
||||
title="Expert Grooming Services"
|
||||
description="Tailored cuts for every style. From precision fades to traditional hot towel shaves."
|
||||
@@ -192,37 +126,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Popular",
|
||||
price: "$35",
|
||||
subtitle: "Men's Classic Cut",
|
||||
features: [
|
||||
"Precision cut",
|
||||
"Hair wash",
|
||||
"Styled finish",
|
||||
],
|
||||
id: "p1", badge: "Popular", price: "$35", subtitle: "Men's Classic Cut", features: [
|
||||
"Precision cut", "Hair wash", "Styled finish"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Essential",
|
||||
price: "$45",
|
||||
subtitle: "Skin Fade & Beard",
|
||||
features: [
|
||||
"Full skin fade",
|
||||
"Beard trim",
|
||||
"Hot towel finish",
|
||||
],
|
||||
id: "p2", badge: "Essential", price: "$45", subtitle: "Skin Fade & Beard", features: [
|
||||
"Full skin fade", "Beard trim", "Hot towel finish"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Value",
|
||||
price: "$25",
|
||||
subtitle: "Kids & Seniors",
|
||||
features: [
|
||||
"Quality cut",
|
||||
"Friendly service",
|
||||
"Under 12s/65+",
|
||||
],
|
||||
id: "p3", badge: "Value", price: "$25", subtitle: "Kids & Seniors", features: [
|
||||
"Quality cut", "Friendly service", "Under 12s/65+"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -237,45 +150,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Michael S.",
|
||||
handle: "@mikes",
|
||||
testimonial: "Best fade in Erina! Takes the time to get it right every single time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg?_wi=2",
|
||||
},
|
||||
id: "t1", name: "Michael S.", handle: "@mikes", testimonial: "Best fade in Erina! Takes the time to get it right every single time.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg?_wi=2"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "James R.",
|
||||
handle: "@jamesr",
|
||||
testimonial: "The atmosphere is great, friendly staff and perfect cuts.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg?_wi=3",
|
||||
},
|
||||
id: "t2", name: "James R.", handle: "@jamesr", testimonial: "The atmosphere is great, friendly staff and perfect cuts.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg?_wi=3"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Chris B.",
|
||||
handle: "@chrisb",
|
||||
testimonial: "Finally found a barber who listens. Sharp lines and great banter.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg?_wi=4",
|
||||
},
|
||||
id: "t3", name: "Chris B.", handle: "@chrisb", testimonial: "Finally found a barber who listens. Sharp lines and great banter.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg?_wi=4"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David W.",
|
||||
handle: "@davew",
|
||||
testimonial: "Quick, professional, and friendly with the kids. My go-to spot.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg?_wi=5",
|
||||
},
|
||||
id: "t4", name: "David W.", handle: "@davew", testimonial: "Quick, professional, and friendly with the kids. My go-to spot.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg?_wi=5"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Tom K.",
|
||||
handle: "@tomk",
|
||||
testimonial: "Consistently excellent quality. Highly recommend Razor Style.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg?_wi=6",
|
||||
},
|
||||
id: "t5", name: "Tom K.", handle: "@tomk", testimonial: "Consistently excellent quality. Highly recommend Razor Style.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pov-diverse-partners-videocall-wearing-elegant-tailored-suits-international-meeting-collaboration-entrepreneurs-using-online-conference-telework-chat-discuss-new-terms_482257-67953.jpg?_wi=6"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="What Our Clients Say"
|
||||
@@ -287,8 +175,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
variant: "canvas-reveal"}}
|
||||
tag="Visit Us"
|
||||
title="Ready to Look Sharp?"
|
||||
description="Book your appointment now or drop in for a walk-in cut. We are ready for you."
|
||||
@@ -300,30 +187,21 @@ export default function LandingPage() {
|
||||
logoText="RAZOR STYLE"
|
||||
columns={[
|
||||
{
|
||||
title: "Location",
|
||||
items: [
|
||||
title: "Location", items: [
|
||||
{
|
||||
label: "Erina, NSW",
|
||||
href: "#",
|
||||
},
|
||||
label: "Erina, NSW", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
title: "Hours", items: [
|
||||
{
|
||||
label: "Mon-Sat: 9am-6pm",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mon-Sat: 9am-6pm", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -332,4 +210,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user