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

src/app/page.tsx

@@ -9,7 +9,7 @@ import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboa
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
-import { Leaf, ShieldCheck, Zap, MapPin } from "lucide-react";
+import { Leaf, ShieldCheck, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -37,8 +37,6 @@ export default function LandingPage() {
           name: "About",          id: "features"},
         {
           name: "Contact",          id: "contact"},
-        {
-          name: "Maps",          id: "maps"},
       ]}
       brandName="Express Mart"
     />
@@ -71,20 +69,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="maps" data-section="maps">
-      <FeatureBorderGlow
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        {
-          icon: MapPin,
-          title: "Store Locator",          description: "Find our nearest Express Mart locations in your area on the map."},
-      ]}
-      title="Check Our Locations"
-      description="Visit us in person for a great shopping experience at any of our branches."
-    />
-  </div>
-
   <div id="products" data-section="products">
       <ProductCardOne
       animationType="slide-up"
@@ -112,6 +96,7 @@ export default function LandingPage() {
 
   <div id="features" data-section="features">
       <FeatureBorderGlow
+      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
@@ -189,4 +174,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}