Merge version_2 into main #2
207
src/app/page.tsx
207
src/app/page.tsx
@@ -30,21 +30,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Book Now", id: "hero"},
|
||||
{
|
||||
name: "Gallery",
|
||||
id: "social-proof",
|
||||
},
|
||||
name: "Gallery", id: "social-proof"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="GXV Blendz"
|
||||
/>
|
||||
@@ -53,47 +45,26 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated-grid",
|
||||
}}
|
||||
variant: "rotated-rays-animated-grid"}}
|
||||
title="Sharp Cuts. Clean Fades. Confidence Every Time."
|
||||
description="Precision barbering that keeps you looking fresh 24/7. No rushed cuts. No missed details."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Cut",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Cut", href: "#contact"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n8xebh",
|
||||
imageAlt: "barber haircut fade close up",
|
||||
},
|
||||
id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n8xebh", imageAlt: "barber haircut fade close up"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uiroq9",
|
||||
imageAlt: "barber haircut fade close up",
|
||||
},
|
||||
id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uiroq9", imageAlt: "barber haircut fade close up"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2d4vyi",
|
||||
imageAlt: "barber haircut fade close up",
|
||||
},
|
||||
id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2d4vyi", imageAlt: "barber haircut fade close up"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k66f1x",
|
||||
imageAlt: "barber haircut fade close up",
|
||||
},
|
||||
id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=k66f1x", imageAlt: "barber haircut fade close up"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f4ixig",
|
||||
imageAlt: "barber haircut fade close up",
|
||||
},
|
||||
id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f4ixig", imageAlt: "barber haircut fade close up"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xd591p",
|
||||
imageAlt: "barber haircut fade close up",
|
||||
},
|
||||
id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xd591p", imageAlt: "barber haircut fade close up"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,53 +76,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Leo P.",
|
||||
handle: "@leo_style",
|
||||
testimonial: "Best fade I’ve ever gotten. Super clean.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qdxz6f&_wi=1",
|
||||
imageAlt: "young man skin fade haircut",
|
||||
},
|
||||
id: "1", name: "Leo P.", handle: "@leo_style", testimonial: "Best fade I’ve ever gotten. Super clean.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qdxz6f&_wi=1", imageAlt: "young man skin fade haircut"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus R.",
|
||||
handle: "@mrcs_r",
|
||||
testimonial: "Always leaves me clean and looking fresh.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=od6p4u&_wi=1",
|
||||
imageAlt: "clean barber taper fade",
|
||||
},
|
||||
id: "2", name: "Marcus R.", handle: "@mrcs_r", testimonial: "Always leaves me clean and looking fresh.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=od6p4u&_wi=1", imageAlt: "clean barber taper fade"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Jordan S.",
|
||||
handle: "@jordy_s",
|
||||
testimonial: "Never misses. The attention to detail is unmatched.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wma45o&_wi=1",
|
||||
imageAlt: "sharp taper haircut detail",
|
||||
},
|
||||
id: "3", name: "Jordan S.", handle: "@jordy_s", testimonial: "Never misses. The attention to detail is unmatched.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wma45o&_wi=1", imageAlt: "sharp taper haircut detail"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Darius T.",
|
||||
handle: "@darius_t",
|
||||
testimonial: "Top tier barber. Highly recommend.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mvungs&_wi=1",
|
||||
imageAlt: "mens fresh haircut beard",
|
||||
},
|
||||
id: "4", name: "Darius T.", handle: "@darius_t", testimonial: "Top tier barber. Highly recommend.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mvungs&_wi=1", imageAlt: "mens fresh haircut beard"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex B.",
|
||||
handle: "@ab_blendz",
|
||||
testimonial: "Crisp lines and solid fade work every visit.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kil9xn&_wi=1",
|
||||
imageAlt: "textured crop skin fade",
|
||||
},
|
||||
id: "5", name: "Alex B.", handle: "@ab_blendz", testimonial: "Crisp lines and solid fade work every visit.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kil9xn&_wi=1", imageAlt: "textured crop skin fade"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Real Clients. Real Results."
|
||||
title="What Our Clients Say"
|
||||
description="See why our clients trust us with their look every time."
|
||||
/>
|
||||
</div>
|
||||
@@ -164,30 +105,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Taper Fade",
|
||||
description: "Classic look with sharp transition.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qdxz6f&_wi=2",
|
||||
},
|
||||
title: "Taper Fade", description: "Classic look with sharp transition.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qdxz6f&_wi=2"},
|
||||
{
|
||||
title: "Skin Fade",
|
||||
description: "Ultra clean, zero-length fade.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=od6p4u&_wi=2",
|
||||
},
|
||||
title: "Skin Fade", description: "Ultra clean, zero-length fade.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=od6p4u&_wi=2"},
|
||||
{
|
||||
title: "Line Up / Edge Up",
|
||||
description: "Crisp edges and surgical precision.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wma45o&_wi=2",
|
||||
},
|
||||
title: "Line Up / Edge Up", description: "Crisp edges and surgical precision.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wma45o&_wi=2"},
|
||||
{
|
||||
title: "Full Haircut",
|
||||
description: "Complete transformation top to bottom.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mvungs&_wi=2",
|
||||
},
|
||||
title: "Full Haircut", description: "Complete transformation top to bottom.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mvungs&_wi=2"},
|
||||
{
|
||||
title: "Beard Work",
|
||||
description: "Refined and shaped to perfection.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kil9xn&_wi=2",
|
||||
},
|
||||
title: "Beard Work", description: "Refined and shaped to perfection.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=kil9xn&_wi=2"},
|
||||
]}
|
||||
title="What You Can Get"
|
||||
description="Professional styling services tailored to your unique look."
|
||||
@@ -201,17 +127,11 @@ export default function LandingPage() {
|
||||
description="We prioritize quality over speed, delivering premium barbering experiences every single time."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Precision Focus",
|
||||
},
|
||||
value: "100%", title: "Precision Focus"},
|
||||
{
|
||||
value: "24/7",
|
||||
title: "Fresh Outlook",
|
||||
},
|
||||
value: "24/7", title: "Fresh Outlook"},
|
||||
{
|
||||
value: "5★",
|
||||
title: "Rating",
|
||||
},
|
||||
value: "5★", title: "Rating"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -229,35 +149,11 @@ export default function LandingPage() {
|
||||
description="Stay updated with our latest blends and styles on Instagram."
|
||||
blogs={[
|
||||
{
|
||||
id: "1",
|
||||
category: "Style",
|
||||
title: "Modern Skin Fades",
|
||||
excerpt: "Latest techniques for a sharp look.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f5xks8",
|
||||
authorName: "GXV",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0vpb0o",
|
||||
date: "Jan 2025",
|
||||
},
|
||||
id: "1", category: "Style", title: "Modern Skin Fades", excerpt: "Latest techniques for a sharp look.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f5xks8", authorName: "GXV", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0vpb0o", date: "Jan 2025"},
|
||||
{
|
||||
id: "2",
|
||||
category: "Style",
|
||||
title: "Taper Essentials",
|
||||
excerpt: "Mastering the taper fade transition.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z84kea",
|
||||
authorName: "GXV",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3gx1l6",
|
||||
date: "Jan 2025",
|
||||
},
|
||||
id: "2", category: "Style", title: "Taper Essentials", excerpt: "Mastering the taper fade transition.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z84kea", authorName: "GXV", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3gx1l6", date: "Jan 2025"},
|
||||
{
|
||||
id: "3",
|
||||
category: "Style",
|
||||
title: "Precision Edges",
|
||||
excerpt: "Why line ups make the difference.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wm9sge",
|
||||
authorName: "GXV",
|
||||
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bcpgjx",
|
||||
date: "Jan 2025",
|
||||
},
|
||||
id: "3", category: "Style", title: "Precision Edges", excerpt: "Why line ups make the difference.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wm9sge", authorName: "GXV", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bcpgjx", date: "Jan 2025"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -266,16 +162,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Ready to book?"
|
||||
title="Get Your Spot"
|
||||
description="Stop showing up average. Stay sharp. Secure your appointment today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Cut",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Your Cut", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -287,33 +180,21 @@ export default function LandingPage() {
|
||||
logoText="GXV Blendz"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{
|
||||
label: "Book Now",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Book Now", href: "#hero"},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Gallery",
|
||||
href: "#social-proof",
|
||||
},
|
||||
label: "Gallery", href: "#social-proof"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -322,4 +203,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user