Update src/app/page.tsx

Merge version_3 into main

src/app/booking/page.tsx

@@ -0,0 +1,66 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ContactText from '@/components/sections/contact/ContactText';
+import FooterMedia from '@/components/sections/footer/FooterMedia';
+
+export default function BookingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="shift-hover"
+        defaultTextAnimation="background-highlight"
+        borderRadius="soft"
+        contentWidth="smallMedium"
+        sizing="mediumLargeSizeLargeTitles"
+        background="noise"
+        cardStyle="soft-shadow"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Home", id: "hero" },
+            { name: "Services", id: "services" },
+            { name: "About", id: "about" },
+            { name: "Team", id: "team" },
+            { name: "Reviews", id: "reviews" },
+            { name: "Contact", id: "contact" },
+            { name: "Booking", id: "/booking" },
+          ]}
+          button={{ text: "Book now", href: "/booking" }}
+          brandName="The Nail Hub"
+        />
+
+        <div className="pt-24">
+            <ContactText
+                text="Ready to book your visit? Please fill out our booking form or contact us via WhatsApp to confirm your appointment time."
+                background={{ variant: "plain" }}
+                buttons={[{ text: "WhatsApp Us", href: "https://wa.me/201005806654" }]}
+                useInvertedBackground={false}
+            />
+        </div>
+
+        <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/healthy-beautiful-manicure-towels_23-2148766545.jpg?_wi=2"
+            logoText="The Nail Hub"
+            columns={[
+              { title: "Menu", items: [
+                  { label: "Home", href: "/" },
+                  { label: "Services", href: "/#services" },
+                  { label: "About Us", href: "/#about" },
+              ] },
+              { title: "Contact", items: [
+                  { label: "010 05806654", href: "tel:01005806654" },
+                  { label: "Degla, Maadi, Cairo", href: "https://maps.app.goo.gl/..." },
+              ] },
+            ]}
+            imageAlt="elegant salon nail manicure"
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -32,35 +32,15 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Services", id: "services" },
-          id: "hero",
+        { name: "About", id: "about" },
-        },
+        { name: "Team", id: "team" },
-        {
+        { name: "Reviews", id: "reviews" },
-          name: "Services",
+        { name: "Contact", id: "contact" },
-          id: "services",
+        { name: "Booking", id: "/booking" },
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Team",
-          id: "team",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
-      button={{
+      button={{ text: "Book now", href: "/booking" }}
-        text: "Book now",
-        href: "#contact",
-      }}
       brandName="The Nail Hub"
     />
   </div>
@@ -70,40 +50,13 @@ export default function LandingPage() {
       logoText="The Nail Hub"
       description="Experience premium nail care and beauty services in Maadi, Cairo. Always punctual, impeccably clean, and dedicated to your perfection."
       buttons={[
-        {
+        { text: "Chat on WhatsApp", href: "https://wa.me/201005806654" },
-          text: "Book your appointment",
+        { text: "Book your appointment", href: "/booking" },
-          href: "#contact",
-        },
-        {
-          text: "Chat on WhatsApp",
-          href: "https://wa.me/201005806654",
-        },
       ]}
       slides={[
-        {
+        { imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-nail-artist-applying-pink-gel-polish-nail-beauty-care-salon_176420-42451.jpg", imageAlt: "Professional nail technician applying gel polish" },
-          imageSrc: "http://img.b2bpic.net/free-photo/leaf-candles-bath-products-with-copy-space_23-2148366062.jpg?_wi=1",
+        { imageSrc: "http://img.b2bpic.net/free-photo/pink-nail-design-female-hands-with-glitter-manicure_127675-2798.jpg", imageAlt: "Beautiful acrylic nail design" },
-          imageAlt: "elegant salon nail manicure",
+        { imageSrc: "http://img.b2bpic.net/free-photo/close-up-incognito-woman-with-elegant-dark-nails-manicured-fingers-with-rings-wearing-red-compact-crossbag-bright-red-color_132075-12161.jpg", imageAlt: "Elegant manicured nails" },
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-vaping-from-hookah-indoors_23-2149173629.jpg",
-          imageAlt: "elegant salon nail manicure",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-nail-artist-applying-pink-gel-polish-nail-beauty-care-salon_176420-42451.jpg",
-          imageAlt: "elegant salon nail manicure",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-getting-engaged-valentines-day_23-2149202965.jpg",
-          imageAlt: "elegant salon nail manicure",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/pink-nail-design-female-hands-with-glitter-manicure_127675-2798.jpg",
-          imageAlt: "elegant salon nail manicure",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-incognito-woman-with-elegant-dark-nails-manicured-fingers-with-rings-wearing-red-compact-crossbag-bright-red-color_132075-12161.jpg",
-          imageAlt: "elegant salon nail manicure",
-        },
       ]}
     />
   </div>
@@ -114,18 +67,9 @@ export default function LandingPage() {
       title="Why The Nail Hub?"
       description="Located in the heart of Degla, Maadi, we pride ourselves on a clean, safe, and welcoming environment for everyone. Our passion for perfection and hygiene standards ensure a relaxing experience every time."
       metrics={[
-        {
+        { value: "4.6/5", title: "Google Rating" },
-          value: "4.6/5",
+        { value: "1,084+", title: "Happy Reviews" },
-          title: "Google Rating",
+        { value: "11 AM", title: "Opens Daily" },
-        },
-        {
-          value: "1,084+",
-          title: "Happy Reviews",
-        },
-        {
-          value: "11 AM",
-          title: "Opens Daily",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/nail-art-professional-working-client-nails_23-2149265937.jpg?_wi=1"
       mediaAnimation="slide-up"
@@ -140,21 +84,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       features={[
-        {
+        { icon: Sparkles, title: "Gel & Acrylic", description: "Professional extensions and long-lasting gel manicures." },
-          icon: Sparkles,
+        { icon: Scissors, title: "Grooming & Care", description: "Expert cuticle care, shaping, and precise threading services." },
-          title: "Gel & Acrylic",
+        { icon: ShieldCheck, title: "Nail Repair", description: "Specialized techniques to restore and protect your nails." },
-          description: "Professional extensions and long-lasting gel manicures.",
-        },
-        {
-          icon: Scissors,
-          title: "Grooming & Care",
-          description: "Expert cuticle care, shaping, and precise threading services.",
-        },
-        {
-          icon: ShieldCheck,
-          title: "Nail Repair",
-          description: "Specialized techniques to restore and protect your nails.",
-        },
       ]}
       title="Our Signature Services"
       description="From sophisticated nail enhancements to meticulous grooming, we offer a comprehensive menu to meet all your beauty needs."
@@ -167,27 +99,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       team={[
-        {
+        { id: "1", name: "Amany", role: "Manager", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg", imageAlt: "professional nail technician smiling" },
-          id: "1",
+        { id: "2", name: "Gehad", role: "Senior Nail Artist", imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-doing-manicure-blue_140725-24222.jpg", imageAlt: "skilled nail artist working" },
-          name: "Amany",
+        { id: "3", name: "Marwa", role: "Nail Specialist", imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14478.jpg", imageAlt: "experienced beauty professional" },
-          role: "Manager",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-female-dentist-dentistry-concept-dental-treatment_169016-67039.jpg",
-          imageAlt: "professional nail technician smiling",
-        },
-        {
-          id: "2",
-          name: "Gehad",
-          role: "Senior Nail Artist",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-doing-manicure-blue_140725-24222.jpg",
-          imageAlt: "skilled nail artist working",
-        },
-        {
-          id: "3",
-          name: "Marwa",
-          role: "Nail Specialist",
-          imageSrc: "http://img.b2bpic.net/free-photo/builder-man-wearing-construction-uniform-standing-with-arms-crossed-with-confident-smile-isolated-orange-wall_141793-14478.jpg",
-          imageAlt: "experienced beauty professional",
-        },
       ]}
       title="Our Expert Technicians"
       description="Our friendly and highly skilled staff are dedicated to giving you the best experience possible."
@@ -200,57 +114,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       plans={[
-        {
+        { id: "1", title: "Essential Manicure", price: "Contact", period: "Session", features: ["Nail shaping", "Cuticle work", "Standard polish"], button: { text: "Book now", href: "/booking" }, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pink-face-roller-gua-sha_23-2149357163.jpg", imageAlt: "High angle pink face roller and gua sha" },
-          id: "1",
+        { id: "2", title: "Gel Extensions", price: "Contact", period: "Session", features: ["Full set", "Precision shape", "Gel finish"], button: { text: "Book now", href: "/booking" }, imageSrc: "http://img.b2bpic.net/free-photo/leaf-candles-bath-products-with-copy-space_23-2148366062.jpg?_wi=2", imageAlt: "High angle pink face roller and gua sha" },
-          title: "Essential Manicure",
+        { id: "3", title: "Specialty Repair", price: "Contact", period: "Session", features: ["Repair & strengthen", "Professional care", "Lasting finish"], button: { text: "Book now", href: "/booking" }, imageSrc: "http://img.b2bpic.net/free-photo/nail-art-professional-working-client-nails_23-2149265937.jpg?_wi=2", imageAlt: "High angle pink face roller and gua sha" },
-          price: "Contact",
-          period: "Session",
-          features: [
-            "Nail shaping",
-            "Cuticle work",
-            "Standard polish",
-          ],
-          button: {
-            text: "Book now",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-pink-face-roller-gua-sha_23-2149357163.jpg",
-          imageAlt: "High angle pink face roller and gua sha",
-        },
-        {
-          id: "2",
-          title: "Gel Extensions",
-          price: "Contact",
-          period: "Session",
-          features: [
-            "Full set",
-            "Precision shape",
-            "Gel finish",
-          ],
-          button: {
-            text: "Book now",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/leaf-candles-bath-products-with-copy-space_23-2148366062.jpg?_wi=2",
-          imageAlt: "High angle pink face roller and gua sha",
-        },
-        {
-          id: "3",
-          title: "Specialty Repair",
-          price: "Contact",
-          period: "Session",
-          features: [
-            "Repair & strengthen",
-            "Professional care",
-            "Lasting finish",
-          ],
-          button: {
-            text: "Book now",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/nail-art-professional-working-client-nails_23-2149265937.jpg?_wi=2",
-          imageAlt: "High angle pink face roller and gua sha",
-        },
       ]}
       title="Service Pricing"
       description="Transparent pricing before every service."
@@ -263,51 +129,11 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
+        { id: "1", name: "Sarah Ahmed", handle: "@sarah", testimonial: "Always on time, very clean, and professional. Best service in Maadi!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-getting-manicure_23-2150507012.jpg", imageAlt: "happy customer salon interior" },
-          id: "1",
+        { id: "2", name: "Mina Youssef", handle: "@mina", testimonial: "The staff are so friendly. I felt welcome and the results were stunning.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4487.jpg", imageAlt: "happy customer salon interior" },
-          name: "Sarah Ahmed",
+        { id: "3", name: "Laila Hassan", handle: "@laila", testimonial: "Expert repair and extensions. Highly recommend their hygiene standards.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-home_329181-11760.jpg", imageAlt: "happy customer salon interior" },
-          handle: "@sarah",
+        { id: "4", name: "Nour Omar", handle: "@nour", testimonial: "Truly the best nail experience in Cairo. Very responsive owner.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-sitting-chair-posing_171337-12666.jpg", imageAlt: "happy customer salon interior" },
-          testimonial: "Always on time, very clean, and professional. Best service in Maadi!",
+        { id: "5", name: "Omar Farid", handle: "@omar", testimonial: "Loved the service. Very inclusive salon space for men and women.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-is-so-easy_329181-11751.jpg", imageAlt: "happy customer salon interior" },
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-getting-manicure_23-2150507012.jpg",
-          imageAlt: "happy customer salon interior",
-        },
-        {
-          id: "2",
-          name: "Mina Youssef",
-          handle: "@mina",
-          testimonial: "The staff are so friendly. I felt welcome and the results were stunning.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4487.jpg",
-          imageAlt: "happy customer salon interior",
-        },
-        {
-          id: "3",
-          name: "Laila Hassan",
-          handle: "@laila",
-          testimonial: "Expert repair and extensions. Highly recommend their hygiene standards.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-home_329181-11760.jpg",
-          imageAlt: "happy customer salon interior",
-        },
-        {
-          id: "4",
-          name: "Nour Omar",
-          handle: "@nour",
-          testimonial: "Truly the best nail experience in Cairo. Very responsive owner.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-sitting-chair-posing_171337-12666.jpg",
-          imageAlt: "happy customer salon interior",
-        },
-        {
-          id: "5",
-          name: "Omar Farid",
-          handle: "@omar",
-          testimonial: "Loved the service. Very inclusive salon space for men and women.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-is-so-easy_329181-11751.jpg",
-          imageAlt: "happy customer salon interior",
-        },
       ]}
       showRating={true}
       title="What Our Clients Say"
@@ -320,21 +146,9 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       faqs={[
-        {
+        { id: "f1", title: "Do I need an appointment?", content: "Yes, we highly recommend booking in advance as slots fill up quickly." },
-          id: "f1",
+        { id: "f2", title: "Are you open to men?", content: "Yes, our salon is welcoming to both men and women." },
-          title: "Do I need an appointment?",
+        { id: "f3", title: "What are your opening hours?", content: "We open daily starting from 11 AM." },
-          content: "Yes, we highly recommend booking in advance as slots fill up quickly.",
-        },
-        {
-          id: "f2",
-          title: "Are you open to men?",
-          content: "Yes, our salon is welcoming to both men and women.",
-        },
-        {
-          id: "f3",
-          title: "What are your opening hours?",
-          content: "We open daily starting from 11 AM.",
-        },
       ]}
       title="Frequently Asked Questions"
       description="Have questions? We're here to help."
@@ -348,21 +162,13 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCTA
       useInvertedBackground={false}
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain",
-      }}
       tag="Book Now"
       title="Schedule Your Visit"
       description="Secure your preferred time at The Nail Hub. Call us, WhatsApp, or visit us in Degla, Maadi."
       buttons={[
-        {
+        { text: "WhatsApp Us", href: "https://wa.me/201005806654" },
-          text: "WhatsApp Us",
+        { text: "Call 010 05806654", href: "tel:01005806654" },
-          href: "https://wa.me/201005806654",
-        },
-        {
-          text: "Call 010 05806654",
-          href: "tel:01005806654",
-        },
       ]}
     />
   </div>
@@ -372,40 +178,17 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/healthy-beautiful-manicure-towels_23-2148766545.jpg?_wi=2"
       logoText="The Nail Hub"
       columns={[
-        {
+        { title: "Menu", items: [
-          title: "Menu",
+            { label: "Services", href: "#services" },
-          items: [
+            { label: "About Us", href: "#about" },
-            {
+            { label: "Reviews", href: "#reviews" },
-              label: "Services",
+            { label: "Book Now", href: "/booking" },
-              href: "#services",
+        ] },
-            },
+        { title: "Contact", items: [
-            {
+            { label: "010 05806654", href: "tel:01005806654" },
-              label: "About Us",
+            { label: "Degla, Maadi, Cairo", href: "https://maps.app.goo.gl/..." },
-              href: "#about",
+            { label: "Instagram", href: "https://instagram.com/thenailhub" },
-            },
+        ] },
-            {
-              label: "Reviews",
-              href: "#reviews",
-            },
-          ],
-        },
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "010 05806654",
-              href: "tel:01005806654",
-            },
-            {
-              label: "Degla, Maadi, Cairo",
-              href: "https://maps.app.goo.gl/...",
-            },
-            {
-              label: "Instagram",
-              href: "https://instagram.com/thenailhub",
-            },
-          ],
-        },
       ]}
       imageAlt="elegant salon nail manicure"
     />