Merge version_1 into main #3

Merged
bender merged 3 commits from version_1 into main 2026-05-31 22:30:28 +00:00
3 changed files with 147 additions and 386 deletions

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"
/>
@@ -81,31 +59,18 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "royal-wedding-package",
badge: "Ultimate Luxury",
badgeIcon: Crown,
price: "$500",
subtitle: "The Definitive Pre-Wedding Experience",
buttons: [
id: "royal-wedding-package", badge: "Ultimate Luxury", badgeIcon: Crown,
price: "$500", subtitle: "The Definitive Pre-Wedding Experience", buttons: [
{
text: "Book Now",
href: "/booking",
},
text: "Book Now", href: "/booking"},
],
features: [
"Precision Haircut & Style",
"Premium Skin Fade & Styling",
"Expert Beard Shaping & Grooming",
"Luxury Facial Care Treatment",
"Exclusive Hair & Scalp Treatment",
"Pre-Wedding Day VIP Consultation",
"Private Suite Access & Refreshments",
"Complimentary Grooming Kit",
],
"Precision Haircut & Style", "Premium Skin Fade & Styling", "Expert Beard Shaping & Grooming", "Luxury Facial Care Treatment", "Exclusive Hair & Scalp Treatment", "Pre-Wedding Day VIP Consultation", "Private Suite Access & Refreshments", "Complimentary Grooming Kit"],
},
]}
title="Your Journey to Perfection Begins Here"
description="Elevate your wedding day with the KOKO Royal Groom Package. A meticulously curated experience ensuring you exude confidence and sophistication, designed for the most important moments."
animationType="slide-up"
/>
</div>
@@ -116,23 +81,14 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "hours-pampering",
icon: Award,
title: "Hours of Pampering",
value: "3+",
},
id: "hours-pampering", icon: Award,
title: "Hours of Pampering", value: "3+"},
{
id: "treatments-included",
icon: Sparkles,
title: "Signature Treatments",
value: "5+",
},
id: "treatments-included", icon: Sparkles,
title: "Signature Treatments", value: "5+"},
{
id: "dedicated-stylist",
icon: Users,
title: "Dedicated Stylist",
value: "Yes",
},
id: "dedicated-stylist", icon: Users,
title: "Dedicated Stylist", value: "Yes"},
]}
title="The KOKO Difference for Your Special Day"
description="Beyond the cut, it's the experience. We ensure every aspect of your groom package is seamless, stress-free, and utterly luxurious, setting the stage for unforgettable memories. Trust in our perfection."
@@ -143,87 +99,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"},
],
},
]}

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,33 +61,13 @@ export default function LandingPage() {
useInvertedBackground={false}
products={[
{
id: "offer-item-1",
name: "Seasonal Refresh",
price: "20% Off",
imageSrc: "http://img.b2bpic.net/free-photo/false-eyelashes-concept-different-makeup-accessories_185193-163436.jpg",
imageAlt: "Seasonal discount",
},
id: "offer-item-1", name: "Seasonal Refresh", price: "20% Off", imageSrc: "http://img.b2bpic.net/free-photo/false-eyelashes-concept-different-makeup-accessories_185193-163436.jpg", imageAlt: "Seasonal discount"},
{
id: "offer-item-2",
name: "Wedding Day Prep",
price: "Special Price",
imageSrc: "http://img.b2bpic.net/free-photo/groom-gently-embracing-his-bride-forest_1153-5980.jpg",
imageAlt: "Wedding groom package offer",
},
id: "offer-item-2", name: "Wedding Day Prep", price: "Special Price", imageSrc: "http://img.b2bpic.net/free-photo/groom-gently-embracing-his-bride-forest_1153-5980.jpg", imageAlt: "Wedding groom package offer"},
{
id: "offer-item-3",
name: "VIP Access",
price: "Exclusive Benefits",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-bride-getting-ready-wedding_23-2149860789.jpg",
imageAlt: "VIP membership card",
},
id: "offer-item-3", name: "VIP Access", price: "Exclusive Benefits", imageSrc: "http://img.b2bpic.net/free-photo/side-view-bride-getting-ready-wedding_23-2149860789.jpg", imageAlt: "VIP membership card"},
{
id: "offer-item-4",
name: "Kids Style Bundle",
price: "Save 15%",
imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462463.jpg",
imageAlt: "Kids package offer",
},
id: "offer-item-4", name: "Kids Style Bundle", price: "Save 15%", imageSrc: "http://img.b2bpic.net/free-photo/child-getting-their-hair-blown-salon_23-2150462463.jpg", imageAlt: "Kids package offer"},
]}
title="Limited-Time Luxuries Await"
description="Discover KOKO Salon's exclusive seasonal discounts, VIP membership benefits, and special packages for an elevated grooming experience at exceptional value. Don't miss out on these unique opportunities."
@@ -122,45 +80,27 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "silver-member",
badge: "Silver Tier",
badgeIcon: Star,
price: "$99/year",
subtitle: "Elevate Your Every Visit",
buttons: [
id: "silver-member", badge: "Silver Tier", badgeIcon: Star,
price: "$99/year", subtitle: "Elevate Your Every Visit", buttons: [
{
text: "Join Silver",
href: "/booking",
},
text: "Join Silver", href: "/booking"},
],
features: [
"10% Off All Services",
"Priority Booking Access",
"Birthday Discount",
],
"10% Off All Services", "Priority Booking Access", "Birthday Discount"],
},
{
id: "gold-member",
badge: "Gold Tier",
badgeIcon: Award,
price: "$199/year",
subtitle: "Experience True Exclusivity",
buttons: [
id: "gold-member", badge: "Gold Tier", badgeIcon: Award,
price: "$199/year", subtitle: "Experience True Exclusivity", buttons: [
{
text: "Join Gold",
href: "/booking",
},
text: "Join Gold", href: "/booking"},
],
features: [
"20% Off All Services",
"Guaranteed Priority Booking",
"Complimentary Product Sample",
"Annual VIP Event Invitation",
],
"20% Off All Services", "Guaranteed Priority Booking", "Complimentary Product Sample", "Annual VIP Event Invitation"],
},
]}
title="Unlock Exclusive Membership Privileges"
description="Join the KOKO Salon elite with our bespoke membership tiers, offering priority booking, discounted services, and access to exclusive events. Elevate your grooming journey with unmatched benefits."
animationType="slide-up"
/>
</div>
@@ -168,87 +108,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"},
],
},
]}

View File

@@ -2,6 +2,7 @@
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
@@ -25,49 +26,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"
/>
@@ -79,48 +58,42 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "review-1",
name: "Khaled Fouad",
handle: "@KhaledGrooms",
testimonial: "Absolutely impeccable service every time. KOKO Salon consistently exceeds expectations with their precision cuts and luxurious treatments. The only place I trust with my hair and beard.",
imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg",
imageAlt: "Khaled Fouad",
},
id: "review-1", name: "Khaled Fouad", handle: "@KhaledGrooms", testimonial: "Absolutely impeccable service every time. KOKO Salon consistently exceeds expectations with their precision cuts and luxurious treatments. The only place I trust with my hair and beard.", imageSrc: "http://img.b2bpic.net/free-photo/positive-bearded-black-male-with-tattoo-cross-arms-dressed-white-shirt_613910-15917.jpg", imageAlt: "Khaled Fouad"},
{
id: "review-2",
name: "Tariq Ali",
handle: "@TariqLux",
testimonial: "The atmosphere is incredibly relaxing, and the barbers are true artists. My Royal Shave was pure bliss. KOKO Salon delivers a grooming experience like no other.",
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-wearing-uniform-holding-hair-clippers-clenching-fist-isolated-purple_141793-84227.jpg",
imageAlt: "Tariq Ali",
},
id: "review-2", name: "Tariq Ali", handle: "@TariqLux", testimonial: "The atmosphere is incredibly relaxing, and the barbers are true artists. My Royal Shave was pure bliss. KOKO Salon delivers a grooming experience like no other.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-handsome-barber-wearing-uniform-holding-hair-clippers-clenching-fist-isolated-purple_141793-84227.jpg", imageAlt: "Tariq Ali"},
{
id: "review-3",
name: "Ziad Ashraf",
handle: "@ZiadStyle",
testimonial: "My son's haircut was perfect! He usually hates going to the barber, but the team at KOKO made it a fun and easy experience. We'll definitely be back.",
imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3317.jpg",
imageAlt: "Ziad Ashraf",
},
id: "review-3", name: "Ziad Ashraf", handle: "@ZiadStyle", testimonial: "My son's haircut was perfect! He usually hates going to the barber, but the team at KOKO made it a fun and easy experience. We'll definitely be back.", imageSrc: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3317.jpg", imageAlt: "Ziad Ashraf"},
{
id: "review-4",
name: "Mazen Tarek",
handle: "@MazenMenswear",
testimonial: "From the moment you walk in, you feel the premium difference. The attention to detail in every service is remarkable. KOKO Salon is a class apart.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cute-smart-dog-gives-paw-his-owner-handsome-man-with-his-golden-retriever-sitting-pet-friendly-cafe_1258-314242.jpg",
imageAlt: "Mazen Tarek",
},
id: "review-4", name: "Mazen Tarek", handle: "@MazenMenswear", testimonial: "From the moment you walk in, you feel the premium difference. The attention to detail in every service is remarkable. KOKO Salon is a class apart.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-cute-smart-dog-gives-paw-his-owner-handsome-man-with-his-golden-retriever-sitting-pet-friendly-cafe_1258-314242.jpg", imageAlt: "Mazen Tarek"},
{
id: "review-5",
name: "Nouran Gamal",
handle: "@NouranMom",
testimonial: "So impressed with the kids' section. My little one felt like a VIP, and his haircut is the best he's ever had. KOKO Salon truly understands families.",
imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20129.jpg",
imageAlt: "Nouran Gamal",
},
id: "review-5", name: "Nouran Gamal", handle: "@NouranMom", testimonial: "So impressed with the kids' section. My little one felt like a VIP, and his haircut is the best he's ever had. KOKO Salon truly understands families.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-man-sitting-barbershop_1157-20129.jpg", imageAlt: "Nouran Gamal"},
]}
title="Our Clients' Voices: KOKO Salon Reviews"
description="A collection of authentic reviews and glowing feedback from our cherished clients. Experience firsthand the quality, care, and luxury that defines KOKO Salon. Your satisfaction is our highest reward."
animationType="slide-up"
/>
</div>
<div id="testimonials-faq" data-section="testimonials-faq">
<FaqSplitMedia
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "faq-1", title: "What makes KOKO Salon a luxury experience?", content: "KOKO Salon offers a meticulously designed environment, highly skilled master barbers, premium grooming products, and personalized services tailored to individual needs, ensuring an unparalleled luxury experience."},
{
id: "faq-2", title: "Do you offer services for children?", content: "Yes, we have a dedicated Kids Experience, providing stylish and comfortable haircuts for children in a fun and welcoming atmosphere."},
{
id: "faq-3", title: "How can I book an appointment?", content: "You can easily book an appointment through our online booking system on the 'Booking' page, or by contacting us directly via phone or WhatsApp."},
{
id: "faq-4", title: "What is included in the Royal Groom Package?", content: "The Royal Groom Package is our exclusive wedding preparation service, including a precision haircut, skin fade, beard styling, luxury facial care, hair treatment, and VIP service in a private suite."},
]}
imageSrc="http://img.b2bpic.net/free-photo/barber-shop-tools-arrangement_23-2149167462.jpg"
imageAlt="Luxury barbershop interior"
mediaAnimation="opacity"
title="Common Questions About KOKO Salon"
description="Find answers to frequently asked questions about our services, booking process, salon etiquette, and special packages. We're here to ensure a seamless and luxurious experience for every client."
faqsAnimation="slide-up"
/>
</div>
@@ -128,87 +101,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"},
],
},
]}