diff --git a/src/app/apartments/page.tsx b/src/app/apartments/page.tsx
index 8bead83..cdc7022 100644
--- a/src/app/apartments/page.tsx
+++ b/src/app/apartments/page.tsx
@@ -7,20 +7,28 @@ import FooterMedia from "@/components/sections/footer/FooterMedia";
 
 export default function ApartmentsPage() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingInline
-        brandName="AirPro HVAC"
-        navItems={[{ name: "Apartments", id: "/apartments" }, { name: "Hotels", id: "/hotels" }, { name: "Rentals", id: "/rentals" }, { name: "Home", id: "/" }]}
-      />
-      <FeatureCardOne
-        title="Apartment Listings"
-        description="Browse our selection of premium apartments available for climate-controlled living."
-        textboxLayout="default"
-        animationType="slide-up"
-        features={[{ title: "Modern Studio", description: "High efficiency AC included", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-4.jpg" }]}
-        gridVariant="uniform-all-items-equal"
-      />
-      <FooterMedia logoText="AirPro HVAC" columns={[]} />
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="AirPro HVAC"
+          navItems={[{ name: "Apartments", id: "/apartments" }, { name: "Hotels", id: "/hotels" }, { name: "Rentals", id: "/rentals" }, { name: "Home", id: "/" }]}
+          button={{ text: "Get Started", href: "/contact" }}
+        />
+      </div>
+      <div id="features" data-section="features">
+        <FeatureCardOne
+          title="Apartment Listings"
+          description="Browse our selection of premium apartments available for climate-controlled living."
+          textboxLayout="default"
+          animationType="slide-up"
+          features={[{ title: "Modern Studio", description: "High efficiency AC included", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-4.jpg" }]}
+          gridVariant="uniform-all-items-equal"
+          useInvertedBackground={false}
+        />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterMedia logoText="AirPro HVAC" columns={[]} videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/video-1.mp4" />
+      </div>
     </ThemeProvider>
   );
 }
\ No newline at end of file
diff --git a/src/app/hotels/page.tsx b/src/app/hotels/page.tsx
index 9fa61a6..3dd1e12 100644
--- a/src/app/hotels/page.tsx
+++ b/src/app/hotels/page.tsx
@@ -7,20 +7,28 @@ import FooterMedia from "@/components/sections/footer/FooterMedia";
 
 export default function HotelsPage() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingInline
-        brandName="AirPro HVAC"
-        navItems={[{ name: "Apartments", id: "/apartments" }, { name: "Hotels", id: "/hotels" }, { name: "Rentals", id: "/rentals" }, { name: "Home", id: "/" }]}
-      />
-      <FeatureCardOne
-        title="Hotel Listings"
-        description="Explore our partnered hotels equipped with top-tier HVAC systems for optimal comfort."
-        textboxLayout="default"
-        animationType="slide-up"
-        features={[{ title: "Grand Plaza Hotel", description: "Central climate control throughout", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-5.jpg" }]}
-        gridVariant="uniform-all-items-equal"
-      />
-      <FooterMedia logoText="AirPro HVAC" columns={[]} />
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="AirPro HVAC"
+          navItems={[{ name: "Apartments", id: "/apartments" }, { name: "Hotels", id: "/hotels" }, { name: "Rentals", id: "/rentals" }, { name: "Home", id: "/" }]}
+          button={{ text: "Get Started", href: "/contact" }}
+        />
+      </div>
+      <div id="features" data-section="features">
+        <FeatureCardOne
+          title="Hotel Listings"
+          description="Explore our partnered hotels equipped with top-tier HVAC systems for optimal comfort."
+          textboxLayout="default"
+          animationType="slide-up"
+          features={[{ title: "Grand Plaza Hotel", description: "Central climate control throughout", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-5.jpg" }]}
+          gridVariant="uniform-all-items-equal"
+          useInvertedBackground={false}
+        />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterMedia logoText="AirPro HVAC" columns={[]} videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/video-1.mp4" />
+      </div>
     </ThemeProvider>
   );
 }
\ No newline at end of file
diff --git a/src/app/rentals/page.tsx b/src/app/rentals/page.tsx
index 74f639d..0424995 100644
--- a/src/app/rentals/page.tsx
+++ b/src/app/rentals/page.tsx
@@ -7,20 +7,28 @@ import FooterMedia from "@/components/sections/footer/FooterMedia";
 
 export default function RentalsPage() {
   return (
-    <ThemeProvider>
-      <NavbarLayoutFloatingInline
-        brandName="AirPro HVAC"
-        navItems={[{ name: "Apartments", id: "/apartments" }, { name: "Hotels", id: "/hotels" }, { name: "Rentals", id: "/rentals" }, { name: "Home", id: "/" }]}
-      />
-      <FeatureCardOne
-        title="Rental Listings"
-        description="Browse rental properties featuring energy-efficient heating and cooling systems."
-        textboxLayout="default"
-        animationType="slide-up"
-        features={[{ title: "Modern Villa", description: "Full HVAC maintenance included", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-6.jpg" }]}
-        gridVariant="uniform-all-items-equal"
-      />
-      <FooterMedia logoText="AirPro HVAC" columns={[]} />
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline
+          brandName="AirPro HVAC"
+          navItems={[{ name: "Apartments", id: "/apartments" }, { name: "Hotels", id: "/hotels" }, { name: "Rentals", id: "/rentals" }, { name: "Home", id: "/" }]}
+          button={{ text: "Get Started", href: "/contact" }}
+        />
+      </div>
+      <div id="features" data-section="features">
+        <FeatureCardOne
+          title="Rental Listings"
+          description="Browse rental properties featuring energy-efficient heating and cooling systems."
+          textboxLayout="default"
+          animationType="slide-up"
+          features={[{ title: "Modern Villa", description: "Full HVAC maintenance included", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/img-6.jpg" }]}
+          gridVariant="uniform-all-items-equal"
+          useInvertedBackground={false}
+        />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterMedia logoText="AirPro HVAC" columns={[]} videoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/hvac/video-1.mp4" />
+      </div>
     </ThemeProvider>
   );
 }
\ No newline at end of file