Merge version_1 into main #2
231
src/app/page.tsx
231
src/app/page.tsx
@@ -30,81 +30,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Gentleman's Cut"
|
||||
button={{ text: "Book Appointment", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Precision Grooming for the Modern Gentleman"
|
||||
description="Experience superior craftsmanship and timeless style in the heart of the city. Join a community of men who value tradition."
|
||||
testimonials={[
|
||||
{
|
||||
name: "James Smith",
|
||||
handle: "@jsmith",
|
||||
testimonial: "Best haircut I've had in years. The atmosphere is incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186529.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "David Miller",
|
||||
handle: "@dmiller",
|
||||
testimonial: "Consistently great service and professional staff. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man_1301-5878.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Robert Chen",
|
||||
handle: "@rchen",
|
||||
testimonial: "The classic hot towel shave is a game changer.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204976.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Michael Reed",
|
||||
handle: "@mreed",
|
||||
testimonial: "Exceptional attention to detail. Gentleman's Cut is my new regular spot.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-having-hair-cut_23-2147778925.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Alex Johnson",
|
||||
handle: "@ajohnson",
|
||||
testimonial: "The vibe is top notch and the cuts are sharp.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186529.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{ name: "James Smith", handle: "@jsmith", testimonial: "Best haircut I've had in years. The atmosphere is incredible.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186529.jpg" },
|
||||
{ name: "David Miller", handle: "@dmiller", testimonial: "Consistently great service and professional staff. Highly recommend.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man_1301-5878.jpg" },
|
||||
{ name: "Robert Chen", handle: "@rchen", testimonial: "The classic hot towel shave is a game changer.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204976.jpg" },
|
||||
{ name: "Michael Reed", handle: "@mreed", testimonial: "Exceptional attention to detail. Gentleman's Cut is my new regular spot.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-having-hair-cut_23-2147778925.jpg" },
|
||||
{ name: "Alex Johnson", handle: "@ajohnson", testimonial: "The vibe is top notch and the cuts are sharp.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186529.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Book Appointment", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-confident-blonde-male-barber-uniform-holds-face-trimming-beard-with-hair-clipper-isolated-green-space-with-copy-space_141793-60152.jpg"
|
||||
imageAlt="Barbershop interior"
|
||||
mediaAnimation="blur-reveal"
|
||||
@@ -129,27 +78,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Precision Haircut",
|
||||
description: "Classic and modern cuts tailored to your unique facial features.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-is-using-shaver_1150-6525.jpg",
|
||||
imageAlt: "Haircut",
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Facial Treatments",
|
||||
description: "Revitalizing hot towel shaves and skin care for a fresh, clean look.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-with-face-cream_23-2149137918.jpg",
|
||||
imageAlt: "Facial",
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Beard Grooming",
|
||||
description: "Expert beard trimming, sculpting, and maintenance for a sharp appearance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-shaving-man-s-beard_23-2148242862.jpg",
|
||||
imageAlt: "Beard Trim",
|
||||
},
|
||||
{ id: 1, title: "Precision Haircut", description: "Classic and modern cuts tailored to your unique facial features.", imageSrc: "http://img.b2bpic.net/free-photo/man-is-using-shaver_1150-6525.jpg", imageAlt: "Haircut" },
|
||||
{ id: 2, title: "Facial Treatments", description: "Revitalizing hot towel shaves and skin care for a fresh, clean look.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-senior-man-with-face-cream_23-2149137918.jpg", imageAlt: "Facial" },
|
||||
{ id: 3, title: "Beard Grooming", description: "Expert beard trimming, sculpting, and maintenance for a sharp appearance.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-shaving-man-s-beard_23-2148242862.jpg", imageAlt: "Beard Trim" }
|
||||
]}
|
||||
title="Signature Services"
|
||||
description="Tailored grooming solutions designed to elevate your personal style."
|
||||
@@ -162,42 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$35",
|
||||
subtitle: "A sharp, classic maintenance cut.",
|
||||
features: [
|
||||
"Precision haircut",
|
||||
"Neck shave",
|
||||
"Styling",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Signature",
|
||||
price: "$55",
|
||||
subtitle: "The full Gentleman's Cut experience.",
|
||||
features: [
|
||||
"Precision haircut",
|
||||
"Hot towel shave",
|
||||
"Beard trim",
|
||||
"Essential grooming",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "deluxe",
|
||||
badge: "Premium",
|
||||
price: "$85",
|
||||
subtitle: "Total grooming transformation.",
|
||||
features: [
|
||||
"Precision haircut",
|
||||
"Full beard sculpting",
|
||||
"Facial treatment",
|
||||
"Scalp massage",
|
||||
"Premium product application",
|
||||
],
|
||||
},
|
||||
{ id: "basic", badge: "Essential", price: "$35", subtitle: "A sharp, classic maintenance cut.", features: ["Precision haircut", "Neck shave", "Styling"] },
|
||||
{ id: "pro", badge: "Signature", price: "$55", subtitle: "The full Gentleman's Cut experience.", features: ["Precision haircut", "Hot towel shave", "Beard trim", "Essential grooming"] },
|
||||
{ id: "deluxe", badge: "Premium", price: "$85", subtitle: "Total grooming transformation.", features: ["Precision haircut", "Full beard sculpting", "Facial treatment", "Scalp massage", "Premium product application"] }
|
||||
]}
|
||||
title="Standard Services"
|
||||
description="Choose the perfect grooming ritual."
|
||||
@@ -210,41 +108,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "James Smith",
|
||||
handle: "@jsmith",
|
||||
testimonial: "Truly the best barbershop experience.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186529.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Miller",
|
||||
handle: "@dmiller",
|
||||
testimonial: "They always take the time to get it right.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man_1301-5878.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Robert Chen",
|
||||
handle: "@rchen",
|
||||
testimonial: "Unmatched professionalism and expertise.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204976.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Michael Reed",
|
||||
handle: "@mreed",
|
||||
testimonial: "My go-to spot for sharp haircuts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-having-hair-cut_23-2147778925.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Thomas Wright",
|
||||
handle: "@twright",
|
||||
testimonial: "Exceptional service every time I walk in.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man_1301-5878.jpg?_wi=3",
|
||||
},
|
||||
{ id: "1", name: "James Smith", handle: "@jsmith", testimonial: "Truly the best barbershop experience.", imageSrc: "http://img.b2bpic.net/free-photo/young-man-barber-shop-after-getting-haircut_23-2149186529.jpg" },
|
||||
{ id: "2", name: "David Miller", handle: "@dmiller", testimonial: "They always take the time to get it right.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man_1301-5878.jpg" },
|
||||
{ id: "3", name: "Robert Chen", handle: "@rchen", testimonial: "Unmatched professionalism and expertise.", imageSrc: "http://img.b2bpic.net/free-photo/man-doing-his-self-care-ritual_23-2149204976.jpg" },
|
||||
{ id: "4", name: "Michael Reed", handle: "@mreed", testimonial: "My go-to spot for sharp haircuts.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-man-having-hair-cut_23-2147778925.jpg" },
|
||||
{ id: "5", name: "Thomas Wright", handle: "@twright", testimonial: "Exceptional service every time I walk in.", imageSrc: "http://img.b2bpic.net/free-photo/elegant-young-handsome-man_1301-5878.jpg" }
|
||||
]}
|
||||
title="Voices of Style"
|
||||
description="Hear what our distinguished patrons have to say."
|
||||
@@ -254,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 Seat"
|
||||
description="Ready for your next cut? Reach out to schedule an appointment with our master barbers."
|
||||
@@ -270,50 +136,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
{
|
||||
label: "Booking",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Services", href: "#features" }, { label: "Pricing", href: "#pricing" }, { label: "Booking", href: "#contact" }] },
|
||||
{ items: [{ label: "Instagram", href: "#" }, { label: "Twitter", href: "#" }, { label: "Facebook", href: "#" }] },
|
||||
{ items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
|
||||
]}
|
||||
logoText="Gentleman's Cut"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user