Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
196
src/app/page.tsx
196
src/app/page.tsx
@@ -17,35 +17,24 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Razor & Blade"
|
||||
/>
|
||||
@@ -53,42 +42,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Precision Cuts. Modern Style."
|
||||
description="Experience the ultimate grooming journey in the heart of the city. Expert barbers, timeless techniques, and a modern edge."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Book Now", href: "#contact" }]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg",
|
||||
imageAlt: "Barber shop atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-getting-groomed_23-2149220555.jpg",
|
||||
imageAlt: "Professional haircut station",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg",
|
||||
imageAlt: "Detail work on haircut",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg",
|
||||
imageAlt: "Leather barber chair",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg",
|
||||
imageAlt: "Barber focusing on client",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hair-equipment-paper-bag_23-2148352905.jpg",
|
||||
imageAlt: "Clean shop equipment",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chair-stylish-barber-shop_627829-6180.jpg", imageAlt: "barbershop interior modern chair" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-getting-groomed_23-2149220555.jpg", imageAlt: "modern barber shop grooming station" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6410.jpg", imageAlt: "barber haircutting precision details" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-getting-ready-giving-haircut-her-client_23-2148353413.jpg", imageAlt: "barber shop vintage chair leather" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairclips-scissors-bag_23-2147778856.jpg", imageAlt: "barber working close up portrait" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hair-equipment-paper-bag_23-2148352905.jpg", imageAlt: "clean barber shop tools station" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -100,18 +64,9 @@ export default function LandingPage() {
|
||||
title="The Razor & Blade Difference"
|
||||
description="We believe in blending traditional barbering with modern aesthetic. Our barbers aren't just stylists; they are artists dedicated to your confidence."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Master Barbers",
|
||||
description: "Experienced professionals skilled in all styles.",
|
||||
},
|
||||
{
|
||||
title: "Premium Products",
|
||||
description: "We use only the finest natural grooming essentials.",
|
||||
},
|
||||
{
|
||||
title: "Relaxing Environment",
|
||||
description: "A classic sanctuary for your personal time.",
|
||||
},
|
||||
{ title: "Master Barbers", description: "Experienced professionals skilled in all styles." },
|
||||
{ title: "Premium Products", description: "We use only the finest natural grooming essentials." },
|
||||
{ title: "Relaxing Environment", description: "A classic sanctuary for your personal time." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/person-working-from-home-with-pet-dog_23-2149104761.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -124,39 +79,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Precision Cut",
|
||||
author: "Classic Grooming",
|
||||
description: "A sharp, tailored haircut designed for your features.",
|
||||
tags: [
|
||||
"Style",
|
||||
"Precision",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-toweling-hair-senior-male-client_23-2148181920.jpg",
|
||||
},
|
||||
{
|
||||
id: "s2",
|
||||
title: "Hot Towel Shave",
|
||||
author: "Signature Ritual",
|
||||
description: "The ultimate shave experience with hot towels and premium oils.",
|
||||
tags: [
|
||||
"Relaxation",
|
||||
"Luxury",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985735.jpg",
|
||||
},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Beard Sculpting",
|
||||
author: "Beard Care",
|
||||
description: "Expert trimming and grooming to shape your facial hair.",
|
||||
tags: [
|
||||
"Grooming",
|
||||
"Beard",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-trimming-beard-man_23-2147778822.jpg",
|
||||
},
|
||||
{ id: "s1", title: "Precision Cut", author: "Classic Grooming", description: "A sharp, tailored haircut designed for your features.", tags: ["Style", "Precision"], imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-toweling-hair-senior-male-client_23-2148181920.jpg" },
|
||||
{ id: "s2", title: "Hot Towel Shave", author: "Signature Ritual", description: "The ultimate shave experience with hot towels and premium oils.", tags: ["Relaxation", "Luxury"], imageSrc: "http://img.b2bpic.net/free-photo/barber-using-shaving-cream-contour-male-customer-s-beard_23-2148985735.jpg" },
|
||||
{ id: "s3", title: "Beard Sculpting", author: "Beard Care", description: "Expert trimming and grooming to shape your facial hair.", tags: ["Grooming", "Beard"], imageSrc: "http://img.b2bpic.net/free-photo/crop-hands-trimming-beard-man_23-2147778822.jpg" }
|
||||
]}
|
||||
title="Our Signature Services"
|
||||
description="Tailored grooming experiences to keep you looking your best."
|
||||
@@ -169,24 +94,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marcus Thorne",
|
||||
role: "Head Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Leo Rivera",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7954.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "James Bond",
|
||||
role: "Grooming Specialist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg?_wi=2",
|
||||
},
|
||||
{ id: "t1", name: "Marcus Thorne", role: "Head Barber", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg" },
|
||||
{ id: "t2", name: "Leo Rivera", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-brunette-female-blue-shirt-grey-background_613910-7954.jpg" },
|
||||
{ id: "t3", name: "James Bond", role: "Grooming Specialist", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg" }
|
||||
]}
|
||||
title="Meet Your Barbers"
|
||||
description="Meet the team of experts bringing style and character to every cut."
|
||||
@@ -197,31 +107,11 @@ export default function LandingPage() {
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alex M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-dressed-suit-sunglasses_613910-11932.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sam K.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-washing-clients-hair-barbershop_613910-5471.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chris D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Jordan P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-sitting-chair_23-2149220526.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Taylor S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex M.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-dressed-suit-sunglasses_613910-11932.jpg" },
|
||||
{ id: "2", name: "Sam K.", imageSrc: "http://img.b2bpic.net/free-photo/professional-hairdresser-washing-clients-hair-barbershop_613910-5471.jpg" },
|
||||
{ id: "3", name: "Chris D.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg" },
|
||||
{ id: "4", name: "Jordan P.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-sitting-chair_23-2149220526.jpg" },
|
||||
{ id: "5", name: "Taylor S.", imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg" }
|
||||
]}
|
||||
cardTitle="What Our Clients Say"
|
||||
cardTag="Reviews"
|
||||
@@ -232,9 +122,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Book Your Appointment"
|
||||
description="Ready for your next fresh look? Drop us a note or call to book."
|
||||
@@ -247,17 +135,11 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Razor & Blade"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms of Service", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user