bender/e432eafa-7ddd-4e74-96cf-6d6ffe2d0364
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-31 22:29:29 +00:00
parent 6e15661417 84127ffb31
commit 5e02e97efa
3 changed files with 160 additions and 517 deletions
Download Patch File Download Diff File Expand all files Collapse all files

149
src/app/about/page.tsx
View File

@@ -27,49 +27,27 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "About",
id: "/about",
},
name: "About", id: "/about"},
{
name: "Services",
id: "/services",
},
name: "Services", id: "/services"},
{
name: "Kids",
id: "/kids",
},
name: "Kids", id: "/kids"},
{
name: "Groom",
id: "/groom",
},
name: "Groom", id: "/groom"},
{
name: "Portfolio",
id: "/portfolio",
},
name: "Portfolio", id: "/portfolio"},
{
name: "Team",
id: "/team",
},
name: "Team", id: "/team"},
{
name: "Testimonials",
id: "/testimonials",
},
name: "Testimonials", id: "/testimonials"},
{
name: "Offers",
id: "/offers",
},
name: "Offers", id: "/offers"},
{
name: "Booking",
id: "/booking",
},
name: "Booking", id: "/booking"},
{
name: "Contact",
id: "/contact",
},
name: "Contact", id: "/contact"},
]}
brandName="KOKO Salon"
/>
@@ -80,14 +58,8 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "The KOKO Legacy of Excellence",
},
type: "text", content: "The KOKO Legacy of Excellence"},
]}
description="At KOKO Salon, every cut tells a story of tradition, innovation, and unwavering commitment to client satisfaction. Our journey began with a vision to redefine luxury grooming in Suez, transforming a simple haircut into an immersive, refined experience. We pride ourselves on cultivating a team of master barbers, each with a profound understanding of modern trends and classic artistry. From the meticulously crafted environment to the bespoke services, KOKO Salon stands as a beacon of trust, precision, and unparalleled luxury."
imageSrc="http://img.b2bpic.net/free-photo/blonde-girl-posing-bathroom-with-bath-robe_23-2148147502.jpg"
imageAlt="barber focusing on details haircut"
mediaAnimation="opacity"
/>
</div>
@@ -98,23 +70,14 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "years-experience",
icon: Award,
title: "Years of Expertise",
value: "15+",
},
id: "years-experience", icon: Award,
title: "Years of Expertise", value: "15+"},
{
id: "clients-served",
icon: Users,
title: "Clients Served",
value: "10,000+",
},
id: "clients-served", icon: Users,
title: "Clients Served", value: "10,000+"},
{
id: "rating-average",
icon: Star,
title: "Average Rating",
value: "4.9/5",
},
id: "rating-average", icon: Star,
title: "Average Rating", value: "4.9/5"},
]}
title="Our Commitment to Craftsmanship"
description="Driven by passion and dedication, KOKO Salon has achieved milestones in luxury grooming, earning the trust of our discerning clientele. Our numbers speak for themselves, reflecting years of exceptional service and artistry."
@@ -125,87 +88,51 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Classic Haircut",
href: "/services#classic",
},
label: "Classic Haircut", href: "/services#classic"},
{
label: "Skin Fade",
href: "/services#fade",
},
label: "Skin Fade", href: "/services#fade"},
{
label: "Royal Shave",
href: "/services#shave",
},
label: "Royal Shave", href: "/services#shave"},
{
label: "Hair Treatments",
href: "/services#treatment",
},
label: "Hair Treatments", href: "/services#treatment"},
],
},
{
title: "About",
items: [
title: "About", items: [
{
label: "Our Story",
href: "/about",
},
label: "Our Story", href: "/about"},
{
label: "Our Team",
href: "/team",
},
label: "Our Team", href: "/team"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Sitemap",
href: "#",
},
label: "Sitemap", href: "#"},
],
},
{
title: "Packages",
items: [
title: "Packages", items: [
{
label: "Groom Packages",
href: "/groom",
},
label: "Groom Packages", href: "/groom"},
{
label: "Kids Experience",
href: "/kids",
},
label: "Kids Experience", href: "/kids"},
{
label: "Special Offers",
href: "/offers",
},
label: "Special Offers", href: "/offers"},
{
label: "VIP Membership",
href: "/offers#vip",
},
label: "VIP Membership", href: "/offers#vip"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Book Appointment",
href: "/booking",
},
label: "Book Appointment", href: "/booking"},
{
label: "Contact Us",
href: "/contact",
},
label: "Contact Us", href: "/contact"},
{
label: "WhatsApp",
href: "https://wa.me/01000000000",
},
label: "WhatsApp", href: "https://wa.me/01000000000"},
{
label: "Instagram",
href: "https://instagram.com/kokosalon",
},
label: "Instagram", href: "https://instagram.com/kokosalon"},
],
},
]}

312
src/app/page.tsx
View File

@@ -32,49 +32,27 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "About",
id: "/about",
},
name: "About", id: "/about"},
{
name: "Services",
id: "/services",
},
name: "Services", id: "/services"},
{
name: "Kids",
id: "/kids",
},
name: "Kids", id: "/kids"},
{
name: "Groom",
id: "/groom",
},
name: "Groom", id: "/groom"},
{
name: "Portfolio",
id: "/portfolio",
},
name: "Portfolio", id: "/portfolio"},
{
name: "Team",
id: "/team",
},
name: "Team", id: "/team"},
{
name: "Testimonials",
id: "/testimonials",
},
name: "Testimonials", id: "/testimonials"},
{
name: "Offers",
id: "/offers",
},
name: "Offers", id: "/offers"},
{
name: "Booking",
id: "/booking",
},
name: "Booking", id: "/booking"},
{
name: "Contact",
id: "/contact",
},
name: "Contact", id: "/contact"},
]}
brandName="KOKO Salon"
/>
@@ -86,51 +64,23 @@ export default function LandingPage() {
description="Luxury Men's Grooming Experience\\\nأفضل تجربة حلاقة رجالية وأطفال في السويس"
buttons={[
{
text: "Book Appointment",
href: "/booking",
},
text: "Book Appointment", href: "/booking"},
{
text: "Explore Services",
href: "/services",
},
text: "Explore Services", href: "/services"},
]}
slides={[
{
videoSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg?_wi=1",
imageAlt: "Cinematic barber cutting hair",
videoAriaLabel: "Luxury haircutting sequence",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg?_wi=2",
},
videoSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg", imageAlt: "Cinematic barber cutting hair", videoAriaLabel: "Luxury haircutting sequence", imageSrc: "http://img.b2bpic.net/free-photo/side-view-barber-styling-beard-man_23-2147778888.jpg"},
{
videoSrc: "http://img.b2bpic.net/free-photo/high-angle-sensitive-man-posing-studio_23-2149518242.jpg?_wi=1",
imageAlt: "Barber tools close-up",
videoAriaLabel: "Barber tools and grooming",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-sensitive-man-posing-studio_23-2149518242.jpg?_wi=2",
},
videoSrc: "http://img.b2bpic.net/free-photo/high-angle-sensitive-man-posing-studio_23-2149518242.jpg", imageAlt: "Barber tools close-up", videoAriaLabel: "Barber tools and grooming", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-sensitive-man-posing-studio_23-2149518242.jpg"},
{
videoSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199304.jpg?_wi=1",
imageAlt: "Luxury men's salon interior",
videoAriaLabel: "Luxury salon ambiance",
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199304.jpg?_wi=2",
},
videoSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199304.jpg", imageAlt: "Luxury men's salon interior", videoAriaLabel: "Luxury salon ambiance", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199304.jpg"},
{
videoSrc: "http://img.b2bpic.net/free-photo/portrait-man-getting-haircut_23-2148224419.jpg?_wi=1",
imageAlt: "Kids haircut stylish slow motion",
videoAriaLabel: "Kids haircut experience",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-getting-haircut_23-2148224419.jpg?_wi=2",
},
videoSrc: "http://img.b2bpic.net/free-photo/portrait-man-getting-haircut_23-2148224419.jpg", imageAlt: "Kids haircut stylish slow motion", videoAriaLabel: "Kids haircut experience", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-getting-haircut_23-2148224419.jpg"},
{
videoSrc: "http://img.b2bpic.net/free-photo/unrecognizable-barber-cutting-hair-man_23-2147737060.jpg?_wi=1",
imageAlt: "Slow-motion beard grooming",
videoAriaLabel: "Slow motion beard grooming",
imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-barber-cutting-hair-man_23-2147737060.jpg?_wi=2",
},
videoSrc: "http://img.b2bpic.net/free-photo/unrecognizable-barber-cutting-hair-man_23-2147737060.jpg", imageAlt: "Slow-motion beard grooming", videoAriaLabel: "Slow motion beard grooming", imageSrc: "http://img.b2bpic.net/free-photo/unrecognizable-barber-cutting-hair-man_23-2147737060.jpg"},
{
videoSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-man_23-2147778911.jpg?_wi=1",
imageAlt: "High-end grooming close-up",
videoAriaLabel: "High-end grooming process",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-man_23-2147778911.jpg?_wi=2",
},
videoSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-man_23-2147778911.jpg", imageAlt: "High-end grooming close-up", videoAriaLabel: "High-end grooming process", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-man_23-2147778911.jpg"},
]}
/>
</div>
@@ -140,20 +90,12 @@ export default function LandingPage() {
useInvertedBackground={false}
heading={[
{
type: "text",
content: "KOKO Salon: The Art of Luxury Grooming",
},
type: "text", content: "KOKO Salon: The Art of Luxury Grooming"},
]}
buttons={[
{
text: "Learn More",
href: "/about",
},
text: "Learn More", href: "/about"},
]}
description="Discover the heritage of KOKO Salon, where professional expertise meets an unparalleled luxury experience. Our commitment to precision, modern techniques, and meticulous attention to detail ensures every visit is a masterpiece. Trust in our legacy of crafting exquisite styles and delivering supreme comfort, redefining men's and kids' grooming."
imageSrc="http://img.b2bpic.net/free-photo/full-shot-man-getting-haircut_23-2149141753.jpg"
imageAlt="luxury barbershop interior elegant design"
mediaAnimation="opacity"
/>
</div>
@@ -165,42 +107,28 @@ export default function LandingPage() {
features={[
{
icon: Scissors,
title: "Classic Haircut",
description: "Timeless precision and elegant styling for the modern gentleman.",
},
title: "Classic Haircut", description: "Timeless precision and elegant styling for the modern gentleman."},
{
icon: Sparkles,
title: "Skin Fade",
description: "Masterful blending for a seamless, sharp, and contemporary look.",
},
title: "Skin Fade", description: "Masterful blending for a seamless, sharp, and contemporary look."},
{
icon: Smile,
title: "Kids Haircut",
description: "Fun, comfortable, and stylish cuts for our younger gentlemen.",
},
title: "Kids Haircut", description: "Fun, comfortable, and stylish cuts for our younger gentlemen."},
{
icon: Award,
title: "Hair Styling",
description: "Personalized styling to perfect your look for any occasion.",
},
title: "Hair Styling", description: "Personalized styling to perfect your look for any occasion."},
{
icon: Users,
title: "Beard Trim",
description: "Expert shaping and grooming for a refined and distinguished beard.",
},
title: "Beard Trim", description: "Expert shaping and grooming for a refined and distinguished beard."},
{
icon: Crown,
title: "Royal Shave",
description: "An indulgent traditional hot towel shave experience.",
},
title: "Royal Shave", description: "An indulgent traditional hot towel shave experience."},
]}
title="Our Signature Services"
description="Experience a realm of bespoke grooming services, meticulously crafted to elevate your style and comfort. From classic cuts to advanced treatments, each service is an art."
buttons={[
{
text: "View All Services",
href: "/services",
},
text: "View All Services", href: "/services"},
]}
/>
</div>
@@ -213,34 +141,17 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "kids-1",
name: "Trendy Styles",
price: "Starting from $30",
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462518.jpg",
imageAlt: "Trendy kid hairstyle",
},
id: "kids-1", name: "Trendy Styles", price: "Starting from $30", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462518.jpg", imageAlt: "Trendy kid hairstyle"},
{
id: "kids-2",
name: "Comfortable Environment",
price: "Always included",
imageSrc: "http://img.b2bpic.net/free-photo/girl-helping-her-father-shave_23-2147624074.jpg",
imageAlt: "Comfortable kids barbershop",
},
id: "kids-2", name: "Comfortable Environment", price: "Always included", imageSrc: "http://img.b2bpic.net/free-photo/girl-helping-her-father-shave_23-2147624074.jpg", imageAlt: "Comfortable kids barbershop"},
{
id: "kids-3",
name: "Happy Transformations",
price: "Priceless",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-boy-wondering_23-2148356616.jpg",
imageAlt: "Happy child after haircut",
},
id: "kids-3", name: "Happy Transformations", price: "Priceless", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-boy-wondering_23-2148356616.jpg", imageAlt: "Happy child after haircut"},
]}
title="The KOKO Kids Experience"
description="A comfortable and fun environment tailored for our younger gentlemen, ensuring stylish haircuts with a smile. Watch your child transform with trendy hairstyles and leave with satisfaction."
buttons={[
{
text: "Explore Kids Haircuts",
href: "/kids",
},
text: "Explore Kids Haircuts", href: "/kids"},
]}
/>
</div>
@@ -251,35 +162,22 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "wedding-package",
badge: "Elite",
badgeIcon: Crown,
price: "$500",
subtitle: "Your Perfect Wedding Day Prep",
buttons: [
id: "wedding-package", badge: "Elite", badgeIcon: Crown,
price: "$500", subtitle: "Your Perfect Wedding Day Prep", buttons: [
{
text: "Book Your Royal Groom",
href: "/groom",
},
text: "Book Your Royal Groom", href: "/groom"},
],
features: [
"Precision Haircut & Style",
"Premium Skin Fade",
"Expert Beard Styling",
"Luxury Facial Care",
"Exclusive Hair Treatment",
"VIP Service & Private Suite",
],
"Precision Haircut & Style", "Premium Skin Fade", "Expert Beard Styling", "Luxury Facial Care", "Exclusive Hair Treatment", "VIP Service & Private Suite"],
},
]}
title="The Royal Groom Package"
description="Indulge in the ultimate luxury with our exclusive Wedding Groom Package. Every detail is perfected to ensure you look your absolute best for your special day."
buttons={[
{
text: "Discover Grooming Packages",
href: "/groom",
},
text: "Discover Grooming Packages", href: "/groom"},
]}
animationType="slide-up"
/>
</div>
@@ -290,53 +188,21 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Omar El Sayed",
handle: "@OmarEsquire",
testimonial: "KOKO Salon is unparalleled. The attention to detail and the luxurious experience redefine grooming. Truly world-class!",
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-vintage-eyeglasses-dressed-wool-jacket_613910-15932.jpg",
imageAlt: "Omar El Sayed",
},
id: "1", name: "Omar El Sayed", handle: "@OmarEsquire", testimonial: "KOKO Salon is unparalleled. The attention to detail and the luxurious experience redefine grooming. Truly world-class!", imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-redhead-bearded-male-vintage-eyeglasses-dressed-wool-jacket_613910-15932.jpg", imageAlt: "Omar El Sayed"},
{
id: "2",
name: "Karim Hassan",
handle: "@KarimGrooms",
testimonial: "My son loves coming to KOKO Salon! The barbers are fantastic with kids, and his haircuts are always perfect. Highly recommend.",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
imageAlt: "Karim Hassan",
},
id: "2", name: "Karim Hassan", handle: "@KarimGrooms", testimonial: "My son loves coming to KOKO Salon! The barbers are fantastic with kids, and his haircuts are always perfect. Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg", imageAlt: "Karim Hassan"},
{
id: "3",
name: "Ahmed Mansour",
handle: "@AhmedMStyle",
testimonial: "The Royal Shave is an absolute must-try. Pure indulgence and precision. KOKO Salon sets the standard for luxury.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg",
imageAlt: "Ahmed Mansour",
},
id: "3", name: "Ahmed Mansour", handle: "@AhmedMStyle", testimonial: "The Royal Shave is an absolute must-try. Pure indulgence and precision. KOKO Salon sets the standard for luxury.", imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg", imageAlt: "Ahmed Mansour"},
{
id: "4",
name: "Youssef Ibrahim",
handle: "@YoussefLux",
testimonial: "From the moment you step in, you know it's a premium experience. My haircuts are consistently flawless. Best in Suez!",
imageSrc: "http://img.b2bpic.net/free-photo/two-businessmen-talking-phone-city_1153-8202.jpg",
imageAlt: "Youssef Ibrahim",
},
id: "4", name: "Youssef Ibrahim", handle: "@YoussefLux", testimonial: "From the moment you step in, you know it's a premium experience. My haircuts are consistently flawless. Best in Suez!", imageSrc: "http://img.b2bpic.net/free-photo/two-businessmen-talking-phone-city_1153-8202.jpg", imageAlt: "Youssef Ibrahim"},
{
id: "5",
name: "Sara Ali",
handle: "@SaraMomLife",
testimonial: "As a parent, I appreciate the comfort and skill for kids' haircuts. My little one always leaves with a smile and a trendy cut. Thank you, KOKO!",
imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg",
imageAlt: "Sara Ali",
},
id: "5", name: "Sara Ali", handle: "@SaraMomLife", testimonial: "As a parent, I appreciate the comfort and skill for kids' haircuts. My little one always leaves with a smile and a trendy cut. Thank you, KOKO!", imageSrc: "http://img.b2bpic.net/free-photo/professional-barber-working-with-client-hairdressing-salon-styling-beard-with-trimmer_613910-5073.jpg", imageAlt: "Sara Ali"},
]}
title="What Our Valued Clients Say"
description="Hear from gentlemen and parents who have experienced the KOKO Salon difference. Exceptional service and impeccable style, consistently delivered."
buttons={[
{
text: "Read All Reviews",
href: "/reviews",
},
text: "Read All Reviews", href: "/reviews"},
]}
/>
</div>
@@ -348,22 +214,14 @@ export default function LandingPage() {
description="We look forward to welcoming you to KOKO Salon in Suez. Reach out to schedule your appointment or inquire about our services. Experience luxury firsthand."
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,
},
]}
textarea={{
name: "message",
placeholder: "Your Message or Inquiry",
rows: 4,
name: "message", placeholder: "Your Message or Inquiry", rows: 4,
required: false,
}}
imageSrc="http://img.b2bpic.net/free-photo/beautiful-egypt-landscape-digital-art_23-2151718045.jpg"
@@ -377,87 +235,51 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Classic Haircut",
href: "/services#classic",
},
label: "Classic Haircut", href: "/services#classic"},
{
label: "Skin Fade",
href: "/services#fade",
},
label: "Skin Fade", href: "/services#fade"},
{
label: "Royal Shave",
href: "/services#shave",
},
label: "Royal Shave", href: "/services#shave"},
{
label: "Hair Treatments",
href: "/services#treatment",
},
label: "Hair Treatments", href: "/services#treatment"},
],
},
{
title: "About",
items: [
title: "About", items: [
{
label: "Our Story",
href: "/about",
},
label: "Our Story", href: "/about"},
{
label: "Our Team",
href: "/team",
},
label: "Our Team", href: "/team"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Sitemap",
href: "#",
},
label: "Sitemap", href: "#"},
],
},
{
title: "Packages",
items: [
title: "Packages", items: [
{
label: "Groom Packages",
href: "/groom",
},
label: "Groom Packages", href: "/groom"},
{
label: "Kids Experience",
href: "/kids",
},
label: "Kids Experience", href: "/kids"},
{
label: "Special Offers",
href: "/offers",
},
label: "Special Offers", href: "/offers"},
{
label: "VIP Membership",
href: "/offers#vip",
},
label: "VIP Membership", href: "/offers#vip"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Book Appointment",
href: "/booking",
},
label: "Book Appointment", href: "/booking"},
{
label: "Contact Us",
href: "/contact",
},
label: "Contact Us", href: "/contact"},
{
label: "WhatsApp",
href: "https://wa.me/01000000000",
},
label: "WhatsApp", href: "https://wa.me/01000000000"},
{
label: "Instagram",
href: "https://instagram.com/kokosalon",
},
label: "Instagram", href: "https://instagram.com/kokosalon"},
],
},
]}

216
src/app/services/page.tsx
View File

@@ -27,49 +27,27 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "/",
},
name: "Home", id: "/"},
{
name: "About",
id: "/about",
},
name: "About", id: "/about"},
{
name: "Services",
id: "/services",
},
name: "Services", id: "/services"},
{
name: "Kids",
id: "/kids",
},
name: "Kids", id: "/kids"},
{
name: "Groom",
id: "/groom",
},
name: "Groom", id: "/groom"},
{
name: "Portfolio",
id: "/portfolio",
},
name: "Portfolio", id: "/portfolio"},
{
name: "Team",
id: "/team",
},
name: "Team", id: "/team"},
{
name: "Testimonials",
id: "/testimonials",
},
name: "Testimonials", id: "/testimonials"},
{
name: "Offers",
id: "/offers",
},
name: "Offers", id: "/offers"},
{
name: "Booking",
id: "/booking",
},
name: "Booking", id: "/booking"},
{
name: "Contact",
id: "/contact",
},
name: "Contact", id: "/contact"},
]}
brandName="KOKO Salon"
/>
@@ -83,59 +61,37 @@ export default function LandingPage() {
features={[
{
icon: Scissors,
title: "Classic Haircut",
description: "Timeless precision and elegant styling for the modern gentleman.",
},
title: "Classic Haircut", description: "Timeless precision and elegant styling for the modern gentleman."},
{
icon: Sparkles,
title: "Skin Fade",
description: "Masterful blending for a seamless, sharp, and contemporary look.",
},
title: "Skin Fade", description: "Masterful blending for a seamless, sharp, and contemporary look."},
{
icon: Smile,
title: "Kids Haircut",
description: "Fun, comfortable, and stylish cuts for our younger gentlemen.",
},
title: "Kids Haircut", description: "Fun, comfortable, and stylish cuts for our younger gentlemen."},
{
icon: Award,
title: "Hair Styling",
description: "Personalized styling to perfect your look for any occasion.",
},
title: "Hair Styling", description: "Personalized styling to perfect your look for any occasion."},
{
icon: Users,
title: "Beard Trim",
description: "Expert shaping and grooming for a refined and distinguished beard.",
},
title: "Beard Trim", description: "Expert shaping and grooming for a refined and distinguished beard."},
{
icon: Crown,
title: "Royal Shave",
description: "An indulgent traditional hot towel shave experience, pure luxury.",
},
title: "Royal Shave", description: "An indulgent traditional hot towel shave experience, pure luxury."},
{
icon: Sparkles,
title: "Hair Treatment",
description: "Revitalize your hair with bespoke nourishing and strengthening treatments.",
},
title: "Hair Treatment", description: "Revitalize your hair with bespoke nourishing and strengthening treatments."},
{
icon: Award,
title: "Hair Protein",
description: "Restore hair health and vitality with our specialized protein treatments.",
},
title: "Hair Protein", description: "Restore hair health and vitality with our specialized protein treatments."},
{
icon: Scissors,
title: "Hair Care",
description: "Comprehensive hair care solutions for lasting health and shine.",
},
title: "Hair Care", description: "Comprehensive hair care solutions for lasting health and shine."},
{
icon: Crown,
title: "VIP Package",
description: "Exclusive services with priority booking and personalized attention.",
},
title: "VIP Package", description: "Exclusive services with priority booking and personalized attention."},
{
icon: Sparkles,
title: "Wedding Groom Package",
description: "The ultimate luxury prep for your most special day.",
},
title: "Wedding Groom Package", description: "The ultimate luxury prep for your most special day."},
]}
title="A Curated Suite of Grooming Excellence"
description="Explore our comprehensive range of services, designed to cater to every aspect of men's and kids' hair and beard care. Each offering is a blend of artistry and precision, delivered with utmost luxury."
@@ -148,62 +104,36 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "classic-services",
badge: "Standard",
badgeIcon: Scissors,
price: "From $30",
subtitle: "Essential Grooming",
buttons: [
id: "classic-services", badge: "Standard", badgeIcon: Scissors,
price: "From $30", subtitle: "Essential Grooming", buttons: [
{
text: "Book Now",
href: "/booking",
},
text: "Book Now", href: "/booking"},
],
features: [
"Classic Haircut",
"Beard Trim",
"Hair Styling",
],
"Classic Haircut", "Beard Trim", "Hair Styling"],
},
{
id: "premium-services",
badge: "Premium",
badgeIcon: Sparkles,
price: "From $60",
subtitle: "Elevated Experience",
buttons: [
id: "premium-services", badge: "Premium", badgeIcon: Sparkles,
price: "From $60", subtitle: "Elevated Experience", buttons: [
{
text: "Book Now",
href: "/booking",
},
text: "Book Now", href: "/booking"},
],
features: [
"Skin Fade",
"Royal Shave",
"Hair Treatment",
],
"Skin Fade", "Royal Shave", "Hair Treatment"],
},
{
id: "vip-services",
badge: "VIP",
badgeIcon: Crown,
price: "From $100",
subtitle: "Exclusive Luxury",
buttons: [
id: "vip-services", badge: "VIP", badgeIcon: Crown,
price: "From $100", subtitle: "Exclusive Luxury", buttons: [
{
text: "Book Now",
href: "/booking",
},
text: "Book Now", href: "/booking"},
],
features: [
"VIP Package",
"Wedding Groom Package",
"All Premium Services",
],
"VIP Package", "Wedding Groom Package", "All Premium Services"],
},
]}
title="Transparent Luxury, Uncompromising Value"
description="Our pricing reflects the premium quality, expertise, and luxurious experience you receive at KOKO Salon. Invest in your best self with our thoughtfully designed packages and services."
animationType="slide-up"
/>
</div>
@@ -211,87 +141,51 @@ export default function LandingPage() {
<FooterSimple
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{
label: "Classic Haircut",
href: "/services#classic",
},
label: "Classic Haircut", href: "/services#classic"},
{
label: "Skin Fade",
href: "/services#fade",
},
label: "Skin Fade", href: "/services#fade"},
{
label: "Royal Shave",
href: "/services#shave",
},
label: "Royal Shave", href: "/services#shave"},
{
label: "Hair Treatments",
href: "/services#treatment",
},
label: "Hair Treatments", href: "/services#treatment"},
],
},
{
title: "About",
items: [
title: "About", items: [
{
label: "Our Story",
href: "/about",
},
label: "Our Story", href: "/about"},
{
label: "Our Team",
href: "/team",
},
label: "Our Team", href: "/team"},
{
label: "Careers",
href: "#",
},
label: "Careers", href: "#"},
{
label: "Sitemap",
href: "#",
},
label: "Sitemap", href: "#"},
],
},
{
title: "Packages",
items: [
title: "Packages", items: [
{
label: "Groom Packages",
href: "/groom",
},
label: "Groom Packages", href: "/groom"},
{
label: "Kids Experience",
href: "/kids",
},
label: "Kids Experience", href: "/kids"},
{
label: "Special Offers",
href: "/offers",
},
label: "Special Offers", href: "/offers"},
{
label: "VIP Membership",
href: "/offers#vip",
},
label: "VIP Membership", href: "/offers#vip"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "Book Appointment",
href: "/booking",
},
label: "Book Appointment", href: "/booking"},
{
label: "Contact Us",
href: "/contact",
},
label: "Contact Us", href: "/contact"},
{
label: "WhatsApp",
href: "https://wa.me/01000000000",
},
label: "WhatsApp", href: "https://wa.me/01000000000"},
{
label: "Instagram",
href: "https://instagram.com/kokosalon",
},
label: "Instagram", href: "https://instagram.com/kokosalon"},
],
},
]}