Merge version_2 into main #2
125
src/app/page.tsx
125
src/app/page.tsx
@@ -29,49 +29,34 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
name: "Team", id: "team"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Barber's Room"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboardSplit
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
logoText="Barber's Room"
|
||||
description="Where precision meets tradition. Experience the ultimate grooming service tailored just for you in our modern sanctuary."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
]}
|
||||
layoutOrder="default"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-male-hairdresser-standing-black-armchair_23-2147839802.jpg"
|
||||
imageSrc="https://img.freepik.com/free-photo/barber-shop-interior-with-modern-equipment_23-2149495734.jpg?t=st=1715878400~exp=1715882000~hmac=a4c28e938f32c3f1e5828a05c742c31e67840673d319859f5f082e5192849b2c"
|
||||
mediaAnimation="opacity"
|
||||
/>
|
||||
</div>
|
||||
@@ -83,17 +68,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Executive Beard Trim",
|
||||
"Hair Color & Camouflage",
|
||||
"Royal Grooming Package",
|
||||
],
|
||||
"Executive Beard Trim", "Hair Color & Camouflage", "Royal Grooming Package"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Classic Haircut & Style",
|
||||
"Hot Towel Shave",
|
||||
"Beard Sculpting & Grooming",
|
||||
],
|
||||
"Classic Haircut & Style", "Hot Towel Shave", "Beard Sculpting & Grooming"],
|
||||
}}
|
||||
title="Our Signature Services"
|
||||
description="Discover the art of refined grooming."
|
||||
@@ -107,23 +86,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "John Doe",
|
||||
role: "Master Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-wearing-uniform-holding-hair-clippers-clenching-fist-isolated-purple_141793-84227.jpg",
|
||||
},
|
||||
id: "m1", name: "John Doe", role: "Master Barber", imageSrc: "https://img.freepik.com/free-photo/man-getting-haircut-by-professional-barber_23-2149495739.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Mike Smith",
|
||||
role: "Head Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-young-handsome-barber-wearing-uniform-talking-phone-looking-up-holding-scissors-isolated-purple-wall_141793-97827.jpg",
|
||||
},
|
||||
id: "m2", name: "Mike Smith", role: "Head Stylist", imageSrc: "https://img.freepik.com/free-photo/barber-holding-hair-dryer-client_23-2149495744.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Alex Reed",
|
||||
role: "Shave Expert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-uses-hair-dryer-men-s-haircut-barbershop_613910-18285.jpg",
|
||||
},
|
||||
id: "m3", name: "Alex Reed", role: "Shave Expert", imageSrc: "https://img.freepik.com/free-photo/barber-using-clippers-client-beard_23-2149495752.jpg"},
|
||||
]}
|
||||
title="Meet Your Barbers"
|
||||
description="Highly trained professionals dedicated to your perfect look."
|
||||
@@ -137,45 +104,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Mark Wilson",
|
||||
handle: "@mwilson",
|
||||
testimonial: "Best haircut I've had in years. John is a pro!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-with-haircut-dressed-shirt-jacket-with-backpack-standing-park_613910-19391.jpg?_wi=1",
|
||||
},
|
||||
id: "t1", name: "Mark Wilson", handle: "@mwilson", testimonial: "Best haircut I've had in years. John is a pro!", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1599566150163-29194dcaad36?q=80&w=200&h=200&auto=format&fit=crop"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Connor",
|
||||
handle: "@sconnor",
|
||||
testimonial: "Came in for my husband, he loved the shave experience.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-shaving-cream-beard-relaxing-chair_107420-94768.jpg",
|
||||
},
|
||||
id: "t2", name: "Sarah Connor", handle: "@sconnor", testimonial: "Came in for my husband, he loved the shave experience.", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1535713875002-d1d0cf377fde?q=80&w=200&h=200&auto=format&fit=crop"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "James Bond",
|
||||
handle: "@jbond007",
|
||||
testimonial: "Excellent service and atmosphere. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-shot-cool-confident-hipster-with-stubble-facial-piercing-walking-alone-city-quay_343059-3678.jpg",
|
||||
},
|
||||
id: "t3", name: "James Bond", handle: "@jbond007", testimonial: "Excellent service and atmosphere. Highly recommend.", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=200&h=200&auto=format&fit=crop"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Webb",
|
||||
handle: "@dwebb",
|
||||
testimonial: "Consistent, professional, and friendly. My regular spot.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-afro-american-male-barber-wearing-uniform-holding-barber-tools-pointing-them_141793-116999.jpg",
|
||||
},
|
||||
id: "t4", name: "David Webb", handle: "@dwebb", testimonial: "Consistent, professional, and friendly. My regular spot.", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1633332755192-727a05c4013d?q=80&w=200&h=200&auto=format&fit=crop"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Tom Hardy",
|
||||
handle: "@thardy",
|
||||
testimonial: "The attention to detail here is unmatched. Absolute best in town.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-male-with-haircut-dressed-shirt-jacket-with-backpack-standing-park_613910-19391.jpg?_wi=2",
|
||||
},
|
||||
id: "t5", name: "Tom Hardy", handle: "@thardy", testimonial: "The attention to detail here is unmatched. Absolute best in town.", rating: 5,
|
||||
imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?q=80&w=200&h=200&auto=format&fit=crop"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Feedback"
|
||||
@@ -189,22 +131,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "Yes, appointments are highly recommended to ensure you get your preferred time.",
|
||||
},
|
||||
id: "f1", title: "Do I need an appointment?", content: "Yes, appointments are highly recommended to ensure you get your preferred time."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What payment methods do you accept?",
|
||||
content: "We accept cash, credit cards, and contactless payments.",
|
||||
},
|
||||
id: "f2", title: "What payment methods do you accept?", content: "We accept cash, credit cards, and contactless payments."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "How long does a service take?",
|
||||
content: "Most haircuts take 30-45 minutes depending on the complexity of the style.",
|
||||
},
|
||||
id: "f3", title: "How long does a service take?", content: "Most haircuts take 30-45 minutes depending on the complexity of the style."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-smiley-man-getting-groomed_23-2149220517.jpg"
|
||||
imageSrc="https://img.freepik.com/free-photo/close-up-professional-tools-barber-shop_23-2149495760.jpg"
|
||||
title="Frequently Asked Questions"
|
||||
description="Everything you need to know about our services and booking."
|
||||
faqsAnimation="slide-up"
|
||||
@@ -220,4 +153,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user