Update 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 } from "lucide-react";
+import { Leaf, ShieldCheck, Zap, MapPin } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -37,6 +37,8 @@ export default function LandingPage() {
           name: "About",          id: "features"},
         {
           name: "Contact",          id: "contact"},
+        {
+          name: "Maps",          id: "maps"},
       ]}
       brandName="Express Mart"
     />
@@ -69,6 +71,20 @@ 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"
@@ -96,7 +112,6 @@ export default function LandingPage() {
 
   <div id="features" data-section="features">
       <FeatureBorderGlow
-      animationType="slide-up"
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
@@ -174,4 +189,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}