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

Merge version_4 into main

src/app/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
@@ -26,7 +26,7 @@ export default function LandingPage() {
       headingFontWeight="light"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleApple brandName="North End Tiling" navItems={[{ name: "Work", id: "#portfolio" }, { name: "Services", id: "#services" }, { name: "Process", id: "#process" }, { name: "Materials", id: "#materials" }]} />
+        <NavbarLayoutFloatingOverlay logoSrc="http://img.b2bpic.net/free-photo/tile-mosaic_1340-27958.jpg" logoAlt="North End Tiling Logo" navItems={[{ name: "Work", id: "portfolio" }, { name: "Services", id: "services" }, { name: "Process", id: "process" }]} />
       </div>
       <div id="hero" data-section="hero">
         <HeroBillboardTestimonial
@@ -84,21 +84,7 @@ export default function LandingPage() {
           useInvertedBackground={false}
         />
       </div>
-      <div id="materials" data-section="materials">
-        <ProductCardTwo
-          title="Materials of Distinction"
-          description="We partner with leading suppliers to offer an exquisite selection of tiling materials, each chosen for its beauty, resilience, and capacity to bring your pool vision to life."
-          products={[
-            { id: "glass-mosaic", brand: "Premium", name: "Glass Mosaic", price: "From $XXX", rating: 5, reviewCount: "50+", imageSrc: "http://img.b2bpic.net/free-photo/ai-generated-water-picture_23-2150644438.jpg", imageAlt: "Shimmering glass mosaic tiles" },
-            { id: "porcelain", brand: "Durable", name: "Porcelain", price: "From $XXX", rating: 5, reviewCount: "40+", imageSrc: "http://img.b2bpic.net/free-photo/two-tone-blue-marble-tiles-background_53876-97244.jpg", imageAlt: "Large format porcelain pool tiles" },
-            { id: "natural-stone", brand: "Timeless", name: "Natural Stone", price: "From $XXX", rating: 5, reviewCount: "35+", imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool-summer-time_53876-147860.jpg", imageAlt: "Natural stone pool tiles" }
-          ]}
-          gridVariant="three-columns-all-equal-width"
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-        />
-      </div>
+      
       <div id="process" data-section="process">
         <FeatureCardTwelve
           title="Our Seamless Tiling Journey"
@@ -164,7 +150,7 @@ export default function LandingPage() {
           columns={[
             { title: "Contact Us", items: [{ label: "07 5555 1234", href: "tel:0755551234" }, { label: "info@northendtiling.com.au", href: "mailto:info@northendtiling.com.au" }, { label: "Gold Coast, QLD", href: "#" }]},
             { title: "Service Areas", items: [{ label: "Gold Coast", href: "#" }, { label: "Brisbane South", href: "#" }, { label: "Northern NSW", href: "#" }, { label: "Sunshine Coast", href: "#" }]},
-            { title: "Quick Links", items: [{ label: "Our Work", href: "#portfolio" }, { label: "Our Services", href: "#services" }, { label: "Our Process", href: "#process" }, { label: "Materials", href: "#materials" }]}
+            { title: "Quick Links", items: [{ label: "Our Work", href: "#portfolio" }, { label: "Our Services", href: "#services" }, { label: "Our Process", href: "#process" }] }
           ]}
           bottomLeftText="© 2024 North End Tiling. All rights reserved."
           bottomRightText="QBCC License No. 1234567"