Merge version_1 into main #2
246
src/app/page.tsx
246
src/app/page.tsx
@@ -31,69 +31,33 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Location",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Location", id: "contact" },
|
||||
]}
|
||||
brandName="Razorhead"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "https://booksy.com/en-us/1063043_razorhead-barbershop_barber-shop_38106_chesapeake",
|
||||
}}
|
||||
text: "Book Now", href: "https://booksy.com/en-us/1063043_razorhead-barbershop_barber-shop_38106_chesapeake"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Razorhead Barbershop"
|
||||
description="Precision Cuts. Great Vibes. Chesapeake's Best Fade."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "https://booksy.com/en-us/1063043_razorhead-barbershop_barber-shop_38106_chesapeake",
|
||||
},
|
||||
text: "Book Now", href: "https://booksy.com/en-us/1063043_razorhead-barbershop_barber-shop_38106_chesapeake"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-menorah_23-2149640723.jpg?_wi=1",
|
||||
imageAlt: "Barbershop interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg",
|
||||
imageAlt: "Barbershop atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg",
|
||||
imageAlt: "Modern grooming",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg",
|
||||
imageAlt: "Precision work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg",
|
||||
imageAlt: "Chesapeake best barber",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-combing-hair-senior-client_23-2148181882.jpg",
|
||||
imageAlt: "Razorhead style",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-menorah_23-2149640723.jpg", imageAlt: "Barbershop interior" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg", imageAlt: "Barbershop atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg", imageAlt: "Modern grooming" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg", imageAlt: "Precision work" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg", imageAlt: "Chesapeake best barber" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-combing-hair-senior-client_23-2148181882.jpg", imageAlt: "Razorhead style" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -103,21 +67,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Professionalism & Precision"
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Customer Rating",
|
||||
value: "4.9/5",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Reliability",
|
||||
value: "Always on time",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Experience",
|
||||
value: "757 Top Rated",
|
||||
},
|
||||
{ icon: Star, label: "Customer Rating", value: "4.9/5" },
|
||||
{ icon: Clock, label: "Reliability", value: "Always on time" },
|
||||
{ icon: Award, label: "Experience", value: "757 Top Rated" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -130,52 +82,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
badge: "Core",
|
||||
price: "$30",
|
||||
subtitle: "Regular Haircut",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "https://booksy.com/en-us/1063043_razorhead-barbershop_barber-shop_38106_chesapeake",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Precision cut",
|
||||
"Detailed finish",
|
||||
],
|
||||
id: "1", badge: "Core", price: "$30", subtitle: "Regular Haircut", buttons: [{ text: "Book Now", href: "https://booksy.com/en-us/1063043_razorhead-barbershop_barber-shop_38106_chesapeake" }],
|
||||
features: ["Precision cut", "Detailed finish"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
badge: "Popular",
|
||||
price: "$35",
|
||||
subtitle: "Skin Fade",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "https://booksy.com/en-us/1063043_razorhead-barbershop_barber-shop_38106_chesapeake",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Professional taper",
|
||||
"Clean skin fade",
|
||||
],
|
||||
id: "2", badge: "Popular", price: "$35", subtitle: "Skin Fade", buttons: [{ text: "Book Now", href: "https://booksy.com/en-us/1063043_razorhead-barbershop_barber-shop_38106_chesapeake" }],
|
||||
features: ["Professional taper", "Clean skin fade"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
badge: "Combo",
|
||||
price: "$55",
|
||||
subtitle: "Skin Fade & Beard",
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "https://booksy.com/en-us/1063043_razorhead-barbershop_barber-shop_38106_chesapeake",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Skin fade",
|
||||
"Full beard grooming",
|
||||
],
|
||||
id: "3", badge: "Combo", price: "$55", subtitle: "Skin Fade & Beard", buttons: [{ text: "Book Now", href: "https://booksy.com/en-us/1063043_razorhead-barbershop_barber-shop_38106_chesapeake" }],
|
||||
features: ["Skin fade", "Full beard grooming"],
|
||||
},
|
||||
]}
|
||||
title="Services & Pricing"
|
||||
@@ -185,68 +101,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Joseph",
|
||||
role: "Client",
|
||||
company: "757 Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-man-barbershop_23-2147737096.jpg",
|
||||
imageAlt: "barber professional portrait",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Jesse",
|
||||
role: "Client",
|
||||
company: "757 Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-menorah_23-2149640723.jpg?_wi=2",
|
||||
imageAlt: "barber professional portrait",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Adam",
|
||||
role: "Client",
|
||||
company: "757 Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-blurred-comb-his-hand_23-2148256854.jpg",
|
||||
imageAlt: "barber professional portrait",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Pete",
|
||||
role: "Client",
|
||||
company: "757 Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326540.jpg",
|
||||
imageAlt: "barber professional portrait",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Christopher",
|
||||
role: "Client",
|
||||
company: "757 Area",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-groomed_23-2149141754.jpg",
|
||||
imageAlt: "barber professional portrait",
|
||||
},
|
||||
{ id: "1", name: "Joseph", role: "Client", company: "757 Area", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-man-barbershop_23-2147737096.jpg", imageAlt: "barber professional portrait" },
|
||||
{ id: "2", name: "Jesse", role: "Client", company: "757 Area", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-holding-menorah_23-2149640723.jpg", imageAlt: "barber professional portrait" },
|
||||
{ id: "3", name: "Adam", role: "Client", company: "757 Area", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-with-blurred-comb-his-hand_23-2148256854.jpg", imageAlt: "barber professional portrait" },
|
||||
{ id: "4", name: "Pete", role: "Client", company: "757 Area", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-male-self-care-setting-still-life_23-2150326540.jpg", imageAlt: "barber professional portrait" },
|
||||
{ id: "5", name: "Christopher", role: "Client", company: "757 Area", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-groomed_23-2149141754.jpg", imageAlt: "barber professional portrait" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{
|
||||
value: "144+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "757",
|
||||
label: "Regional Best",
|
||||
},
|
||||
{ value: "4.9/5", label: "Average Rating" },
|
||||
{ value: "144+", label: "Happy Clients" },
|
||||
{ value: "757", label: "Regional Best" },
|
||||
]}
|
||||
title="What Clients Say"
|
||||
description="144 reviews, 4.9 average rating."
|
||||
@@ -260,21 +128,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "142+",
|
||||
description: "Five-Star Reviews",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "30min",
|
||||
description: "Avg Precision Cut",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "1128",
|
||||
description: "Battlefield Blvd N",
|
||||
},
|
||||
{ id: "1", value: "142+", description: "Five-Star Reviews" },
|
||||
{ id: "2", value: "30min", description: "Avg Precision Cut" },
|
||||
{ id: "3", value: "1128", description: "Battlefield Blvd N" },
|
||||
]}
|
||||
title="Precision Metrics"
|
||||
description="Excellence in every cut."
|
||||
@@ -286,21 +142,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Where are you located?",
|
||||
content: "1128 Battlefield Blvd N, Unit 103, Chesapeake, VA 23320.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do I book?",
|
||||
content: "Book your appointment via the Booksy app or our website booking link.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Is Martin the primary barber?",
|
||||
content: "Yes, Martin (Martinb) is our lead barber renowned for the best fades in the 757.",
|
||||
},
|
||||
{ id: "1", title: "Where are you located?", content: "1128 Battlefield Blvd N, Unit 103, Chesapeake, VA 23320." },
|
||||
{ id: "2", title: "How do I book?", content: "Book your appointment via the Booksy app or our website booking link." },
|
||||
{ id: "3", title: "Is Martin the primary barber?", content: "Yes, Martin (Martinb) is our lead barber renowned for the best fades in the 757." },
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Everything you need to know about your appointment."
|
||||
@@ -311,17 +155,13 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="Visit Us"
|
||||
title="Book Your Spot"
|
||||
description="Join the elite at Razorhead. Chesapeake's best fade awaits."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "https://booksy.com/en-us/1063043_razorhead-barbershop_barber-shop_38106_chesapeake",
|
||||
},
|
||||
text: "Book Now", href: "https://booksy.com/en-us/1063043_razorhead-barbershop_barber-shop_38106_chesapeake"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -330,13 +170,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="RAZORHEAD BARBERSHOP"
|
||||
leftLink={{
|
||||
text: "Booksy Appointments",
|
||||
href: "https://booksy.com/en-us/1063043_razorhead-barbershop_barber-shop_38106_chesapeake",
|
||||
}}
|
||||
text: "Booksy Appointments", href: "https://booksy.com/en-us/1063043_razorhead-barbershop_barber-shop_38106_chesapeake"}}
|
||||
rightLink={{
|
||||
text: "1128 Battlefield Blvd N, Chesapeake, VA",
|
||||
href: "#",
|
||||
}}
|
||||
text: "1128 Battlefield Blvd N, Chesapeake, VA", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user