Merge version_1 into main #2
391
src/app/page.tsx
391
src/app/page.tsx
@@ -32,26 +32,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Experience",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Heritage",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Team",
|
||||
id: "team",
|
||||
},
|
||||
{
|
||||
name: "Book Now",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Experience", id: "hero" },
|
||||
{ name: "Heritage", id: "about" },
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "Gallery", id: "gallery" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Book Now", id: "contact" },
|
||||
]}
|
||||
brandName="Karimi Saloon"
|
||||
/>
|
||||
@@ -59,81 +47,34 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Where Tradition Meets Precision"
|
||||
description="Authentic Iranian craftsmanship. Timeless grooming. A luxury experience in the heart of Dubai."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Authentic Craft",
|
||||
},
|
||||
{
|
||||
value: "15+ Yrs",
|
||||
label: "Experience",
|
||||
},
|
||||
{
|
||||
value: "Dubai",
|
||||
label: "Location",
|
||||
},
|
||||
{ value: "100%", label: "Authentic Craft" },
|
||||
{ value: "15+ Yrs", label: "Experience" },
|
||||
{ value: "Dubai", label: "Location" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Appointment",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Chat on WhatsApp",
|
||||
href: "https://wa.me/971553096648",
|
||||
},
|
||||
{ text: "Book Appointment", href: "#contact" },
|
||||
{ text: "Chat on WhatsApp", href: "https://wa.me/971553096648" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-poodle-posing-director-s-chair-makeup-studio_23-2151987175.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/happy-poodle-posing-director-s-chair-makeup-studio_23-2151987175.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/poodle-posing-makeup-studio_23-2151987172.jpg",
|
||||
alt: "A poodle posing in a makeup studio",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/person-creating-online-content-with-their-pets_23-2151420269.jpg",
|
||||
alt: "Person creating online content with their pets",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/poodle-posing-makeup-studio_23-2151987173.jpg",
|
||||
alt: "Poodle posing in a makeup studio",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adorable-portrait-pomeranian-dog_23-2151771788.jpg",
|
||||
alt: "Adorable portrait of pomeranian dog",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-view-man-barbershop_23-2148506245.jpg",
|
||||
alt: "Close-up view of man at barbershop",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/poodle-posing-makeup-studio_23-2151987172.jpg", alt: "A poodle posing in a makeup studio" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/person-creating-online-content-with-their-pets_23-2151420269.jpg", alt: "Person creating online content with their pets" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/poodle-posing-makeup-studio_23-2151987173.jpg", alt: "Poodle posing in a makeup studio" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/adorable-portrait-pomeranian-dog_23-2151771788.jpg", alt: "Adorable portrait of pomeranian dog" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-view-man-barbershop_23-2148506245.jpg", alt: "Close-up view of man at barbershop" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Grooming",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Premium Products",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Modern Elegance",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Persian Heritage",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Dubai Certified",
|
||||
},
|
||||
{ type: "text", text: "Expert Grooming" },
|
||||
{ type: "text", text: "Premium Products" },
|
||||
{ type: "text", text: "Modern Elegance" },
|
||||
{ type: "text", text: "Persian Heritage" },
|
||||
{ type: "text", text: "Dubai Certified" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,26 +83,11 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "The Art of ",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/adult-barber-trimming-clients-hair-barbershop_23-2148181956.jpg",
|
||||
alt: "Craftsmanship",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: " Persian Grooming",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#services",
|
||||
},
|
||||
{ type: "text", content: "The Art of " },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/adult-barber-trimming-clients-hair-barbershop_23-2148181956.jpg", alt: "Craftsmanship" },
|
||||
{ type: "text", content: " Persian Grooming" },
|
||||
]}
|
||||
buttons={[{ text: "Learn More", href: "#services" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -171,36 +97,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Scissors,
|
||||
title: "Hair & Styling",
|
||||
description: "Custom cuts, fades, and precision styling.",
|
||||
},
|
||||
{
|
||||
icon: Scissors,
|
||||
title: "Beard Craft",
|
||||
description: "Traditional shaping, trimming, and conditioning.",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Luxury Treatments",
|
||||
description: "Premium scalp and grooming packages.",
|
||||
},
|
||||
{
|
||||
icon: User,
|
||||
title: "Classic Grooming",
|
||||
description: "Authentic hot towel razor shaves.",
|
||||
},
|
||||
{
|
||||
icon: Palette,
|
||||
title: "Modern Styling",
|
||||
description: "Asian-inspired cuts and textured styles.",
|
||||
},
|
||||
{
|
||||
icon: Sparkles,
|
||||
title: "Detail & Care",
|
||||
description: "Manicures and targeted grooming attention.",
|
||||
},
|
||||
{ icon: Scissors, title: "Hair & Styling", description: "Custom cuts, fades, and precision styling." },
|
||||
{ icon: Scissors, title: "Beard Craft", description: "Traditional shaping, trimming, and conditioning." },
|
||||
{ icon: Sparkles, title: "Luxury Treatments", description: "Premium scalp and grooming packages." },
|
||||
{ icon: User, title: "Classic Grooming", description: "Authentic hot towel razor shaves." },
|
||||
{ icon: Palette, title: "Modern Styling", description: "Asian-inspired cuts and textured styles." },
|
||||
{ icon: Sparkles, title: "Detail & Care", description: "Manicures and targeted grooming attention." },
|
||||
]}
|
||||
title="Services"
|
||||
description="A refined curation of grooming mastery."
|
||||
@@ -211,54 +113,20 @@ export default function LandingPage() {
|
||||
<PricingCardNine
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
title: "Classic Grooming",
|
||||
price: "70 AED",
|
||||
period: "Per Service",
|
||||
features: [
|
||||
"Haircut",
|
||||
"Style",
|
||||
"Consultation",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focus-developer-typing-code-computer-close-up-shot-face_482257-111773.jpg",
|
||||
imageAlt: "haircut fade close up",
|
||||
},
|
||||
id: "p1", title: "Classic Grooming", price: "70 AED", period: "Per Service", features: ["Haircut", "Style", "Consultation"],
|
||||
button: { text: "Book Now" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/focus-developer-typing-code-computer-close-up-shot-face_482257-111773.jpg", imageAlt: "haircut fade close up"},
|
||||
{
|
||||
id: "p2",
|
||||
title: "Luxury Care",
|
||||
price: "250 AED",
|
||||
period: "Full Service",
|
||||
features: [
|
||||
"Full Grooming",
|
||||
"Hot Towel",
|
||||
"Treatment",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-poodle-posing-director-s-chair-makeup-studio_23-2151987175.jpg?_wi=2",
|
||||
imageAlt: "haircut fade close up",
|
||||
},
|
||||
id: "p2", title: "Luxury Care", price: "250 AED", period: "Full Service", features: ["Full Grooming", "Hot Towel", "Treatment"],
|
||||
button: { text: "Book Now" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-poodle-posing-director-s-chair-makeup-studio_23-2151987175.jpg", imageAlt: "haircut fade close up"},
|
||||
{
|
||||
id: "p3",
|
||||
title: "Home Service",
|
||||
price: "500 AED",
|
||||
period: "Premium",
|
||||
features: [
|
||||
"Personalized Grooming",
|
||||
"Travel Service",
|
||||
],
|
||||
button: {
|
||||
text: "Book Now",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-trimming-clients-hair-barbershop_23-2148181956.jpg",
|
||||
imageAlt: "haircut fade close up",
|
||||
},
|
||||
id: "p3", title: "Home Service", price: "500 AED", period: "Premium", features: ["Personalized Grooming", "Travel Service"],
|
||||
button: { text: "Book Now" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-trimming-clients-hair-barbershop_23-2148181956.jpg", imageAlt: "haircut fade close up"},
|
||||
]}
|
||||
title="Pricing"
|
||||
description="Excellence defined."
|
||||
@@ -272,34 +140,12 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
groups={[
|
||||
{
|
||||
id: "g1",
|
||||
groupTitle: "Artisans",
|
||||
members: [
|
||||
{
|
||||
id: "m1",
|
||||
title: "Mohammad",
|
||||
subtitle: "Founder & Master",
|
||||
detail: "Generational Persian grooming artist.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-with-ginger-beard-apron-gloves-holding-knife_273609-22043.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Meysam",
|
||||
subtitle: "Senior Stylist",
|
||||
detail: "Precision fades and modern trends.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairstylist-looking-camera_23-2147839829.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Simo",
|
||||
subtitle: "Grooming Specialist",
|
||||
detail: "Detail work and razor artistry.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286081.jpg",
|
||||
},
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-poodle-posing-director-s-chair-makeup-studio_23-2151987175.jpg?_wi=3",
|
||||
imageAlt: "barber portrait professional",
|
||||
},
|
||||
id: "g1", groupTitle: "Artisans", members: [
|
||||
{ id: "m1", title: "Mohammad", subtitle: "Founder & Master", detail: "Generational Persian grooming artist.", imageSrc: "http://img.b2bpic.net/free-photo/man-with-ginger-beard-apron-gloves-holding-knife_273609-22043.jpg" },
|
||||
{ id: "m2", title: "Meysam", subtitle: "Senior Stylist", detail: "Precision fades and modern trends.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-hairstylist-looking-camera_23-2147839829.jpg" },
|
||||
{ id: "m3", title: "Simo", subtitle: "Grooming Specialist", detail: "Detail work and razor artistry.", imageSrc: "http://img.b2bpic.net/free-photo/latino-hair-salon-owner-preparing-clients_23-2150286081.jpg" },
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Our Master Barbers"
|
||||
description="Generational craftsmanship, curated for the modern gentleman."
|
||||
@@ -313,34 +159,10 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "g1",
|
||||
name: "Modern Fade",
|
||||
price: "",
|
||||
variant: "Style",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-boy-posing-with-toned-lilac-hair-white-brick-background_651396-994.jpg",
|
||||
},
|
||||
{
|
||||
id: "g2",
|
||||
name: "Beard Detail",
|
||||
price: "",
|
||||
variant: "Precision",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-customer-s-beard-barber-shop_23-2147839832.jpg",
|
||||
},
|
||||
{
|
||||
id: "g3",
|
||||
name: "Salon Interior",
|
||||
price: "",
|
||||
variant: "Ambiance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-marble-texture-composition-close-up_23-2149016786.jpg",
|
||||
},
|
||||
{
|
||||
id: "g4",
|
||||
name: "Artistry",
|
||||
price: "",
|
||||
variant: "Detail",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg",
|
||||
},
|
||||
{ id: "g1", name: "Modern Fade", price: "", variant: "Style", imageSrc: "http://img.b2bpic.net/free-photo/young-boy-posing-with-toned-lilac-hair-white-brick-background_651396-994.jpg" },
|
||||
{ id: "g2", name: "Beard Detail", price: "", variant: "Precision", imageSrc: "http://img.b2bpic.net/free-photo/close-up-male-customer-s-beard-barber-shop_23-2147839832.jpg" },
|
||||
{ id: "g3", name: "Salon Interior", price: "", variant: "Ambiance", imageSrc: "http://img.b2bpic.net/free-photo/natural-marble-texture-composition-close-up_23-2149016786.jpg" },
|
||||
{ id: "g4", name: "Artistry", price: "", variant: "Detail", imageSrc: "http://img.b2bpic.net/free-photo/close-up-barber-combing-moustache-client_23-2147778838.jpg" },
|
||||
]}
|
||||
title="The Craft"
|
||||
description="Visualizing tradition and luxury."
|
||||
@@ -353,60 +175,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Ahmad",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Omar",
|
||||
role: "Architect",
|
||||
company: "Studio X",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Hassan",
|
||||
role: "Manager",
|
||||
company: "Global Group",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-man-business-clothes-looking-camera_171337-11392.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Zaid",
|
||||
role: "Developer",
|
||||
company: "Dev Solutions",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-shaved-head-male-dressed-light-grey-suit_613910-11361.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Karim",
|
||||
role: "Consultant",
|
||||
company: "Prime Advisory",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-smiling_23-2148729675.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Ahmad", role: "CEO", company: "TechCorp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
|
||||
{ id: "t2", name: "Omar", role: "Architect", company: "Studio X", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg" },
|
||||
{ id: "t3", name: "Hassan", role: "Manager", company: "Global Group", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-bearded-man-business-clothes-looking-camera_171337-11392.jpg" },
|
||||
{ id: "t4", name: "Zaid", role: "Developer", company: "Dev Solutions", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-elegant-shaved-head-male-dressed-light-grey-suit_613910-11361.jpg" },
|
||||
{ id: "t5", name: "Karim", role: "Consultant", company: "Prime Advisory", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-woman-smiling_23-2148729675.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Client Rating",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Happy Clients",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Authentic",
|
||||
},
|
||||
{ value: "5.0", label: "Client Rating" },
|
||||
{ value: "500+", label: "Happy Clients" },
|
||||
{ value: "100%", label: "Authentic" },
|
||||
]}
|
||||
title="Refined Reviews"
|
||||
description="Excellence as seen by our clients."
|
||||
@@ -416,9 +194,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Booking"
|
||||
title="Experience True Craftsmanship"
|
||||
description="Reserve your appointment today and elevate your style."
|
||||
@@ -430,42 +206,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/971553096648",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Home", href: "#hero" }, { label: "Services", href: "#services" }] },
|
||||
{ items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
|
||||
{ items: [{ label: "Instagram", href: "#" }, { label: "WhatsApp", href: "https://wa.me/971553096648" }] },
|
||||
]}
|
||||
logoText="Karimi Saloon"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user