Update src/app/page.tsx

src/app/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FooterCard from '@/components/sections/footer/FooterCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
@@ -31,21 +31,13 @@ export default function LandingPage() {
       <NavbarStyleCentered
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Experience",
+          name: "Experience",          id: "experience"},
-          id: "experience",
-        },
         {
-          name: "Services",
+          name: "Services",          id: "services"},
-          id: "services",
-        },
         {
-          name: "Contact",
+          name: "Contact",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Dollar Barber Shop"
     />
@@ -54,63 +46,38 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroCentered
       background={{
-        variant: "radial-gradient",
+        variant: "radial-gradient"}}
-      }}
       title="Dollar Barber Shop"
       description="Precision. Style. Presence."
       avatars={[
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-tattooed-arm-wearing-white-shirt_613910-16032.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-bearded-black-man-with-tattooed-arm-wearing-white-shirt_613910-16032.jpg",          alt: "Barber 1"},
-          alt: "Barber 1",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg",
+          src: "http://img.b2bpic.net/free-photo/male-hairdresser-posing-salon_23-2150462487.jpg",          alt: "Barber 2"},
-          alt: "Barber 2",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15033.jpg",
+          src: "http://img.b2bpic.net/free-photo/portrait-pensive-man-with-receive-moustache-beard-trimming-procedure-barbershop_613910-15033.jpg",          alt: "Barber 3"},
-          alt: "Barber 3",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-with-crossed-arms-dressed-brown-leather-pilot-jacket_613910-11192.jpg",
+          src: "http://img.b2bpic.net/free-photo/stylish-blond-bearded-male-with-crossed-arms-dressed-brown-leather-pilot-jacket_613910-11192.jpg",          alt: "Barber 4"},
-          alt: "Barber 4",
-        },
         {
-          src: "http://img.b2bpic.net/free-photo/strict-slavic-middle-aged-male-barber-uniform-combing-beard-holding-scissors-isolated-purple-wall_141793-86101.jpg",
+          src: "http://img.b2bpic.net/free-photo/strict-slavic-middle-aged-male-barber-uniform-combing-beard-holding-scissors-isolated-purple-wall_141793-86101.jpg",          alt: "Barber 5"},
-          alt: "Barber 5",
-        },
       ]}
       buttons={[
         {
-          text: "Book Appointment",
+          text: "Book Appointment",          href: "#booking"},
-          href: "#booking",
-        },
         {
-          text: "Explore Services",
+          text: "Explore Services",          href: "#services"},
-          href: "#services",
-        },
       ]}
       marqueeItems={[
         {
-          type: "text",
+          type: "text",          text: "Master Grooming"},
-          text: "Master Grooming",
-        },
         {
-          type: "text",
+          type: "text",          text: "Amman's Premier Salon"},
-          text: "Amman's Premier Salon",
-        },
         {
-          type: "text",
+          type: "text",          text: "Signature Fades"},
-          text: "Signature Fades",
-        },
         {
-          type: "text",
+          type: "text",          text: "Royal Shaving"},
-          text: "Royal Shaving",
-        },
         {
-          type: "text",
+          type: "text",          text: "Elite Standards"},
-          text: "Elite Standards",
-        },
       ]}
     />
   </div>
@@ -135,48 +102,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "p1",
+          id: "p1",          badge: "Elite",          price: "15 JOD",          subtitle: "Signature Haircut",          features: [
-          badge: "Elite",
+            "Consultation",            "Precision Cut",            "Hot Towel Finish"],
-          price: "15 JOD",
-          subtitle: "Signature Haircut",
-          features: [
-            "Consultation",
-            "Precision Cut",
-            "Hot Towel Finish",
-          ],
         },
         {
-          id: "p2",
+          id: "p2",          badge: "Modern",          price: "10 JOD",          subtitle: "Skin Fade",          features: [
-          badge: "Modern",
+            "Razor Finish",            "Detailed Fading",            "Edge Lineup"],
-          price: "10 JOD",
-          subtitle: "Skin Fade",
-          features: [
-            "Razor Finish",
-            "Detailed Fading",
-            "Edge Lineup",
-          ],
         },
         {
-          id: "p3",
+          id: "p3",          badge: "Refinement",          price: "8 JOD",          subtitle: "Beard Sculpting",          features: [
-          badge: "Refinement",
+            "Razor Contour",            "Beard Oil Finish",            "Trimming"],
-          price: "8 JOD",
-          subtitle: "Beard Sculpting",
-          features: [
-            "Razor Contour",
-            "Beard Oil Finish",
-            "Trimming",
-          ],
         },
         {
-          id: "p4",
+          id: "p4",          badge: "Premium",          price: "20 JOD",          subtitle: "Royal Shave",          features: [
-          badge: "Premium",
+            "Hot Towel",            "Straight Razor Shave",            "Aftershave Balm"],
-          price: "20 JOD",
-          subtitle: "Royal Shave",
-          features: [
-            "Hot Towel",
-            "Straight Razor Shave",
-            "Aftershave Balm",
-          ],
         },
       ]}
       title="Our Services"
@@ -192,41 +131,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "g1",
+          id: "g1",          name: "Fade Detail",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4243.jpg"},
-          name: "Fade Detail",
-          price: "",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-gray-checkered-suit_158538-4243.jpg",
-        },
         {
-          id: "g2",
+          id: "g2",          name: "Beard Shape",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/two-businessmen-talking-phone-city_1153-8203.jpg"},
-          name: "Beard Shape",
-          price: "",
-          imageSrc: "http://img.b2bpic.net/free-photo/two-businessmen-talking-phone-city_1153-8203.jpg",
-        },
         {
-          id: "g3",
+          id: "g3",          name: "Precision Razor",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg"},
-          name: "Precision Razor",
-          price: "",
-          imageSrc: "http://img.b2bpic.net/free-photo/mid-section-barber-wiping-clients-face-with-hot-towel_107420-94798.jpg",
-        },
         {
-          id: "g4",
+          id: "g4",          name: "Clean Finish",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg"},
-          name: "Clean Finish",
-          price: "",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdressing-chair-vintage-barber-shop_23-2148298304.jpg",
-        },
         {
-          id: "g5",
+          id: "g5",          name: "Full Style",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-blond-male-with-tattooed-arms-his-head-dressed-plaid-shirt-isolated-grey-vignette-background_613910-11818.jpg"},
-          name: "Full Style",
-          price: "",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-blond-male-with-tattooed-arms-his-head-dressed-plaid-shirt-isolated-grey-vignette-background_613910-11818.jpg",
-        },
         {
-          id: "g6",
+          id: "g6",          name: "Detailing",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/barber-with-scissors-barbershop_140725-7670.jpg"},
-          name: "Detailing",
-          price: "",
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-with-scissors-barbershop_140725-7670.jpg",
-        },
       ]}
       title="Our Work"
       description="A glimpse into the fine details."
@@ -241,32 +156,16 @@ export default function LandingPage() {
       useInvertedBackground={false}
       metrics={[
         {
-          id: "m1",
+          id: "m1",          value: "100%",          title: "Precision",          description: "Attention to detail",          icon: Sparkles,
-          value: "100%",
-          title: "Precision",
-          description: "Attention to detail",
-          icon: Sparkles,
         },
         {
-          id: "m2",
+          id: "m2",          value: "Top",          title: "Barbers",          description: "Elite grooming experts",          icon: Star,
-          value: "Top",
-          title: "Barbers",
-          description: "Elite grooming experts",
-          icon: Star,
         },
         {
-          id: "m3",
+          id: "m3",          value: "Lux",          title: "Atmosphere",          description: "Premium luxury ambiance",          icon: Zap,
-          value: "Lux",
-          title: "Atmosphere",
-          description: "Premium luxury ambiance",
-          icon: Zap,
         },
         {
-          id: "m4",
+          id: "m4",          value: "Modern",          title: "Technique",          description: "Latest industry methods",          icon: Award,
-          value: "Modern",
-          title: "Technique",
-          description: "Latest industry methods",
-          icon: Award,
         },
       ]}
       title="Why Choose Us"
@@ -281,15 +180,9 @@ export default function LandingPage() {
       description="Book via WhatsApp for immediate response."
       inputs={[
         {
-          name: "name",
+          name: "name",          type: "text",          placeholder: "Your Name"},
-          type: "text",
-          placeholder: "Your Name",
-        },
         {
-          name: "phone",
+          name: "phone",          type: "tel",          placeholder: "WhatsApp Number"},
-          type: "tel",
-          placeholder: "WhatsApp Number",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/brush-element-shaving-tool-close-up-berber-shop_1303-20672.jpg"
       buttonText="Book Now on WhatsApp"
@@ -303,24 +196,19 @@ export default function LandingPage() {
       description="Located in the heart of Amman."
       inputs={[
         {
-          name: "email",
+          name: "email",          type: "email",          placeholder: "Email Address"},
-          type: "email",
-          placeholder: "Email Address",
-        },
         {
-          name: "message",
+          name: "message",          type: "text",          placeholder: "Your Inquiry"},
-          type: "text",
-          placeholder: "Your Inquiry",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/professional-hairdresser-sitting-barber-chair-waiting-customer_613910-3902.jpg"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterCard
+      <FooterLogoReveal
       logoText="Dollar Barber Shop"
-      copyrightText="© 2025 Dollar Barber Shop. All rights reserved."
+      leftLink={{ text: "Privacy", href: "#" }}
+      rightLink={{ text: "Terms", href: "#" }}
     />
   </div>
       </ReactLenis>