Merge version_1 into main #2
263
src/app/page.tsx
263
src/app/page.tsx
@@ -17,31 +17,23 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="hover-bubble"
|
||||
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">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Cutting Edge"
|
||||
/>
|
||||
@@ -52,36 +44,15 @@ export default function LandingPage() {
|
||||
logoText="Cutting Edge"
|
||||
description="Where precision meets style. We redefine the classic barbershop experience with modern craft and a timeless touch."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Book Appointment", href: "#contact" }
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg?_wi=1",
|
||||
imageAlt: "Modern Barbershop",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-haircut-with-defocused-background_23-2148256959.jpg",
|
||||
imageAlt: "Precision Cut",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/washing-process-small-dog-sits-table-dog-spaying-by-professional_1157-48817.jpg",
|
||||
imageAlt: "Grooming Tools",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg",
|
||||
imageAlt: "Satisfied Client",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg",
|
||||
imageAlt: "Boutique Atmosphere",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg",
|
||||
imageAlt: "Barber Studio",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg", imageAlt: "Modern Barbershop" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-haircut-with-defocused-background_23-2148256959.jpg", imageAlt: "Precision Cut" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/washing-process-small-dog-sits-table-dog-spaying-by-professional_1157-48817.jpg", imageAlt: "Grooming Tools" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg", imageAlt: "Satisfied Client" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg", imageAlt: "Boutique Atmosphere" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-cutting-man-s-hair-barber-shop_23-2149186474.jpg", imageAlt: "Barber Studio" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -92,10 +63,7 @@ export default function LandingPage() {
|
||||
title="Crafting Confidence, One Cut at a Time"
|
||||
tag="Our Philosophy"
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
{ text: "Learn More", href: "#services" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -107,86 +75,24 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
price: "$30",
|
||||
name: "Classic Cut",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Precision haircut",
|
||||
"Hot towel finish",
|
||||
"Styled to perfection",
|
||||
],
|
||||
id: "p1", price: "$30", name: "Classic Cut", buttons: [{ text: "Select", href: "#contact" }],
|
||||
features: ["Precision haircut", "Hot towel finish", "Styled to perfection"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
price: "$45",
|
||||
name: "Cut & Beard Trim",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Precision haircut",
|
||||
"Detailed beard shaping",
|
||||
"Hot towel service",
|
||||
],
|
||||
id: "p2", price: "$45", name: "Cut & Beard Trim", buttons: [{ text: "Select", href: "#contact" }],
|
||||
features: ["Precision haircut", "Detailed beard shaping", "Hot towel service"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
price: "$60",
|
||||
name: "The Executive",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full precision cut",
|
||||
"Royal beard treatment",
|
||||
"Facial treatment",
|
||||
"Complimentary drink",
|
||||
],
|
||||
id: "p3", price: "$60", name: "The Executive", buttons: [{ text: "Select", href: "#contact" }],
|
||||
features: ["Full precision cut", "Royal beard treatment", "Facial treatment", "Complimentary drink"],
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
price: "$75",
|
||||
name: "Total Grooming Package",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Full precision cut",
|
||||
"Hot towel shave",
|
||||
"Scalp massage",
|
||||
"Premium grooming products",
|
||||
],
|
||||
id: "p4", price: "$75", name: "Total Grooming Package", buttons: [{ text: "Select", href: "#contact" }],
|
||||
features: ["Full precision cut", "Hot towel shave", "Scalp massage", "Premium grooming products"],
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
price: "$20",
|
||||
name: "Beard Maintenance",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Beard shape up",
|
||||
"Hot towel finish",
|
||||
"Beard oil application",
|
||||
],
|
||||
id: "p5", price: "$20", name: "Beard Maintenance", buttons: [{ text: "Select", href: "#contact" }],
|
||||
features: ["Beard shape up", "Hot towel finish", "Beard oil application"],
|
||||
},
|
||||
]}
|
||||
title="Our Services"
|
||||
@@ -201,48 +107,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Expert Stylists",
|
||||
members: [
|
||||
id: "g1", groupTitle: "Expert Stylists", members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Alex 'The Blade'",
|
||||
subtitle: "Senior Barber",
|
||||
detail: "10 years of experience in razor fades and classic styles.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/frowning-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-keeping-hands-crossed-holding-scissors-comb-isolated-white-background-with-copy-space_141793-32123.jpg",
|
||||
},
|
||||
id: "m1", title: "Alex 'The Blade'", subtitle: "Senior Barber", detail: "10 years of experience in razor fades and classic styles.", imageSrc: "http://img.b2bpic.net/free-photo/frowning-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-keeping-hands-crossed-holding-scissors-comb-isolated-white-background-with-copy-space_141793-32123.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Jordan",
|
||||
subtitle: "Precision Stylist",
|
||||
detail: "Specialist in modern texturing and beard maintenance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg",
|
||||
},
|
||||
id: "m2", title: "Jordan", subtitle: "Precision Stylist", detail: "Specialist in modern texturing and beard maintenance.", imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Casey",
|
||||
subtitle: "Master Barber",
|
||||
detail: "The go-to for complex scissor cuts and traditional shaves.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-hand-near-ear-trying-hear-gossip-green_141793-58499.jpg",
|
||||
},
|
||||
id: "m3", title: "Casey", subtitle: "Master Barber", detail: "The go-to for complex scissor cuts and traditional shaves.", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-female-hairdresser-apron-holding-hand-near-ear-trying-hear-gossip-green_141793-58499.jpg"},
|
||||
{
|
||||
id: "m4",
|
||||
title: "Taylor",
|
||||
subtitle: "Stylist",
|
||||
detail: "Expert in modern fades and contemporary grooming.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-cafe-street-with-glass-wine-romantic-guy-white-cap-suspenders-city-peaky-blinders-old-fashionable-retro_1321-2027.jpg",
|
||||
},
|
||||
id: "m4", title: "Taylor", subtitle: "Stylist", detail: "Expert in modern fades and contemporary grooming.", imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-tattooed-man-cafe-street-with-glass-wine-romantic-guy-white-cap-suspenders-city-peaky-blinders-old-fashionable-retro_1321-2027.jpg"},
|
||||
{
|
||||
id: "m5",
|
||||
title: "Morgan",
|
||||
subtitle: "Junior Stylist",
|
||||
detail: "Passionate about clean lines and classic techniques.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-vintage-leather-chairs-stylish-barber-shop_627829-6188.jpg?_wi=2",
|
||||
imageAlt: "barber professional portrait",
|
||||
},
|
||||
id: "m5", title: "Morgan", subtitle: "Junior Stylist", detail: "Passionate about clean lines and classic techniques.", imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-concept-isolated-handsome-fashionable-tattooed-man-with-fuzzy-beard-shaved-head-posing-indoors-with-arms-folded-having-confident-facial-expression_343059-1711.jpg"},
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Meet Your Barbers"
|
||||
description="Expert hands dedicated to your look."
|
||||
@@ -256,45 +133,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mark R.",
|
||||
handle: "@markr",
|
||||
testimonial: "Best haircut I've had in years. The attention to detail is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg",
|
||||
},
|
||||
id: "1", name: "Mark R.", handle: "@markr", testimonial: "Best haircut I've had in years. The attention to detail is unmatched.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bearded-man-getting-haircut-by-hairdresser-while-sitting-chair-barbershop-barber-soul_627829-6328.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Love the vibe here. Always professional, always fresh.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/haircuting-process-small-dog-sits-table-dog-with-professional_1157-48810.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah J.", handle: "@sarahj", testimonial: "Love the vibe here. Always professional, always fresh.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/haircuting-process-small-dog-sits-table-dog-with-professional_1157-48810.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "James L.",
|
||||
handle: "@jl_style",
|
||||
testimonial: "Cutting Edge lives up to the name. Highly recommended.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-playing-with-his-toy-poodle_23-2147840145.jpg",
|
||||
},
|
||||
id: "3", name: "James L.", handle: "@jl_style", testimonial: "Cutting Edge lives up to the name. Highly recommended.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-playing-with-his-toy-poodle_23-2147840145.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David W.",
|
||||
handle: "@dw_trim",
|
||||
testimonial: "Clean cuts and great conversation. My permanent barber.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-afleece-shirt-grey-background_613910-10258.jpg",
|
||||
},
|
||||
id: "4", name: "David W.", handle: "@dw_trim", testimonial: "Clean cuts and great conversation. My permanent barber.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-dressed-afleece-shirt-grey-background_613910-10258.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Tony M.",
|
||||
handle: "@tm_cuts",
|
||||
testimonial: "The Executive package is a must. Total game changer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-working-with-hair-elderly-client_23-2148181885.jpg",
|
||||
},
|
||||
id: "5", name: "Tony M.", handle: "@tm_cuts", testimonial: "The Executive package is a must. Total game changer.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-hairdresser-working-with-hair-elderly-client_23-2148181885.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Client Stories"
|
||||
@@ -305,17 +157,12 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Visit Us"
|
||||
title="Ready for a Fresh Look?"
|
||||
description="Book your appointment today and experience the Cutting Edge difference."
|
||||
buttons={[
|
||||
{
|
||||
text: "Call Now",
|
||||
href: "tel:+1234567890",
|
||||
},
|
||||
{ text: "Call Now", href: "tel:+1234567890" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -323,14 +170,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Cutting Edge"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "© 2024 Cutting Edge Barbers",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "© 2024 Cutting Edge Barbers", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user