Merge version_2 into main #1
182
src/app/page.tsx
182
src/app/page.tsx
@@ -30,25 +30,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Barber Kozielskigentelmen"
|
||||
/>
|
||||
@@ -57,65 +47,40 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Timeless Style for the Modern Gentleman"
|
||||
description="Experience premium grooming at Barber Kozielskigentelmen, where traditional techniques meet contemporary style."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-front-his-studio_23-2149479271.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-front-his-studio_23-2149479271.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-3659.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-3659.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286037.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286037.jpg", alt: "Customer"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Appointment", href: "#contact"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
text: "Learn More", href: "#about"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Classic Cuts",
|
||||
type: "text", text: "Classic Cuts"},
|
||||
{
|
||||
type: "text-icon", text: "Hot Towel Shaves", icon: Scissors,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Hot Towel Shaves",
|
||||
icon: Scissors,
|
||||
type: "text", text: "Beard Sculpting"},
|
||||
{
|
||||
type: "text-icon", text: "Luxury Grooming", icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Beard Sculpting",
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Luxury Grooming",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Precision",
|
||||
},
|
||||
type: "text", text: "Modern Precision"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -128,17 +93,11 @@ export default function LandingPage() {
|
||||
description="At Barber Kozielskigentelmen, we believe that a great haircut is more than just a style; it's a confidence boost. Our experienced team is dedicated to providing meticulous grooming services in a comfortable, classic atmosphere."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Masterful Grooming",
|
||||
description: "Years of experience refining classic and modern techniques.",
|
||||
},
|
||||
title: "Masterful Grooming", description: "Years of experience refining classic and modern techniques."},
|
||||
{
|
||||
title: "Premium Products",
|
||||
description: "We only use top-tier products for the best possible results.",
|
||||
},
|
||||
title: "Premium Products", description: "We only use top-tier products for the best possible results."},
|
||||
{
|
||||
title: "Relaxed Vibe",
|
||||
description: "Step into a space where style and comfort go hand in hand.",
|
||||
},
|
||||
title: "Relaxed Vibe", description: "Step into a space where style and comfort go hand in hand."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdresser-toweling-hair-senior-male-client_23-2148181920.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -152,32 +111,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Classic Cuts",
|
||||
tags: [
|
||||
"Hair",
|
||||
"Style",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-18515.jpg",
|
||||
},
|
||||
id: "s1", title: "Classic Cuts", tags: [
|
||||
"Hair", "Style"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-sitting-armchair-barber-shop-while-hairdresser-modeling-beard-with-scissors-comb-barbershop_613910-18515.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Beard Sculpting",
|
||||
tags: [
|
||||
"Beard",
|
||||
"Grooming",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985718.jpg",
|
||||
},
|
||||
id: "s2", title: "Beard Sculpting", tags: [
|
||||
"Beard", "Grooming"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-getting-his-beard-styled-barber_23-2148985718.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Hot Towel Shave",
|
||||
tags: [
|
||||
"Shave",
|
||||
"Classic",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122072.jpg",
|
||||
},
|
||||
id: "s3", title: "Hot Towel Shave", tags: [
|
||||
"Shave", "Classic"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122072.jpg"},
|
||||
]}
|
||||
title="Our Grooming Services"
|
||||
description="Expert services designed to leave you feeling refreshed and confident."
|
||||
@@ -192,45 +136,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "John Doe",
|
||||
role: "Creative Director",
|
||||
company: "Studio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg",
|
||||
},
|
||||
id: "1", name: "John Doe", role: "Creative Director", company: "Studio", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-washing-head_627829-7378.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael S.",
|
||||
role: "Architect",
|
||||
company: "Designs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-front-his-studio_23-2149479271.jpg",
|
||||
},
|
||||
id: "2", name: "Michael S.", role: "Architect", company: "Designs", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/experienced-tattoo-artist-front-his-studio_23-2149479271.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert B.",
|
||||
role: "Entrepreneur",
|
||||
company: "Startups",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-3659.jpg",
|
||||
},
|
||||
id: "3", name: "Robert B.", role: "Entrepreneur", company: "Startups", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/groomed-bearded-man-with-tattooes-is-posing-dark-photo-studio_613910-3659.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
role: "Lawyer",
|
||||
company: "LegalFirm",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", role: "Lawyer", company: "LegalFirm", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Steve P.",
|
||||
role: "Engineer",
|
||||
company: "Tech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286037.jpg",
|
||||
},
|
||||
id: "5", name: "Steve P.", role: "Engineer", company: "Tech", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-taking-care-client_23-2150286037.jpg"},
|
||||
]}
|
||||
title="What Our Clients Say"
|
||||
description="Read experiences from men who trust our craft."
|
||||
@@ -241,16 +160,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Visit Us"
|
||||
title="Book Your Appointment"
|
||||
description="Ready to get looking sharp? Book your chair today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Book Now", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -259,16 +175,12 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Barber Kozielskigentelmen"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "© 2024 Barber Kozielskigentelmen",
|
||||
href: "#",
|
||||
}}
|
||||
text: "© 2024 Barber Kozielskigentelmen", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user