bender/25639a1c-e78e-4c1e-9ba9-637cddc97fcd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-18 16:16:17 +00:00
parent 85f327b0da
commit 3f15a1fbc9
1 changed files with 65 additions and 228 deletions
Download Patch File Download Diff File Expand all files Collapse all files

293
src/app/page.tsx
View File

@@ -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>
);
}
}