Merge version_1 into main #2
205
src/app/page.tsx
205
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Roman's"
|
||||
/>
|
||||
@@ -55,59 +47,36 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Mastering the Art of Grooming"
|
||||
description="At Roman's Barber Shop, we blend traditional techniques with modern style to ensure you look your absolute best."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/poodle-posing-makeup-studio_23-2151987176.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/poodle-posing-makeup-studio_23-2151987176.jpg", alt: "Customer profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-pet-portrait-dog_23-2149218474.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-pet-portrait-dog_23-2149218474.jpg", alt: "Customer profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-yorkshire-dog_23-2151779247.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-yorkshire-dog_23-2151779247.jpg", alt: "Customer profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-influencer-home-with-dog_23-2148738158.jpg",
|
||||
alt: "Customer profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-influencer-home-with-dog_23-2148738158.jpg", alt: "Customer profile"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Traditional Shaves",
|
||||
},
|
||||
type: "text", text: "Traditional Shaves"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Fades",
|
||||
},
|
||||
type: "text", text: "Modern Fades"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Beard Sculpting",
|
||||
},
|
||||
type: "text", text: "Beard Sculpting"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Grooming",
|
||||
},
|
||||
type: "text", text: "Premium Grooming"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Stylists",
|
||||
},
|
||||
type: "text", text: "Expert Stylists"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -119,19 +88,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Years Experience",
|
||||
value: "15+",
|
||||
},
|
||||
label: "Years Experience", value: "15+"},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Happy Clients",
|
||||
value: "10k+",
|
||||
},
|
||||
label: "Happy Clients", value: "10k+"},
|
||||
{
|
||||
icon: Scissors,
|
||||
label: "Cuts Per Month",
|
||||
value: "800+",
|
||||
},
|
||||
label: "Cuts Per Month", value: "800+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -144,55 +107,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Haircut",
|
||||
description: "Customized cuts that elevate your everyday look.",
|
||||
icon: Scissors,
|
||||
title: "Precision Haircut", description: "Customized cuts that elevate your everyday look.", icon: Scissors,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beard-care_1098-14681.jpg",
|
||||
imageAlt: "Haircut",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beard-care_1098-14681.jpg", imageAlt: "Haircut"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-boy-learning-how-shave_23-2149450891.jpg",
|
||||
imageAlt: "Barber",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/poodle-posing-makeup-studio_23-2151987173.jpg",
|
||||
imageAlt: "classic haircut style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-boy-learning-how-shave_23-2149450891.jpg", imageAlt: "Barber"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Classic Hot Shave",
|
||||
description: "A relaxing, traditional shave experience.",
|
||||
icon: Sparkles,
|
||||
title: "Classic Hot Shave", description: "A relaxing, traditional shave experience.", icon: Sparkles,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313023.jpg",
|
||||
imageAlt: "Shave",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313023.jpg", imageAlt: "Shave"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-18406.jpg",
|
||||
imageAlt: "Shave",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-back-view-man-getting-haircut_23-2148224307.jpg",
|
||||
imageAlt: "classic haircut style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/master-hairdresser-prepares-face-shaving-smears-face-with-foam-hairdressing-salon_613910-18406.jpg", imageAlt: "Shave"},
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Beard Sculpting",
|
||||
description: "Expert grooming for the perfect beard shape.",
|
||||
icon: Shield,
|
||||
title: "Beard Sculpting", description: "Expert grooming for the perfect beard shape.", icon: Shield,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-traveler-male-dressed-fleece-shirt-wild-park-background_613910-12816.jpg",
|
||||
imageAlt: "Beard",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-bearded-traveler-male-dressed-fleece-shirt-wild-park-background_613910-12816.jpg", imageAlt: "Beard"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-simple-electric-razor-ice-blue-beard-foam-shaving-male_140725-33155.jpg",
|
||||
imageAlt: "Beard",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg?_wi=1",
|
||||
imageAlt: "classic haircut style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-grey-t-shirt-holding-simple-electric-razor-ice-blue-beard-foam-shaving-male_140725-33155.jpg", imageAlt: "Beard"},
|
||||
]
|
||||
},
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
@@ -208,23 +147,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Roman",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg?_wi=2",
|
||||
},
|
||||
id: "m1", name: "Roman", role: "Master Barber", imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-holding-trimmer-smiling-cheerfully-showing-thumbs-up-standing-light-wall_141793-50621.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Leo",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-male-with-tattoo-his-arms-before-hair-wash-hairdressers-salon_613910-14526.jpg",
|
||||
},
|
||||
id: "m2", name: "Leo", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-male-with-tattoo-his-arms-before-hair-wash-hairdressers-salon_613910-14526.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Sam",
|
||||
role: "Grooming Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-hairdresser-apron-holding-hair-comb-spray-bottle-looking-front-with-serious-face-standing-green-wall_141793-71788.jpg",
|
||||
},
|
||||
id: "m3", name: "Sam", role: "Grooming Specialist", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-hairdresser-apron-holding-hair-comb-spray-bottle-looking-front-with-serious-face-standing-green-wall_141793-71788.jpg"},
|
||||
]}
|
||||
title="Meet the Artists"
|
||||
description="Our team of seasoned barbers is dedicated to perfection in every cut."
|
||||
@@ -239,25 +166,15 @@ export default function LandingPage() {
|
||||
author="James Anderson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-party_23-2148115738.jpg",
|
||||
alt: "James",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/couple-party_23-2148115738.jpg", alt: "James"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg",
|
||||
alt: "Client profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg", alt: "Client profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg",
|
||||
alt: "Client profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186462.jpg", alt: "Client profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286080.jpg",
|
||||
alt: "Client profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286080.jpg", alt: "Client profile"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286015.jpg",
|
||||
alt: "Client profile",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286015.jpg", alt: "Client profile"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -270,20 +187,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, we recommend booking online to guarantee your spot.",
|
||||
},
|
||||
id: "f1", title: "Do I need an appointment?", content: "Yes, we recommend booking online to guarantee your spot."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer walk-ins?",
|
||||
content: "Walk-ins are subject to availability; appointments take priority.",
|
||||
},
|
||||
id: "f2", title: "Do you offer walk-ins?", content: "Walk-ins are subject to availability; appointments take priority."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What products do you use?",
|
||||
content: "We use premium, barber-grade products sourced for quality.",
|
||||
},
|
||||
id: "f3", title: "What products do you use?", content: "We use premium, barber-grade products sourced for quality."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our services."
|
||||
@@ -295,16 +203,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Ready to look sharp?"
|
||||
title="Book Your Visit Today"
|
||||
description="Find us in the heart of the city and elevate your style."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Seat",
|
||||
href: "#",
|
||||
},
|
||||
text: "Reserve a Seat", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -314,29 +219,19 @@ export default function LandingPage() {
|
||||
logoText="Roman's Barber Shop"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Haircuts",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Haircuts", href: "#features"},
|
||||
{
|
||||
label: "Shaves",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Shaves", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user