Update src/app/booking/page.tsx

This commit is contained in:
2026-05-31 22:39:45 +00:00
parent c71752ba92
commit 9befa79a97

View File

@@ -25,49 +25,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,52 +58,29 @@ export default function LandingPage() {
description="Experience the KOKO Salon difference. Select your desired service, choose your preferred barber, date, and time to secure your bespoke grooming session. We anticipate your visit and look forward to pampering you."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Full Name",
required: true,
name: "name", type: "text", placeholder: "Your Full Name", required: true,
},
{
name: "email",
type: "email",
placeholder: "Your Email Address",
required: true,
name: "email", type: "email", placeholder: "Your Email Address", required: true,
},
{
name: "phone",
type: "tel",
placeholder: "Your Phone Number",
required: false,
name: "phone", type: "tel", placeholder: "Your Phone Number", required: false,
},
{
name: "service",
type: "text",
placeholder: "Desired Service (e.g., Skin Fade, Royal Shave)",
required: true,
name: "barber", type: "text", placeholder: "Preferred Barber (Optional)", required: false,
},
{
name: "barber",
type: "text",
placeholder: "Preferred Barber (Optional)",
required: false,
name: "date", type: "date", placeholder: "Preferred Date", required: true,
},
{
name: "date",
type: "date",
placeholder: "Preferred Date",
required: true,
},
{
name: "time",
type: "time",
placeholder: "Preferred Time",
required: true,
name: "time", type: "time", placeholder: "Preferred Time", required: true,
},
]}
multiSelect={{
name: "serviceInterest", label: "Service Interest", options: ['Haircut', 'Shave', 'Kids Haircut', 'Groom Package'],
}}
textarea={{
name: "notes",
placeholder: "Special Requests or Notes for Your Barber",
rows: 4,
name: "notes", placeholder: "Special Requests or Notes for Your Barber", rows: 4,
required: false,
}}
imageSrc="http://img.b2bpic.net/free-photo/young-business-woman-using-tablet_1303-22693.jpg"
@@ -139,87 +94,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"},
],
},
]}
@@ -230,4 +149,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}