Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 37a2bc6e16 | |||
| aea8df6067 |
206
src/app/page.tsx
206
src/app/page.tsx
@@ -31,29 +31,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "home",
|
||||
},
|
||||
name: "Home", id: "home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Testimonials", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Khalifa Barber Shop"
|
||||
/>
|
||||
@@ -62,34 +50,23 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="Sharpen Your Style at Khalifa Barber Shop"
|
||||
description="Experience unparalleled grooming services, from classic cuts to modern styles. Our expert barbers are dedicated to crafting your perfect look and ensuring you leave feeling confident."
|
||||
kpis={[
|
||||
{
|
||||
value: "10+",
|
||||
label: "Years of Expertise",
|
||||
},
|
||||
value: "10+", label: "Years of Expertise"},
|
||||
{
|
||||
value: "5000+",
|
||||
label: "Satisfied Clients",
|
||||
},
|
||||
value: "5000+", label: "Satisfied Clients"},
|
||||
{
|
||||
value: "5",
|
||||
label: "Skilled Barbers",
|
||||
},
|
||||
value: "5", label: "Skilled Barbers"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book an Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book an Appointment", href: "#contact"},
|
||||
{
|
||||
text: "View Services",
|
||||
href: "#services",
|
||||
},
|
||||
text: "View Services", href: "#services"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-getting-haircut_23-2149220585.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -116,28 +93,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
tag: "Hair Care",
|
||||
title: "Precision Haircuts",
|
||||
subtitle: "Classic to Contemporary",
|
||||
description: "Whether you prefer a timeless classic, a modern fade, or a quick buzz cut, our barbers deliver meticulous precision and personalized style.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205929.jpg",
|
||||
},
|
||||
tag: "Hair Care", title: "Precision Haircuts", subtitle: "Classic to Contemporary", description: "Whether you prefer a timeless classic, a modern fade, or a quick buzz cut, our barbers deliver meticulous precision and personalized style.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205929.jpg"},
|
||||
{
|
||||
id: 2,
|
||||
tag: "Face Care",
|
||||
title: "Deluxe Shaving & Trims",
|
||||
subtitle: "Hot Lather & Beard Styling",
|
||||
description: "Indulge in our luxurious hot lather shaves for ultimate smoothness, or opt for a precision beard trim and line-up to perfect your facial hair.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122071.jpg",
|
||||
},
|
||||
tag: "Face Care", title: "Deluxe Shaving & Trims", subtitle: "Hot Lather & Beard Styling", description: "Indulge in our luxurious hot lather shaves for ultimate smoothness, or opt for a precision beard trim and line-up to perfect your facial hair.", imageSrc: "http://img.b2bpic.net/free-photo/composition-shaving-objects_23-2148122071.jpg"},
|
||||
{
|
||||
id: 3,
|
||||
tag: "Specialty",
|
||||
title: "Exclusive Grooming Treatments",
|
||||
subtitle: "Hair Styling & Facial Care",
|
||||
description: "Elevate your look with our professional hair wash and styling, or rejuvenate your skin with our refreshing facial grooming services.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-putting-foam-face-client_23-2147737016.jpg",
|
||||
},
|
||||
tag: "Specialty", title: "Exclusive Grooming Treatments", subtitle: "Hair Styling & Facial Care", description: "Elevate your look with our professional hair wash and styling, or rejuvenate your skin with our refreshing facial grooming services.", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-putting-foam-face-client_23-2147737016.jpg"},
|
||||
]}
|
||||
title="Masterful Cuts and Premium Grooming"
|
||||
description="Discover our comprehensive range of services, meticulously designed to ensure you always look sharp and feel impeccably confident."
|
||||
@@ -152,41 +114,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "classic-haircut",
|
||||
badge: "Popular",
|
||||
badgeIcon: Star,
|
||||
price: "$30",
|
||||
subtitle: "A fresh, classic cut to refine your look.",
|
||||
features: [
|
||||
"Precision Haircut",
|
||||
"Hair Wash",
|
||||
"Basic Styling",
|
||||
],
|
||||
id: "classic-haircut", badge: "Popular", badgeIcon: Star,
|
||||
price: "$30", subtitle: "A fresh, classic cut to refine your look.", features: [
|
||||
"Precision Haircut", "Hair Wash", "Basic Styling"],
|
||||
},
|
||||
{
|
||||
id: "deluxe-shave",
|
||||
badge: "Relax",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$25",
|
||||
subtitle: "Indulge in a luxurious, smooth hot lather shave.",
|
||||
features: [
|
||||
"Hot Lather Shave",
|
||||
"Face Massage",
|
||||
"Aftershave Application",
|
||||
],
|
||||
id: "deluxe-shave", badge: "Relax", badgeIcon: Sparkles,
|
||||
price: "$25", subtitle: "Indulge in a luxurious, smooth hot lather shave.", features: [
|
||||
"Hot Lather Shave", "Face Massage", "Aftershave Application"],
|
||||
},
|
||||
{
|
||||
id: "full-grooming",
|
||||
badge: "Best Value",
|
||||
badgeIcon: Award,
|
||||
price: "$50",
|
||||
subtitle: "The complete grooming experience for a polished look.",
|
||||
features: [
|
||||
"Precision Haircut",
|
||||
"Deluxe Hot Shave",
|
||||
"Beard Trim & Line-Up",
|
||||
"Hair Styling",
|
||||
],
|
||||
id: "full-grooming", badge: "Best Value", badgeIcon: Award,
|
||||
price: "$50", subtitle: "The complete grooming experience for a polished look.", features: [
|
||||
"Precision Haircut", "Deluxe Hot Shave", "Beard Trim & Line-Up", "Hair Styling"],
|
||||
},
|
||||
]}
|
||||
title="Transparent Pricing for Premium Services"
|
||||
@@ -201,41 +141,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Ahmed Al-Farsi",
|
||||
date: "May 20, 2024",
|
||||
title: "Always a perfect cut!",
|
||||
quote: "Khalifa Barber Shop consistently delivers the best haircuts in town. The attention to detail is outstanding, and the atmosphere is always welcoming. Highly recommend!",
|
||||
tag: "Haircut",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg",
|
||||
},
|
||||
id: "1", name: "Ahmed Al-Farsi", date: "May 20, 2024", title: "Always a perfect cut!", quote: "Khalifa Barber Shop consistently delivers the best haircuts in town. The attention to detail is outstanding, and the atmosphere is always welcoming. Highly recommend!", tag: "Haircut", avatarSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205870.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Omar Hassan",
|
||||
date: "April 15, 2024",
|
||||
title: "Best shave experience!",
|
||||
quote: "The hot lather shave here is pure bliss. My skin feels incredibly smooth afterwards. It's more than just a shave; it's a relaxing experience.",
|
||||
tag: "Shave",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/bearded-european-businessman-dark-suit-isolated-ties-tie_343596-4953.jpg",
|
||||
},
|
||||
id: "2", name: "Omar Hassan", date: "April 15, 2024", title: "Best shave experience!", quote: "The hot lather shave here is pure bliss. My skin feels incredibly smooth afterwards. It's more than just a shave; it's a relaxing experience.", tag: "Shave", avatarSrc: "http://img.b2bpic.net/free-photo/bearded-european-businessman-dark-suit-isolated-ties-tie_343596-4953.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Youssef Khan",
|
||||
date: "March 10, 2024",
|
||||
title: "My go-to place for grooming.",
|
||||
quote: "I've been coming to Khalifa for years. The barbers are truly artists, and I always leave feeling sharp and confident. Their full grooming package is a must-try.",
|
||||
tag: "Grooming",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg",
|
||||
},
|
||||
id: "3", name: "Youssef Khan", date: "March 10, 2024", title: "My go-to place for grooming.", quote: "I've been coming to Khalifa for years. The barbers are truly artists, and I always leave feeling sharp and confident. Their full grooming package is a must-try.", tag: "Grooming", avatarSrc: "http://img.b2bpic.net/free-photo/barber-giving-high-five-client_23-2147737095.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Tariq Mahmood",
|
||||
date: "February 28, 2024",
|
||||
title: "Professional and friendly staff.",
|
||||
quote: "The staff here are very professional and always provide a friendly service. They listen to what you want and execute it perfectly. Great place!",
|
||||
tag: "Service",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-waiting-new-haircut_23-2148353450.jpg",
|
||||
},
|
||||
id: "4", name: "Tariq Mahmood", date: "February 28, 2024", title: "Professional and friendly staff.", quote: "The staff here are very professional and always provide a friendly service. They listen to what you want and execute it perfectly. Great place!", tag: "Service", avatarSrc: "http://img.b2bpic.net/free-photo/man-waiting-new-haircut_23-2148353450.jpg"},
|
||||
]}
|
||||
title="What Our Valued Clients Say"
|
||||
description="Hear directly from those who consistently trust Khalifa Barber Shop for their grooming needs and impeccable style."
|
||||
@@ -250,27 +162,16 @@ export default function LandingPage() {
|
||||
description="Ready for a fresh look? Schedule your visit with our expert barbers. We look forward to welcoming you to Khalifa Barber Shop."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "Phone Number (Optional)",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "Phone Number (Optional)"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your desired service or preferred time...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your desired service or preferred time...", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cafe-canopy-window-paris_1147-462.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -284,50 +185,31 @@ export default function LandingPage() {
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg"
|
||||
columns={[
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Haircuts",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Haircuts", href: "#services"},
|
||||
{
|
||||
label: "Shaves",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Shaves", href: "#services"},
|
||||
{
|
||||
label: "Grooming",
|
||||
href: "#services",
|
||||
},
|
||||
label: "Grooming", href: "#services"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Testimonials",
|
||||
href: "#testimonials",
|
||||
},
|
||||
label: "Testimonials", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -338,4 +220,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user