Switch to version 3: modified src/app/page.tsx

Merge version_4 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,21 +32,15 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",          id: "hero"},
+        { name: "Services", id: "services" },
-        {
+        { name: "About", id: "about" },
-          name: "Services",          id: "services"},
+        { name: "Team", id: "team" },
-        {
+        { name: "Reviews", id: "reviews" },
-          name: "About",          id: "about"},
+        { name: "Contact", id: "contact" },
-        {
+        { name: "Booking", id: "/booking" },
-          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>
@@ -56,18 +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: "Book your appointment", href: "/booking" },
-          text: "Book your appointment",          href: "#contact"},
+        { text: "Chat on WhatsApp", href: "https://wa.me/201005806654" },
-        {
-          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/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/pink-nail-design-female-hands-with-glitter-manicure_127675-2798.jpg", imageAlt: "Beautiful acrylic nail design" },
-        {
+        { 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/pink-nail-design-female-hands-with-glitter-manicure_127675-2798.jpg",          imageAlt: "Beautiful acrylic nail design"},
-        {
-          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"},
       ]}
     />
   </div>
@@ -78,12 +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",          title: "Google Rating"},
+        { value: "1,084+", title: "Happy Reviews" },
-        {
+        { 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"
@@ -98,15 +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",          description: "Professional extensions and long-lasting gel manicures."},
+        { icon: ShieldCheck, title: "Nail Repair", description: "Specialized techniques to restore and protect your nails." },
-        {
-          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."
@@ -119,12 +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",          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: "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" },
-          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."
@@ -137,24 +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",          title: "Essential Manicure",          price: "Contact",          period: "Session",          features: [
+        { 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" },
-            "Nail shaping",            "Cuticle work",            "Standard polish"],
+        { 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" },
-          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."
@@ -167,21 +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",          name: "Sarah Ahmed",          handle: "@sarah",          testimonial: "Always on time, very clean, and professional. Best service in Maadi!",          rating: 5,
+        { 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" },
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-women-getting-manicure_23-2150507012.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: "2",          name: "Mina Youssef",          handle: "@mina",          testimonial: "The staff are so friendly. I felt welcome and the results were stunning.",          rating: 5,
+        { 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" },
-          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"
@@ -194,12 +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",          title: "Do I need an appointment?",          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." },
-          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."
@@ -213,16 +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",          href: "https://wa.me/201005806654"},
+        { text: "Call 010 05806654", href: "tel:01005806654" },
-        {
-          text: "Call 010 05806654",          href: "tel:01005806654"},
       ]}
     />
   </div>
@@ -232,26 +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",          items: [
+            { label: "Services", href: "#services" },
-            {
+            { label: "About Us", href: "#about" },
-              label: "Services",              href: "#services"},
+            { label: "Reviews", href: "#reviews" },
-            {
+            { label: "Book Now", href: "/booking" },
-              label: "About Us",              href: "#about"},
+        ] },
-            {
+        { title: "Contact", items: [
-              label: "Reviews",              href: "#reviews"},
+            { label: "010 05806654", href: "tel:01005806654" },
-          ],
+            { label: "Degla, Maadi, Cairo", href: "https://maps.app.goo.gl/..." },
-        },
+            { label: "Instagram", href: "https://instagram.com/thenailhub" },
-        {
+        ] },
-          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"
     />
@@ -259,4 +196,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}