Merge version_1 into main #2
327
src/app/page.tsx
327
src/app/page.tsx
@@ -26,240 +26,113 @@ export default function LandingPage() {
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "reviews",
|
||||
},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "experience",
|
||||
},
|
||||
{
|
||||
name: "Booking",
|
||||
id: "booking",
|
||||
},
|
||||
]}
|
||||
brandName="KS GHOST"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Reviews", id: "reviews" },
|
||||
{ name: "Experience", id: "experience" },
|
||||
{ name: "Booking", id: "booking" },
|
||||
]}
|
||||
brandName="KS GHOST"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
title="Precision. Craft. Legacy."
|
||||
description="Where every cut is a statement. Master barbers delivering uncompromising skill in a space built for those who demand the finest."
|
||||
tag="TORONTO'S PREMIER BARBERSHOP"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Visit",
|
||||
href: "#booking",
|
||||
},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg"
|
||||
imageAlt="Barbershop interior"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="Precision. Craft. Legacy."
|
||||
description="Where every cut is a statement. Master barbers delivering uncompromising skill in a space built for those who demand the finest."
|
||||
tag="TORONTO'S PREMIER BARBERSHOP"
|
||||
buttons={[
|
||||
{ text: "Book Your Visit", href: "#booking" },
|
||||
{ text: "View Services", href: "#services" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/barber-shop-retro-vintage-style_1150-17931.jpg"
|
||||
imageAlt="Barbershop interior"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="OUR STORY"
|
||||
title="More Than a Haircut."
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
useInvertedBackground={false}
|
||||
tag="OUR STORY"
|
||||
title="More Than a Haircut."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Signature Haircut",
|
||||
description: "Consultation, precision cut, and styling.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-scissors_23-2148859736.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Fade & Lineup",
|
||||
description: "Crisp edges and architectural fades.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-waiting-haircut_23-2148256975.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
title: "Beard Sculpting",
|
||||
description: "Expert trimming and definition.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barbershop-concept_23-2148506221.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Precision cuts and beard work for the modern gentleman."
|
||||
tag="SERVICES"
|
||||
/>
|
||||
</div>
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardEight
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{ title: "Signature Haircut", description: "Consultation, precision cut, and styling.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-holding-scissors_23-2148859736.jpg" },
|
||||
{ title: "Fade & Lineup", description: "Crisp edges and architectural fades.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-waiting-haircut_23-2148256975.jpg" },
|
||||
{ title: "Beard Sculpting", description: "Expert trimming and definition.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-barbershop-concept_23-2148506221.jpg" },
|
||||
]}
|
||||
title="Our Services"
|
||||
description="Precision cuts and beard work for the modern gentleman."
|
||||
tag="SERVICES"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ilkin I.",
|
||||
handle: "Verified Client",
|
||||
testimonial: "Kamil is master class. Best cut in Toronto.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-working-as-wedding-planners_23-2150328569.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Emmet B.",
|
||||
handle: "Verified Client",
|
||||
testimonial: "Dan delivers top-quality detail every time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emre K.",
|
||||
handle: "Verified Client",
|
||||
testimonial: "Best haircut experience in the city.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-bride-young-woman-with-wedding-hairstyle-silk-robe-drinking-looking-bridesmaids-gray-style-robes-standing-spacious-room-near-window_8353-12010.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Yunus B.",
|
||||
handle: "Regular Client",
|
||||
testimonial: "Consistency and quality unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-waiting-haircut_23-2148256975.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Oğuz T.",
|
||||
handle: "Verified Client",
|
||||
testimonial: "True professionals and the best in town.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barbershop-concept_23-2148506221.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Verdict"
|
||||
/>
|
||||
</div>
|
||||
<div id="reviews" data-section="reviews">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Ilkin I.", handle: "Verified Client", testimonial: "Kamil is master class. Best cut in Toronto.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-working-as-wedding-planners_23-2150328569.jpg" },
|
||||
{ id: "2", name: "Emmet B.", handle: "Verified Client", testimonial: "Dan delivers top-quality detail every time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg" },
|
||||
{ id: "3", name: "Emre K.", handle: "Verified Client", testimonial: "Best haircut experience in the city.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiling-bride-young-woman-with-wedding-hairstyle-silk-robe-drinking-looking-bridesmaids-gray-style-robes-standing-spacious-room-near-window_8353-12010.jpg" },
|
||||
{ id: "4", name: "Yunus B.", handle: "Regular Client", testimonial: "Consistency and quality unmatched.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-customer-waiting-haircut_23-2148256975.jpg" },
|
||||
{ id: "5", name: "Oğuz T.", handle: "Verified Client", testimonial: "True professionals and the best in town.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-barbershop-concept_23-2148506221.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Verdict"
|
||||
description="What our clients are saying about our craft."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="experience" data-section="experience">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Consultation First",
|
||||
content: "We listen to your vision before touching a tool.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Precision Fades",
|
||||
content: "Architectural lines that turn heads.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "No Rush Policy",
|
||||
content: "We take the time required for perfection.",
|
||||
},
|
||||
]}
|
||||
sideTitle="The KS Ghost Way"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="experience" data-section="experience">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Consultation First", content: "We listen to your vision before touching a tool." },
|
||||
{ id: "f2", title: "Precision Fades", content: "Architectural lines that turn heads." },
|
||||
{ id: "f3", title: "No Rush Policy", content: "We take the time required for perfection." },
|
||||
]}
|
||||
sideTitle="The KS Ghost Way"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="booking" data-section="booking">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="CONTACT"
|
||||
title="Reserve Your Chair"
|
||||
description="Ready for your best look? Book your spot with Kamil or Daniel today."
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Get Directions"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-holding-scissors_23-2148859736.jpg?_wi=2"
|
||||
imageAlt="Barber station"
|
||||
/>
|
||||
</div>
|
||||
<div id="booking" data-section="booking">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
tag="CONTACT"
|
||||
title="Reserve Your Chair"
|
||||
description="Ready for your best look? Book your spot with Kamil or Daniel today."
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Get Directions"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-hand-holding-scissors_23-2148859736.jpg"
|
||||
imageAlt="Barber station"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="KS / GHOST"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#reviews",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Signature Cut",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Fade & Lineup",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Beard Sculpt",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Google Maps",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2025 KS Ghost Barbershop · Toronto, Canada"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseCard
|
||||
logoText="KS / GHOST"
|
||||
columns={[
|
||||
{ title: "Navigate", items: [{ label: "About", href: "#about" }, { label: "Services", href: "#services" }, { label: "Reviews", href: "#reviews" }] },
|
||||
{ title: "Services", items: [{ label: "Signature Cut", href: "#services" }, { label: "Fade & Lineup", href: "#services" }, { label: "Beard Sculpt", href: "#services" }] },
|
||||
{ title: "Connect", items: [{ label: "Instagram", href: "#" }, { label: "Google Maps", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© 2025 KS Ghost Barbershop · Toronto, Canada"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user