Update src/app/page.tsx

src/app/page.tsx

@@ -8,7 +8,7 @@ import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 
@@ -28,28 +28,13 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+      <NavbarStyleCentered
       navItems={[
-        {
+        { name: "Home", id: "hero" },
-          name: "Home",
+        { name: "Services", id: "services" },
-          id: "hero",
+        { name: "Gallery", id: "gallery" },
-        },
+        { name: "Reviews", id: "reviews" },
-        {
+        { name: "Contact", id: "contact" },
-          name: "Services",
-          id: "services",
-        },
-        {
-          name: "Gallery",
-          id: "gallery",
-        },
-        {
-          name: "Reviews",
-          id: "reviews",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
       ]}
       brandName="Craig's Barbershop"
     />
@@ -60,40 +45,11 @@ export default function LandingPage() {
       title="Precision Cuts in Broomall"
       description="Expert grooming and traditional barber services at 2619 West Chester Pike. Walk in today for the fresh look you deserve."
       buttons={[
-        {
+        { text: "Book Now", href: "#contact" },
-          text: "Book Now",
+        { text: "Call (484) 422-8190", href: "tel:4844228190" },
-          href: "#contact",
-        },
-        {
-          text: "Call (484) 422-8190",
-          href: "tel:4844228190",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/luxury-armchairs-barber-shop_140725-7720.jpg"
       imageAlt="Inside Craig's Barbershop"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/elderly-shoes-designer-is-making-laces-shoes-from-his-new-handmade-collection_613910-17415.jpg",
-          alt: "Elderly shoes designer is making laces for shoes",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/barber-doing-haircut-bearded-aged-client-hair-salon_23-2148182013.jpg",
-          alt: "Barber doing haircut bearded aged client",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-image-professional-stainless-coffee-pot_613910-8830.jpg",
-          alt: "Professional stainless coffee pot",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/man-painting-with-watercolors_52683-108451.jpg",
-          alt: "Man painting with watercolors",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-man-selfcare-products_23-2149313028.jpg",
-          alt: "Close up on man selfcare products",
-        },
-      ]}
-      avatarText="Trusted by 500+ locals"
     />
   </div>
 
@@ -103,36 +59,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { id: "s1", label: "Cut", title: "Precision Haircut", items: ["Classic Taper", "Modern Fade", "Scissor Cut"] },
-          id: "s1",
+        { id: "s2", label: "Shave", title: "Hot Towel Shave", items: ["Traditional Straight Razor", "Facial Conditioning", "Hot Towel Treatment"] },
-          label: "Cut",
+        { id: "s3", label: "Trim", title: "Beard Grooming", items: ["Beard Shaping", "Neck Line Cleanup", "Beard Oil Application"] },
-          title: "Precision Haircut",
-          items: [
-            "Classic Taper",
-            "Modern Fade",
-            "Scissor Cut",
-          ],
-        },
-        {
-          id: "s2",
-          label: "Shave",
-          title: "Hot Towel Shave",
-          items: [
-            "Traditional Straight Razor",
-            "Facial Conditioning",
-            "Hot Towel Treatment",
-          ],
-        },
-        {
-          id: "s3",
-          label: "Trim",
-          title: "Beard Grooming",
-          items: [
-            "Beard Shaping",
-            "Neck Line Cleanup",
-            "Beard Oil Application",
-          ],
-        },
       ]}
       title="Our Grooming Services"
       description="We offer a wide range of services to keep you looking sharp, from classic cuts to precision shaves."
@@ -142,27 +71,8 @@ export default function LandingPage() {
   <div id="why-us" data-section="why-us">
       <InlineImageSplitTextAbout
       useInvertedBackground={true}
-      heading={[
+      heading={[{ type: "text", content: "Why Choose " }, { type: "image", src: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg" }, { type: "text", content: " Craig's Barbershop?" }]}
-        {
+      buttons={[{ text: "Visit Us", href: "#contact" }]}
-          type: "text",
-          content: "Why Choose ",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/brunette-female-hairdresser-washing-hair-bearded-men-client-saloon_613910-14581.jpg",
-          alt: "Barber shop service excellence",
-        },
-        {
-          type: "text",
-          content: " Craig's Barbershop?",
-        },
-      ]}
-      buttons={[
-        {
-          text: "Visit Us",
-          href: "#contact",
-        },
-      ]}
     />
   </div>
 
@@ -173,60 +83,10 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
+        { id: "p1", brand: "Style", name: "Classic Fade", price: "Featured", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-moustache-client_23-2147778841.jpg" },
-          id: "p1",
+        { id: "p2", brand: "Atmosphere", name: "Shop Interior", price: "Quality", rating: 5, reviewCount: "80", imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7242.jpg" },
-          brand: "Style",
+        { id: "p3", brand: "Precision", name: "Hair Detail", price: "Style", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/male-hipster-hairdresser-working-with-beard-senior-client_23-2148181893.jpg" },
-          name: "Classic Fade",
+        { id: "p4", brand: "Shave", name: "Razor Work", price: "Classic", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-neck_23-2147778912.jpg" },
-          price: "Featured",
-          rating: 5,
-          reviewCount: "120",
-          imageSrc: "http://img.b2bpic.net/free-photo/crop-barber-combing-moustache-client_23-2147778841.jpg",
-        },
-        {
-          id: "p2",
-          brand: "Atmosphere",
-          name: "Shop Interior",
-          price: "Quality",
-          rating: 5,
-          reviewCount: "80",
-          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-man-barbershop-barber-work_627829-7242.jpg",
-        },
-        {
-          id: "p3",
-          brand: "Precision",
-          name: "Hair Detail",
-          price: "Style",
-          rating: 5,
-          reviewCount: "95",
-          imageSrc: "http://img.b2bpic.net/free-photo/male-hipster-hairdresser-working-with-beard-senior-client_23-2148181893.jpg",
-        },
-        {
-          id: "p4",
-          brand: "Shave",
-          name: "Razor Work",
-          price: "Classic",
-          rating: 5,
-          reviewCount: "150",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-shaving-neck_23-2147778912.jpg",
-        },
-        {
-          id: "p5",
-          brand: "Decor",
-          name: "Shop Vibe",
-          price: "Welcome",
-          rating: 5,
-          reviewCount: "60",
-          imageSrc: "http://img.b2bpic.net/free-photo/father-s-day-composition-with-variety-elements_23-2147631278.jpg",
-        },
-        {
-          id: "p6",
-          brand: "Cut",
-          name: "Precision Finish",
-          price: "Sharp",
-          rating: 5,
-          reviewCount: "110",
-          imageSrc: "http://img.b2bpic.net/free-photo/barber-makes-haircut-with-cutting-machine_140725-7666.jpg",
-        },
       ]}
       title="Our Style Gallery"
       description="See the results of our expert grooming and precision work."
@@ -236,33 +96,7 @@ export default function LandingPage() {
   <div id="reviews" data-section="reviews">
       <TestimonialCardTwelve
       useInvertedBackground={true}
-      testimonials={[
+      testimonials={[{ id: "t1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg" }, { id: "t2", name: "Mike Smith", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205871.jpg" }]}
-        {
-          id: "t1",
-          name: "John Doe",
-          imageSrc: "http://img.b2bpic.net/free-photo/adult-barber-uniform-laughing-hair-salon_23-2148181964.jpg",
-        },
-        {
-          id: "t2",
-          name: "Mike Smith",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-grooming-their-client_23-2149205871.jpg",
-        },
-        {
-          id: "t3",
-          name: "David Brown",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-senior-man-laughing_23-2151203948.jpg",
-        },
-        {
-          id: "t4",
-          name: "Chris Wilson",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-hair-salon_23-2150665451.jpg",
-        },
-        {
-          id: "t5",
-          name: "Alex Johnson",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-sitting-chair_23-2149220526.jpg",
-        },
-      ]}
       cardTitle="What Our Clients Say"
       cardTag="4.7 Rating"
       cardAnimation="slide-up"
@@ -273,27 +107,11 @@ export default function LandingPage() {
       <FaqSplitMedia
       textboxLayout="split"
       useInvertedBackground={false}
-      faqs={[
+      faqs={[{ id: "f1", title: "What are your hours?", content: "Monday-Saturday: 8am-8pm" }, { id: "f2", title: "Do you accept walk-ins?", content: "Yes" }]}
-        {
-          id: "f1",
-          title: "What are your hours?",
-          content: "Monday, Wednesday, Thursday: 8am-8pm. Friday: 6am-6pm. Saturday: 6am-4pm. Sunday: Closed.",
-        },
-        {
-          id: "f2",
-          title: "Do you accept walk-ins?",
-          content: "Yes, we accept walk-ins and appointments for your convenience.",
-        },
-        {
-          id: "f3",
-          title: "Where are you located?",
-          content: "2619 West Chester Pike, Broomall, PA 19008.",
-        },
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/man-getting-his-hair-cut-barber-shop4_23-2149186458.jpg"
       mediaAnimation="slide-up"
       title="Frequently Asked"
-      description="Have questions about our hours or services? We're here to help."
+      description="Got questions?"
       faqsAnimation="slide-up"
     />
   </div>
@@ -301,29 +119,21 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={true}
-      background={{
+      background={{ variant: "gradient-bars" }}
-        variant: "gradient-bars",
-      }}
       tag="Get in Touch"
       title="Visit Us Today"
-      description="Located at 2619 West Chester Pike, Broomall, PA. Give us a call at (484) 422-8190 to schedule or walk in."
+      description="Located in Broomall."
     />
   </div>
 
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Craig's Barbershop"
-      leftLink={{
+      leftLink={{ text: "Privacy Policy", href: "#" }}
-        text: "Privacy Policy",
+      rightLink={{ text: "Contact", href: "tel:4844228190" }}
-        href: "#",
-      }}
-      rightLink={{
-        text: "Contact Us",
-        href: "tel:4844228190",
-      }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}