Update src/app/page.tsx
This commit is contained in:
299
src/app/page.tsx
299
src/app/page.tsx
@@ -25,214 +25,109 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Kingsman Salon"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Kingsman Salon"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Timeless Grooming for the Modern Gentleman"
|
||||
description="Experience professional precision, expert service, and a tradition of excellence at Kingsman Salon."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg",
|
||||
imageAlt: "Barbershop interior classic style",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg",
|
||||
imageAlt: "Barber using vintage razor",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/room-with-green-leather-sofa_140725-6419.jpg",
|
||||
imageAlt: "Barbershop detail tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg",
|
||||
imageAlt: "Barber chair vintage style",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-cutting-beard-customer_23-2147778865.jpg",
|
||||
imageAlt: "Barber grooming customer",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-bearded-man-smiling-looking-away-while-professional-barber-giving-him-haircut-copyspace_7502-5640.jpg",
|
||||
imageAlt: "Barber shop interior wide",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{ variant: "plain" }}
|
||||
title="Timeless Grooming for the Modern Gentleman"
|
||||
description="Experience professional precision, expert service, and a tradition of excellence at Kingsman Salon."
|
||||
buttons={[
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
{ text: "Our Services", href: "#services" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hair-salon-chair-with-towel-armchair_23-2148242777.jpg", imageAlt: "Barbershop interior classic style" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg", imageAlt: "Barber using vintage razor" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/room-with-green-leather-sofa_140725-6419.jpg", imageAlt: "Barbershop detail tools" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/male-barber-giving-his-client-nice-haircut_23-2149186489.jpg", imageAlt: "Barber chair vintage style" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-cutting-beard-customer_23-2147778865.jpg", imageAlt: "Barber grooming customer" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-bearded-man-smiling-looking-away-while-professional-barber-giving-him-haircut-copyspace_7502-5640.jpg", imageAlt: "Barber shop interior wide" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Masters of the Craft"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
title="Masters of the Craft"
|
||||
buttons={[{ text: "Learn More", href: "#about" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Classic Haircut",
|
||||
tags: [
|
||||
"Professional",
|
||||
"Precision",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-4343.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Hot Towel Shave",
|
||||
tags: [
|
||||
"Traditional",
|
||||
"Luxury",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-trimmed_23-2148256924.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Beard Sculpting",
|
||||
tags: [
|
||||
"Styling",
|
||||
"Detail",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-beard-man_23-2147737053.jpg",
|
||||
},
|
||||
]}
|
||||
title="Precision Grooming Services"
|
||||
description="From classic cuts to traditional hot towel shaves, we offer top-tier grooming services tailored to you."
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ id: "s1", title: "Classic Haircut", tags: ["Professional", "Precision"], imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-4343.jpg" },
|
||||
{ id: "s2", title: "Hot Towel Shave", tags: ["Traditional", "Luxury"], imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-beard-trimmed_23-2148256924.jpg" },
|
||||
{ id: "s3", title: "Beard Sculpting", tags: ["Styling", "Detail"], imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-beard-man_23-2147737053.jpg" },
|
||||
]}
|
||||
title="Precision Grooming Services"
|
||||
description="From classic cuts to traditional hot towel shaves, we offer top-tier grooming services tailored to you."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "James R.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mid-aged-couple-love-home_23-2147986286.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Lucas P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-holding-cotton-pad_23-2148686033.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Robert B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205883.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Thomas W.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "James R.", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg" },
|
||||
{ id: "t2", name: "Mark D.", imageSrc: "http://img.b2bpic.net/free-photo/mid-aged-couple-love-home_23-2147986286.jpg" },
|
||||
{ id: "t3", name: "Lucas P.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-holding-cotton-pad_23-2148686033.jpg" },
|
||||
{ id: "t4", name: "Robert B.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205883.jpg" },
|
||||
{ id: "t5", name: "Thomas W.", imageSrc: "http://img.b2bpic.net/free-photo/best-friends-smiling-each-other_23-2148238236.jpg" },
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Testimonials"
|
||||
cardAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Book Your Appointment"
|
||||
description="Ready for a refresh? Book your session at Kingsman Salon today. Walk-ins are also welcome."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-portrait-smiling-handsome-man-with-his-dog-drinks-coffee-petfriendly-cafe-city-touches-golden-retriever_1258-314266.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Book Your Appointment"
|
||||
description="Ready for a refresh? Book your session at Kingsman Salon today. Walk-ins are also welcome."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/vertical-portrait-smiling-handsome-man-with-his-dog-drinks-coffee-petfriendly-cafe-city-touches-golden-retriever_1258-314266.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Kingsman Salon",
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Kingsman Salon. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Kingsman Salon", items: [
|
||||
{ label: "About Us", href: "#about" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Booking", href: "#contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Kingsman Salon. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user