Merge version_1 into main #2
267
src/app/page.tsx
267
src/app/page.tsx
@@ -20,31 +20,26 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
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: "services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Location", id: "location" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Heritage Cuts"
|
||||
/>
|
||||
@@ -52,22 +47,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
logoText="Heritage Cuts"
|
||||
description="Crafting timeless style with modern precision. Experience the ultimate grooming sanctuary where tradition meets contemporary aesthetics."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Session",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{ text: "Book Your Session", href: "#contact" },
|
||||
{ text: "View Pricing", href: "#pricing" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-barbershop_1303-5407.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-barbershop_1303-5407.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -85,23 +72,11 @@ export default function LandingPage() {
|
||||
title="Our Signature Services"
|
||||
description="Specialized grooming treatments designed to keep you looking your best."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Precision Fades",
|
||||
content: "Mastered techniques for skin, mid, and taper fades, tailored to your head shape.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Beard Sculpting",
|
||||
content: "Hot towel treatment followed by precise line-up and beard shaping.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Classic Line-up",
|
||||
content: "Clean, sharp edges to maintain your fresh look with meticulous detail.",
|
||||
},
|
||||
{ id: "1", title: "Precision Fades", content: "Mastered techniques for skin, mid, and taper fades, tailored to your head shape." },
|
||||
{ id: "2", title: "Beard Sculpting", content: "Hot towel treatment followed by precise line-up and beard shaping." },
|
||||
{ id: "3", title: "Classic Line-up", content: "Clean, sharp edges to maintain your fresh look with meticulous detail." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-barber-with-brush-preparing-neck-hair-shaving_23-2148181930.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/professional-barber-with-brush-preparing-neck-hair-shaving_23-2148181930.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -112,57 +87,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$30",
|
||||
subtitle: "Classic haircut and fade",
|
||||
features: [
|
||||
"Consultation",
|
||||
"Precision fade",
|
||||
"Neck shave",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Signature",
|
||||
price: "$45",
|
||||
subtitle: "Full grooming package",
|
||||
features: [
|
||||
"Signature haircut",
|
||||
"Beard trim",
|
||||
"Hot towel treatment",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
badge: "Elite",
|
||||
price: "$60",
|
||||
subtitle: "Ultimate experience",
|
||||
features: [
|
||||
"Full service grooming",
|
||||
"Face mask",
|
||||
"Scalp massage",
|
||||
],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Essential", price: "$30", subtitle: "Classic haircut and fade", features: ["Consultation", "Precision fade", "Neck shave"], buttons: [{ text: "Book Now", href: "#contact" }] },
|
||||
{ id: "pro", badge: "Signature", price: "$45", subtitle: "Full grooming package", features: ["Signature haircut", "Beard trim", "Hot towel treatment"], buttons: [{ text: "Book Now", href: "#contact" }] },
|
||||
{ id: "premium", badge: "Elite", price: "$60", subtitle: "Ultimate experience", features: ["Full service grooming", "Face mask", "Scalp massage"], buttons: [{ text: "Book Now", href: "#contact" }] }
|
||||
]}
|
||||
title="Our Rates"
|
||||
description="Transparent pricing for world-class grooming services."
|
||||
@@ -176,30 +103,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marcus Thorne",
|
||||
role: "Head Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-male-with-tattoos-his-crossed-arms_613910-9532.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Lee",
|
||||
role: "Senior Stylist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-barber-tools-looking-side-isolated-crimson-background-with-copy-space_141793-31607.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Master Groomer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-getting-ready_1153-1518.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Chen",
|
||||
role: "Barber",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brutal-bearded-male-violet-jacket-isolated-with-contrast-illumination-grey-background_613910-1950.jpg",
|
||||
},
|
||||
{ id: "1", name: "Marcus Thorne", role: "Head Barber", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-male-with-tattoos-his-crossed-arms_613910-9532.jpg" },
|
||||
{ id: "2", name: "James Lee", role: "Senior Stylist", imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-barber-tools-looking-side-isolated-crimson-background-with-copy-space_141793-31607.jpg" },
|
||||
{ id: "3", name: "Elena Rodriguez", role: "Master Groomer", imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-getting-ready_1153-1518.jpg" },
|
||||
{ id: "4", name: "David Chen", role: "Barber", imageSrc: "http://img.b2bpic.net/free-photo/brutal-bearded-male-violet-jacket-isolated-with-contrast-illumination-grey-background_613910-1950.jpg" }
|
||||
]}
|
||||
title="Meet Your Barbers"
|
||||
description="Our team of masters dedicated to their craft."
|
||||
@@ -212,46 +119,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sam W.",
|
||||
role: "Regular",
|
||||
testimonial: "Best fade in town, hands down. Consistent quality every time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-cutting-hair-client_23-2147778920.jpg",
|
||||
imageAlt: "Side view barber cutting hair of client",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
role: "Local",
|
||||
testimonial: "Professional, clean, and great conversation. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5407.jpg?_wi=2",
|
||||
imageAlt: "Side view barber cutting hair of client",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Julian R.",
|
||||
role: "Regular",
|
||||
testimonial: "The beard trim is unmatched. Always sharp, always on point.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-with-brush-preparing-neck-hair-shaving_23-2148181930.jpg?_wi=2",
|
||||
imageAlt: "Side view barber cutting hair of client",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Robert L.",
|
||||
role: "New Client",
|
||||
testimonial: "Very welcoming environment. I've found my new regular spot.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-male-with-tattoos-his-crossed-arms_613910-9532.jpg?_wi=2",
|
||||
imageAlt: "Side view barber cutting hair of client",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Kevin T.",
|
||||
role: "Regular",
|
||||
testimonial: "Superb attention to detail. Worth every penny.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-barber-tools-looking-side-isolated-crimson-background-with-copy-space_141793-31607.jpg?_wi=2",
|
||||
imageAlt: "Side view barber cutting hair of client",
|
||||
},
|
||||
{ id: "1", name: "Sam W.", role: "Regular", testimonial: "Best fade in town, hands down. Consistent quality every time.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-cutting-hair-client_23-2147778920.jpg" },
|
||||
{ id: "2", name: "Mark D.", role: "Local", testimonial: "Professional, clean, and great conversation. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/man-barbershop_1303-5407.jpg" },
|
||||
{ id: "3", name: "Julian R.", role: "Regular", testimonial: "The beard trim is unmatched. Always sharp, always on point.", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-with-brush-preparing-neck-hair-shaving_23-2148181930.jpg" },
|
||||
{ id: "4", name: "Robert L.", role: "New Client", testimonial: "Very welcoming environment. I've found my new regular spot.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-male-with-tattoos-his-crossed-arms_613910-9532.jpg" },
|
||||
{ id: "5", name: "Kevin T.", role: "Regular", testimonial: "Superb attention to detail. Worth every penny.", imageSrc: "http://img.b2bpic.net/free-photo/impressed-young-caucasian-male-barber-wearing-glasses-wavy-hair-band-uniform-holding-barber-tools-looking-side-isolated-crimson-background-with-copy-space_141793-31607.jpg" }
|
||||
]}
|
||||
title="Client Stories"
|
||||
description="What our regulars say about their experience."
|
||||
@@ -261,27 +133,12 @@ export default function LandingPage() {
|
||||
<div id="location" data-section="location">
|
||||
<MetricCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Clock,
|
||||
title: "Monday - Friday",
|
||||
value: "9AM - 8PM",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Clock,
|
||||
title: "Saturday - Sunday",
|
||||
value: "10AM - 6PM",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: MapPin,
|
||||
title: "Find Us",
|
||||
value: "123 Groom St",
|
||||
},
|
||||
{ id: "1", icon: Clock, title: "Monday - Friday", value: "9AM - 8PM" },
|
||||
{ id: "2", icon: Clock, title: "Saturday - Sunday", value: "10AM - 6PM" },
|
||||
{ id: "3", icon: MapPin, title: "Find Us", value: "123 Groom St" }
|
||||
]}
|
||||
title="Shop Hours & Location"
|
||||
description="Find us in the heart of downtown."
|
||||
@@ -294,16 +151,8 @@ export default function LandingPage() {
|
||||
title="Book Your Appointment"
|
||||
description="Secure your chair today."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Your Email" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/anime-style-beauty-salon-with-cosmetology-equipment_23-2151500998.jpg"
|
||||
/>
|
||||
@@ -313,40 +162,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Heritage Cuts"
|
||||
columns={[
|
||||
{
|
||||
title: "Quick Links",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#team",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Quick Links", items: [{ label: "Services", href: "#services" }, { label: "Pricing", href: "#pricing" }, { label: "Team", href: "#team" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user