Merge version_1 into main #1
238
src/app/page.tsx
238
src/app/page.tsx
@@ -32,93 +32,39 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "home" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Hellgoz"
|
||||
button={{
|
||||
text: "Book Now",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Book Now", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="home" data-section="home">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Premium Cuts, Expert Barbers, Your Neighborhood."
|
||||
description="Walk in or book online. Hellgoz delivers quality grooming and a welcoming atmosphere every visit."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-holding-hair-clippers-winner-cup-isolated-olive-green_141793-84218.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/trendy-man-with-cool-beard-grey-t-shirt-brown-shirt-making-photo-showing-peace-sign-isolated-blue-wall_197531-23745.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462466.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hairstylist-woman-doing-haircut_1163-2018.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-barbershop-beard-is-shaving_1321-494.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-holding-hair-clippers-winner-cup-isolated-olive-green_141793-84218.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/trendy-man-with-cool-beard-grey-t-shirt-brown-shirt-making-photo-showing-peace-sign-isolated-blue-wall_197531-23745.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462466.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/hairstylist-woman-doing-haircut_1163-2018.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-barbershop-beard-is-shaving_1321-494.jpg", alt: "Client 5" },
|
||||
]}
|
||||
avatarText="Trusted by 500+ locals"
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Your Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "Book Your Appointment", href: "#contact" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Classic Styles",
|
||||
icon: Scissors,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Modern Fades",
|
||||
icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Beard Grooming",
|
||||
icon: User,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Hot Towel Shave",
|
||||
icon: Flame,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Consultations",
|
||||
icon: MessageSquare,
|
||||
},
|
||||
{ type: "text-icon", text: "Classic Styles", icon: Scissors },
|
||||
{ type: "text-icon", text: "Modern Fades", icon: Sparkles },
|
||||
{ type: "text-icon", text: "Beard Grooming", icon: User },
|
||||
{ type: "text-icon", text: "Hot Towel Shave", icon: Flame },
|
||||
{ type: "text-icon", text: "Consultations", icon: MessageSquare },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -143,28 +89,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Precision Cuts",
|
||||
description: "Tailored haircuts for every style.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-moustache-client_23-2147778841.jpg",
|
||||
title: "Precision Cuts", description: "Tailored haircuts for every style.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-moustache-client_23-2147778841.jpg", imageAlt: "man getting professional shave"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Check,
|
||||
text: "Classic styles",
|
||||
},
|
||||
{
|
||||
icon: Check,
|
||||
text: "Modern fades",
|
||||
},
|
||||
{
|
||||
icon: Check,
|
||||
text: "Full consultations",
|
||||
},
|
||||
{ icon: Check, text: "Classic styles" },
|
||||
{ icon: Check, text: "Modern fades" },
|
||||
{ icon: Check, text: "Full consultations" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work-close-up-nape_627829-7308.jpg",
|
||||
imageAlt: "man getting professional shave",
|
||||
},
|
||||
]}
|
||||
title="Comprehensive Grooming Services"
|
||||
@@ -179,51 +112,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
price: "$25",
|
||||
name: "Standard Haircut",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Classic cut",
|
||||
"Neck shave",
|
||||
],
|
||||
id: "basic", price: "$25", name: "Standard Haircut", buttons: [{ text: "Select", href: "#contact" }],
|
||||
features: ["Classic cut", "Neck shave"],
|
||||
},
|
||||
{
|
||||
id: "premium",
|
||||
price: "$45",
|
||||
name: "Deluxe Grooming",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Haircut",
|
||||
"Beard trim",
|
||||
"Hot towel",
|
||||
],
|
||||
id: "premium", price: "$45", name: "Deluxe Grooming", buttons: [{ text: "Select", href: "#contact" }],
|
||||
features: ["Haircut", "Beard trim", "Hot towel"],
|
||||
},
|
||||
{
|
||||
id: "signature",
|
||||
price: "$60",
|
||||
name: "Full Experience",
|
||||
buttons: [
|
||||
{
|
||||
text: "Select",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"Deluxe package",
|
||||
"Facial treatment",
|
||||
"Styling",
|
||||
],
|
||||
id: "signature", price: "$60", name: "Full Experience", buttons: [{ text: "Select", href: "#contact" }],
|
||||
features: ["Deluxe package", "Facial treatment", "Styling"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing"
|
||||
@@ -237,24 +135,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Star,
|
||||
title: "Happy Clients",
|
||||
value: "1200+",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
icon: Scissors,
|
||||
title: "Cuts Performed",
|
||||
value: "5000+",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
icon: Coffee,
|
||||
title: "Cups of Coffee",
|
||||
value: "8000+",
|
||||
},
|
||||
{ id: "1", icon: Star, title: "Happy Clients", value: "1200+" },
|
||||
{ id: "2", icon: Scissors, title: "Cuts Performed", value: "5000+" },
|
||||
{ id: "3", icon: Coffee, title: "Cups of Coffee", value: "8000+" },
|
||||
]}
|
||||
title="Our Impact in Numbers"
|
||||
description="We pride ourselves on excellence every single day."
|
||||
@@ -268,26 +151,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="Marcus R."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/top-view-smiling-male-hairdesser-wearing-gray-apron-holding-scissor-making-victory-gesture-blue-soft-color-background_140725-155283.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-taking-good-care-his-face-home_23-2148883814.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167393.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/reflection-mirror-self-confident-proud-male-with-dark-hair-naked-body-looking-his-biceps-with-satisfied-facial-expression-posing-bathroom_176532-14936.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiling-man-hairsalon_23-2148224426.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/top-view-smiling-male-hairdesser-wearing-gray-apron-holding-scissor-making-victory-gesture-blue-soft-color-background_140725-155283.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-taking-good-care-his-face-home_23-2148883814.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167393.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/reflection-mirror-self-confident-proud-male-with-dark-hair-naked-body-looking-his-biceps-with-satisfied-facial-expression-posing-bathroom_176532-14936.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiling-man-hairsalon_23-2148224426.jpg", alt: "Client 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -299,21 +167,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Do I need an appointment?",
|
||||
content: "We accept walk-ins, but online booking is recommended to guarantee your time.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "What payment methods are accepted?",
|
||||
content: "We accept all major credit cards and digital payments.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Where are you located?",
|
||||
content: "We are located at 123 Main Street, right in the heart of the city center.",
|
||||
},
|
||||
{ id: "1", title: "Do I need an appointment?", content: "We accept walk-ins, but online booking is recommended to guarantee your time." },
|
||||
{ id: "2", title: "What payment methods are accepted?", content: "We accept all major credit cards and digital payments." },
|
||||
{ id: "3", title: "Where are you located?", content: "We are located at 123 Main Street, right in the heart of the city center." },
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions? We have answers."
|
||||
@@ -324,9 +180,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Contact Us"
|
||||
title="Ready for your next cut?"
|
||||
description="Sign up for updates or message us directly to book your slot."
|
||||
@@ -340,16 +194,8 @@ export default function LandingPage() {
|
||||
logoText="Hellgoz Barber Shop"
|
||||
copyrightText="© 2025 Hellgoz. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{ icon: Instagram, href: "#", ariaLabel: "Instagram" },
|
||||
{ icon: Facebook, href: "#", ariaLabel: "Facebook" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user