diff --git a/src/app/service-area/page.tsx b/src/app/service-area/page.tsx
index 87d6edc..37aacf8 100644
--- a/src/app/service-area/page.tsx
+++ b/src/app/service-area/page.tsx
@@ -5,8 +5,9 @@ import ReactLenis from "lenis/react";
 import FeatureBento from '@/components/sections/feature/FeatureBento';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import { MapPin } from 'lucide-react';
 
-export default function LandingPage() {
+export default function ServiceAreaPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-stagger"
@@ -21,97 +22,51 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "About",
-          id: "/about",
-        },
-        {
-          name: "Our Work",
-          id: "/work",
-        },
-        {
-          name: "Service Area",
-          id: "/service-area",
-        },
-        {
-          name: "Facebook",
-          id: "https://facebook.com/yurii.khoma.2025",
-        },
-      ]}
-      brandName="Frankfurt Sofa & Carpet Cleaning"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Our Work", id: "/work" },
+              { name: "Service Area", id: "/service-area" },
+              { name: "Facebook", id: "https://facebook.com/yurii.khoma.2025" },
+            ]}
+            brandName="Frankfurt Sofa & Carpet Cleaning"
+            button={{ text: "Get Quote", href: "tel:+14848454829" }}
+          />
+        </div>
 
-  <div id="service-area-info" data-section="service-area-info">
-      <FeatureBento
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Chester, PA",
-          description: "Serving Chester and surrounding areas.",
-          bentoComponent: "reveal-icon",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNnjMXXku88iHFue8MKQx5vISJ/uploaded-1776266215045-3f6h1sx4.png?_wi=3",
-          imageAlt: "User provided image",
-        },
-        {
-          title: "Wilmington, DE",
-          description: "Serving Wilmington.",
-          bentoComponent: "reveal-icon",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CNnjMXXku88iHFue8MKQx5vISJ/uploaded-1776266215045-imo1zxol.png?_wi=3",
-          imageAlt: "User provided image",
-        },
-        {
-          title: "Philadelphia, PA",
-          description: "Serving Philadelphia.",
-          bentoComponent: "reveal-icon",
-          imageSrc: "http://img.b2bpic.net/free-photo/angry-asian-man-standing-couch-leaning-it-looking-camera_1098-17479.jpg?_wi=4",
-          imageAlt: "User provided image",
-        },
-      ]}
-      title="Service Areas"
-      description="Proudly serving the following locations."
-    />
-  </div>
+        <div id="service-area-info" data-section="service-area-info">
+          <FeatureBento
+            animationType="blur-reveal"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "Chester, PA", description: "Serving Chester and surrounding areas.", bentoComponent: "reveal-icon", icon: MapPin },
+              { title: "Wilmington, DE", description: "Serving Wilmington.", bentoComponent: "reveal-icon", icon: MapPin },
+              { title: "Philadelphia, PA", description: "Serving Philadelphia.", bentoComponent: "reveal-icon", icon: MapPin }
+            ]}
+            title="Service Areas"
+            description="Proudly serving the following locations."
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="Frankfurt Sofa & Carpet Cleaning"
-      columns={[
-        {
-          title: "Contact",
-          items: [
-            {
-              label: "(484) 845-4829",
-              href: "tel:+14848454829",
-            },
-            {
-              label: "frankfurtsofacleaning@gmail.com",
-              href: "mailto:frankfurtsofacleaning@gmail.com",
-            },
-          ],
-        },
-        {
-          title: "Location",
-          items: [
-            {
-              label: "1014 S Chester Rd, West Chester, PA 19382",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 Frankfurt Sofa & Carpet Cleaning."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="Frankfurt Sofa & Carpet Cleaning"
+            columns={[
+              { title: "Contact", items: [
+                { label: "(484) 845-4829", href: "tel:+14848454829" },
+                { label: "frankfurtsofacleaning@gmail.com", href: "mailto:frankfurtsofacleaning@gmail.com" }
+              ] },
+              { title: "Location", items: [
+                { label: "1014 S Chester Rd, West Chester, PA 19382", href: "#" }
+              ] }
+            ]}
+            copyrightText="© 2025 Frankfurt Sofa & Carpet Cleaning."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file