Merge version_2 into main #2
326
src/app/page.tsx
326
src/app/page.tsx
@@ -29,142 +29,25 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Barbers",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Barbers", id: "team" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
]}
|
||||
brandName="Masterpiece"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Masterpiece Barbershop Riverside"
|
||||
description="Where tradition meets precision. Experience the ultimate grooming experience with our expert team in downtown Riverside."
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-coffee-shop-table-inside-barista-bar-generated-by-ai_188544-29280.jpg?_wi=1",
|
||||
imageAlt: "Luxurious barbershop interior",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186479.jpg?_wi=1",
|
||||
imageAlt: "Master barber at work",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg?_wi=1",
|
||||
imageAlt: "Precision styling",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg?_wi=1",
|
||||
imageAlt: "Barber tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-hair-stylist_23-2148113070.jpg?_wi=1",
|
||||
imageAlt: "Satisfied client",
|
||||
},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg?_wi=2",
|
||||
imageAlt: "Detail of barber chair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg?_wi=2",
|
||||
imageAlt: "Barber precision",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-his-lunch-time_23-2149284678.jpg?_wi=1",
|
||||
imageAlt: "Talented grooming",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186479.jpg?_wi=2",
|
||||
imageAlt: "Modern aesthetics",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-drying-hair-unrecognizable-man_23-2147778789.jpg?_wi=1",
|
||||
imageAlt: "Fresh haircut result",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186479.jpg",
|
||||
alt: "Barber 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg",
|
||||
alt: "Barber 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-priest-his-lunch-time_23-2149284678.jpg",
|
||||
alt: "Barber 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-hair-stylist_23-2148113070.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-sunglasses-posing-brick-wall_176420-14726.jpg",
|
||||
alt: "Client",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ locals choosing excellence."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/flat-design-ecology-badges_23-2149202730.jpg",
|
||||
alt: "Riverside business emblem",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=a6yhyb",
|
||||
alt: "Community emblem",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=d1xfa1",
|
||||
alt: "Traditional icon",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-vector/premium-patches_1045-586.jpg",
|
||||
alt: "Excellence badge",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/mid-section-view-hairdresser-s-hand-with-electric-trimmer_23-2147839811.jpg",
|
||||
alt: "Premium branding",
|
||||
},
|
||||
]}
|
||||
leftCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/luxury-coffee-shop-table-inside-barista-bar-generated-by-ai_188544-29280.jpg?_wi=1", imageAlt: "Interior" }]}
|
||||
rightCarouselItems={[{ imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186479.jpg?_wi=1", imageAlt: "Barbering" }]}
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -175,18 +58,9 @@ export default function LandingPage() {
|
||||
title="Precision and Passion"
|
||||
description="Established in Riverside, we pride ourselves on delivering top-tier grooming services. From classic fades to hot towel shaves, our barbers are masters of their craft."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Expert Craftsmanship",
|
||||
description: "Years of experience in fades, beard trims, and scissor cuts.",
|
||||
},
|
||||
{
|
||||
title: "Luxurious Environment",
|
||||
description: "Laid-back, clean surroundings for a premium barbering experience.",
|
||||
},
|
||||
{
|
||||
title: "Family Friendly",
|
||||
description: "Welcoming atmosphere for men, women, and children.",
|
||||
},
|
||||
{ title: "Expert Craftsmanship", description: "Years of experience in fades, beard trims, and scissor cuts." },
|
||||
{ title: "Luxurious Environment", description: "Laid-back, clean surroundings for a premium barbering experience." },
|
||||
{ title: "Family Friendly", description: "Welcoming atmosphere for men, women, and children." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-barber-shop_23-2149141768.jpg?_wi=3"
|
||||
imageAlt="Modern barbershop interior"
|
||||
@@ -200,36 +74,8 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Joel",
|
||||
role: "Owner / Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186479.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Zeus",
|
||||
role: "Lead Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Alejandra",
|
||||
role: "Senior Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-priest-his-lunch-time_23-2149284678.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jesus",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186479.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Marcus",
|
||||
role: "Junior Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg?_wi=4",
|
||||
},
|
||||
{ id: "1", name: "Joey Cutz", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186479.jpg?_wi=3" },
|
||||
{ id: "2", name: "Zeus", role: "Lead Stylist", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-barber-hair-salon_23-2148242782.jpg?_wi=3" }
|
||||
]}
|
||||
title="Meet Your Barbers"
|
||||
description="Our team of seasoned professionals is dedicated to your look."
|
||||
@@ -242,54 +88,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
name: "Classic Cut",
|
||||
price: "$30",
|
||||
features: [
|
||||
"Precision Haircut",
|
||||
"Neck Clean-up",
|
||||
"Hot Towel",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
name: "Cut & Beard",
|
||||
price: "$45",
|
||||
features: [
|
||||
"Classic Cut",
|
||||
"Beard Trim & Edge",
|
||||
"Straight Razor Finish",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
name: "The Masterpiece",
|
||||
price: "$60",
|
||||
features: [
|
||||
"Full Grooming Experience",
|
||||
"Hot Towel Shave",
|
||||
"Scalp Massage",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "p1", name: "Men's Haircut", price: "$30", features: ["Precision haircut", "Neck clean-up", "Hot towel"], buttons: [{ text: "Book Now", href: "#contact" }] },
|
||||
{ id: "p2", name: "Haircut & Beard", price: "$45", features: ["Precision haircut", "Beard shaping and edge-up", "Straight razor finish"], buttons: [{ text: "Book Now", href: "#contact" }] },
|
||||
{ id: "p3", name: "Kids Cut", price: "$25", features: ["Professional kid-friendly cut", "Friendly atmosphere"], buttons: [{ text: "Book Now", href: "#contact" }] },
|
||||
{ id: "p4", name: "Masterpiece Service", price: "$60", features: ["Full hair and beard grooming", "Scalp massage", "Deep cleanse treatment"], buttons: [{ text: "Book Now", href: "#contact" }] }
|
||||
]}
|
||||
title="Services & Pricing"
|
||||
description="Quality grooming for every style."
|
||||
@@ -301,48 +103,7 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Josue Gonzalez",
|
||||
handle: "@josue",
|
||||
testimonial: "Truly the best. Highly recommend Zeus for any cut.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-hair-stylist_23-2148113070.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Iliana Garcia",
|
||||
handle: "@iliana",
|
||||
testimonial: "Staff is very polite and patient with children. Very clean.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-sunglasses-posing-brick-wall_176420-14726.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Derek Ramirez",
|
||||
handle: "@derek",
|
||||
testimonial: "Vibe cannot be replicated. Detail is incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-drying-hair-unrecognizable-man_23-2147778789.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Javier Espinoza",
|
||||
handle: "@javier",
|
||||
testimonial: "Joey gave me the best advice for my receding hairline.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-waiting-new-haircut_23-2148353450.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Eduardo Gomez",
|
||||
handle: "@eduardo",
|
||||
testimonial: "Jesus mastered the cut I wanted. 10/10.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-bearded-man-smiling-looking-away-while-professional-barber-giving-him-haircut-copyspace_7502-5640.jpg",
|
||||
},
|
||||
]}
|
||||
testimonials={[]}
|
||||
showRating={true}
|
||||
title="Client Experiences"
|
||||
description="Join 150+ satisfied clients who trust us with their look."
|
||||
@@ -352,9 +113,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Visit Masterpiece Barbershop"
|
||||
description="Located at 4380 Tequesquite Ave, Riverside, CA 92501. Walk-ins accepted or book your spot now."
|
||||
@@ -365,49 +124,10 @@ export default function LandingPage() {
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/luxury-coffee-shop-table-inside-barista-bar-generated-by-ai_188544-29280.jpg?_wi=2"
|
||||
logoText="Masterpiece Barbershop"
|
||||
columns={[
|
||||
{
|
||||
title: "Hours",
|
||||
items: [
|
||||
{
|
||||
label: "Thu-Wed: 10AM-6PM",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Fri: 10AM-7PM",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sat: 9AM-5PM",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Sun: 10AM-2AM",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Barbers",
|
||||
href: "#team",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
columns={[]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user