Merge version_2 into main #1
293
src/app/page.tsx
293
src/app/page.tsx
@@ -34,21 +34,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Experience",
|
||||
id: "about",
|
||||
},
|
||||
name: "Experience", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Booking",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Booking", id: "contact"},
|
||||
]}
|
||||
brandName="HEXA Barbershop"
|
||||
/>
|
||||
@@ -57,45 +49,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Look Sharp. Feel Confident."
|
||||
description="Experience premium grooming at HEXA. Professional barbers, personalized consultation, and a relaxing space — complete with free coffee."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
{
|
||||
text: "View Location",
|
||||
href: "#location",
|
||||
},
|
||||
text: "View Location", href: "#location"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/haircuting-process-small-dog-sits-table-dog-with-professional_1157-48813.jpg",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/haircuting-process-small-dog-sits-table-dog-with-professional_1157-48813.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-getting-her-hair-brushed-salon_23-2148817181.jpg",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-getting-her-hair-brushed-salon_23-2148817181.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-s-instruments-shop_23-2149186524.jpg",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-barber-s-instruments-shop_23-2149186524.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-young-multiracial-baristas-relaxing-after-work-day-coffee-shop-cafe_613910-21581.jpg",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/two-young-multiracial-baristas-relaxing-after-work-day-coffee-shop-cafe_613910-21581.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149141753.jpg",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149141753.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-getting-haircut_23-2148257001.jpg",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/man-looking-away-getting-haircut_23-2148257001.jpg"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,12 +80,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Clean Space",
|
||||
"Free Coffee",
|
||||
"Expert Barbers",
|
||||
"Consistent Cuts",
|
||||
"Friendly Atmosphere",
|
||||
]}
|
||||
"Clean Space", "Free Coffee", "Expert Barbers", "Consistent Cuts", "Friendly Atmosphere"]}
|
||||
title="Trusted by 1000+ Clients"
|
||||
description="Rated 4.9 by our regular community in Sidoarjo."
|
||||
/>
|
||||
@@ -136,38 +106,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Precision Cuts",
|
||||
author: "Consultative Approach",
|
||||
description: "We don’t guess. Every cut starts with a professional consultation.",
|
||||
tags: [
|
||||
"Style",
|
||||
"Detail",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-getting-his-beard-trimmed_23-2148257037.jpg",
|
||||
},
|
||||
id: "f1", title: "Precision Cuts", author: "Consultative Approach", description: "We don’t guess. Every cut starts with a professional consultation.", tags: [
|
||||
"Style", "Detail"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-customer-getting-his-beard-trimmed_23-2148257037.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Relaxing Vibe",
|
||||
author: "Free Coffee Included",
|
||||
description: "Your local shop with a luxury feeling. Grab a coffee and chill.",
|
||||
tags: [
|
||||
"Comfort",
|
||||
"Vibe",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg",
|
||||
},
|
||||
id: "f2", title: "Relaxing Vibe", author: "Free Coffee Included", description: "Your local shop with a luxury feeling. Grab a coffee and chill.", tags: [
|
||||
"Comfort", "Vibe"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Friendly Experts",
|
||||
author: "Barbers Who Listen",
|
||||
description: "Experienced hands that respect your style preferences and feedback.",
|
||||
tags: [
|
||||
"Service",
|
||||
"Trust",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg",
|
||||
},
|
||||
id: "f3", title: "Friendly Experts", author: "Barbers Who Listen", description: "Experienced hands that respect your style preferences and feedback.", tags: [
|
||||
"Service", "Trust"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-hair-salon_23-2150665449.jpg"},
|
||||
]}
|
||||
title="The HEXA Difference"
|
||||
description="Premium grooming experience with accessible pricing."
|
||||
@@ -181,56 +130,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Essential",
|
||||
price: "Rp50K",
|
||||
subtitle: "Clean & Sharp",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Style Consultation",
|
||||
"Hot Towel",
|
||||
],
|
||||
id: "p1", badge: "Essential", price: "Rp50K", subtitle: "Clean & Sharp", features: [
|
||||
"Haircut", "Style Consultation", "Hot Towel"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Popular",
|
||||
price: "Rp60K",
|
||||
subtitle: "Full Refresh",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Wash",
|
||||
"Style Consultation",
|
||||
"Finish",
|
||||
],
|
||||
id: "p2", badge: "Popular", price: "Rp60K", subtitle: "Full Refresh", features: [
|
||||
"Haircut", "Wash", "Style Consultation", "Finish"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Grooming",
|
||||
price: "Rp80K",
|
||||
subtitle: "The Ultimate Look",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Wash",
|
||||
"Beard Trim",
|
||||
"Consultation",
|
||||
],
|
||||
id: "p3", badge: "Grooming", price: "Rp80K", subtitle: "The Ultimate Look", features: [
|
||||
"Haircut", "Wash", "Beard Trim", "Consultation"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Now", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -246,59 +166,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Budi Santoso",
|
||||
role: "Student",
|
||||
company: "Regular Client",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg",
|
||||
},
|
||||
id: "t1", name: "Budi Santoso", role: "Student", company: "Regular Client", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-brutal-man-with-beard-cut-barbershop_343596-4697.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Rian H.",
|
||||
role: "Professional",
|
||||
company: "HEXA Fan",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg",
|
||||
},
|
||||
id: "t2", name: "Rian H.", role: "Professional", company: "HEXA Fan", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Aditya",
|
||||
role: "Designer",
|
||||
company: "Customer",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-hair-salon_23-2150665387.jpg",
|
||||
},
|
||||
id: "t3", name: "Aditya", role: "Designer", company: "Customer", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-man-hair-salon_23-2150665387.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Kevin",
|
||||
role: "Student",
|
||||
company: "Regular",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-shaving-home_23-2150226094.jpg",
|
||||
},
|
||||
id: "t4", name: "Kevin", role: "Student", company: "Regular", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-shaving-home_23-2150226094.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Yoga",
|
||||
role: "Professional",
|
||||
company: "Loyal",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18649.jpg",
|
||||
},
|
||||
id: "t5", name: "Yoga", role: "Professional", company: "Loyal", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-male-who-himself-shaving-while-sitting-barber-chair-hairdressing-salon_613910-18649.jpg"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9",
|
||||
label: "Google Rating",
|
||||
},
|
||||
value: "4.9", label: "Google Rating"},
|
||||
{
|
||||
value: "1000+",
|
||||
label: "Clients Served",
|
||||
},
|
||||
value: "1000+", label: "Clients Served"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Customer Love",
|
||||
},
|
||||
value: "100%", label: "Customer Love"},
|
||||
]}
|
||||
title="Voices of HEXA"
|
||||
description="What our customers are saying about our barbers."
|
||||
@@ -313,25 +202,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10+1",
|
||||
title: "Loyalty Program",
|
||||
description: "Get every 11th haircut free.",
|
||||
icon: Award,
|
||||
id: "m1", value: "10+1", title: "Loyalty Program", description: "Get every 11th haircut free.", icon: Award,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "Fast",
|
||||
title: "Priority Booking",
|
||||
description: "Members get access to priority slots.",
|
||||
icon: Zap,
|
||||
id: "m2", value: "Fast", title: "Priority Booking", description: "Members get access to priority slots.", icon: Zap,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "VIP",
|
||||
title: "Exclusive Perks",
|
||||
description: "Surprise benefits for regulars.",
|
||||
icon: Star,
|
||||
id: "m3", value: "VIP", title: "Exclusive Perks", description: "Surprise benefits for regulars.", icon: Star,
|
||||
},
|
||||
]}
|
||||
title="Stay Sharp. Get Rewarded."
|
||||
@@ -347,41 +224,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Interior View",
|
||||
price: "Studio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
|
||||
},
|
||||
id: "g1", name: "Interior View", price: "Studio", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg"},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Sharp Fade",
|
||||
price: "Style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-leaning-glass-window-using-cellphone_23-2147955454.jpg",
|
||||
},
|
||||
id: "g2", name: "Sharp Fade", price: "Style", imageSrc: "http://img.b2bpic.net/free-photo/young-man-leaning-glass-window-using-cellphone_23-2147955454.jpg"},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Barber Tools",
|
||||
price: "Precision",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-talking-phone_23-2148415819.jpg",
|
||||
},
|
||||
id: "g3", name: "Barber Tools", price: "Precision", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-talking-phone_23-2148415819.jpg"},
|
||||
{
|
||||
id: "g4",
|
||||
name: "Signature Coffee",
|
||||
price: "Refresh",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barista-working-steam-espresso-coffee-machine-coffee-shop_613910-20704.jpg",
|
||||
},
|
||||
id: "g4", name: "Signature Coffee", price: "Refresh", imageSrc: "http://img.b2bpic.net/free-photo/barista-working-steam-espresso-coffee-machine-coffee-shop_613910-20704.jpg"},
|
||||
{
|
||||
id: "g5",
|
||||
name: "Workshop",
|
||||
price: "Studio",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg",
|
||||
},
|
||||
id: "g5", name: "Workshop", price: "Studio", imageSrc: "http://img.b2bpic.net/free-photo/customer-standing-front-mirror-barbershop_23-2148181953.jpg"},
|
||||
{
|
||||
id: "g6",
|
||||
name: "Final Look",
|
||||
price: "Style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-man-with-shirtless-tattooed-body-grey-background_613910-165.jpg",
|
||||
},
|
||||
id: "g6", name: "Final Look", price: "Style", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-bearded-man-with-shirtless-tattooed-body-grey-background_613910-165.jpg"},
|
||||
]}
|
||||
title="HEXA In Action"
|
||||
description="Behind the chair at our Sidoarjo studio."
|
||||
@@ -392,14 +245,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
text="Your Go-To Barbershop in Sidoarjo. Ready to look your best? Book your appointment today via WhatsApp."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment via WhatsApp",
|
||||
href: "https://wa.me/yournumber",
|
||||
},
|
||||
text: "Start Your Booking", href: "https://wa.me/yournumber"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -410,38 +260,25 @@ export default function LandingPage() {
|
||||
logoText="HEXA Barbershop"
|
||||
columns={[
|
||||
{
|
||||
title: "HEXA",
|
||||
items: [
|
||||
title: "HEXA", items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Services", href: "#services"},
|
||||
{
|
||||
label: "Location",
|
||||
href: "#location",
|
||||
},
|
||||
label: "Location", href: "#location"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
title: "Socials", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
label: "Instagram", href: "#"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "#",
|
||||
},
|
||||
label: "WhatsApp", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -451,4 +288,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user