diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 1b86fa6..71e6924 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,34 +2,29 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import { Facebook, Instagram } from "lucide-react";
 
 export default function AboutPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarStyleCentered 
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "About", id: "/about" },
-            { name: "Contact", id: "/contact" }
-          ]} 
-          brandName="Marketplace at Altamonte"
-        />
-        
-        <div id="about-content" data-section="about">
-          <InlineImageSplitTextAbout
-            heading={[{ type: 'text', content: 'Our Story & Mission' }]}
-            useInvertedBackground={false}
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered 
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Catering", id: "/catering" },
+              { name: "Menu", id: "/menu" },
+              { name: "Order", id: "/order" },
+              { name: "Reviews", id: "/reviews" },
+              { name: "Contact", id: "/contact" }
+            ]} 
           />
         </div>
-
         <FooterCard
           logoText="Marketplace at Altamonte"
-          copyrightText="© 2025 Marketplace at Altamonte | 130 E Altamonte Dr, Altamonte Springs, FL 32701 | Retail Plaza, Shopping Center, Altamonte Dining"
           socialLinks={[
             { icon: Instagram, href: "#", ariaLabel: "Instagram" },
             { icon: Facebook, href: "#", ariaLabel: "Facebook" },
diff --git a/src/app/catering/page.tsx b/src/app/catering/page.tsx
index ad69f6c..932346b 100644
--- a/src/app/catering/page.tsx
+++ b/src/app/catering/page.tsx
@@ -3,31 +3,33 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import { Facebook, Instagram } from "lucide-react";
 
 export default function CateringPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarStyleCentered navItems={[{name: "About", id: "/#about"}, {name: "Directory", id: "/#directory"}, {name: "Catering", id: "/catering"}, {name: "Reviews", id: "/reviews"}, {name: "Leasing", id: "/#contact"}]} brandName="Marketplace at Altamonte" />
-        <div className="pt-24">
-            <FeatureCardTwentySeven
-              animationType="slide-up"
-              textboxLayout="split"
-              gridVariant="two-items-per-row"
-              useInvertedBackground={false}
-              features={[
-                { id: "c1", title: "Corporate Lunches", description: "Professional catering for your office team." },
-                { id: "c2", title: "Event Buffets", description: "Customizable spreads for any occasion." },
-                { id: "c3", title: "Party Platters", description: "Fresh finger foods and appetizers." }
-              ]}
-              title="Catering Services"
-              description="Elevate your events with fresh, local, and delicious catering options from our restaurant partners."
-            />
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered 
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Catering", id: "/catering" },
+              { name: "Menu", id: "/menu" },
+              { name: "Order", id: "/order" },
+              { name: "Reviews", id: "/reviews" },
+              { name: "Contact", id: "/contact" }
+            ]} 
+          />
         </div>
-        <FooterCard logoText="Marketplace at Altamonte" socialLinks={[{icon: Instagram, href: "#", ariaLabel: "Instagram"}, {icon: Facebook, href: "#", ariaLabel: "Facebook"}]} />
+        <FooterCard
+          logoText="Marketplace at Altamonte"
+          socialLinks={[
+            { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+            { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+          ]}
+        />
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 602cfef..e7b1592 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -2,40 +2,29 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import { Facebook, Instagram } from "lucide-react";
 
 export default function ContactPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarStyleCentered 
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "About", id: "/about" },
-            { name: "Contact", id: "/contact" }
-          ]} 
-          brandName="Marketplace at Altamonte"
-        />
-        
-        <div id="contact-content" data-section="contact">
-          <ContactSplitForm
-            title="Visit & Contact Us"
-            description="Located at 130 E Altamonte Dr, Altamonte Springs, FL 32701. Get in touch with our team."
-            inputs={[
-              { name: "name", type: "text", placeholder: "Name" },
-              { name: "email", type: "email", placeholder: "Email" }
-            ]}
-            textarea={{ name: "message", placeholder: "Your message" }}
-            useInvertedBackground={false}
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered 
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Catering", id: "/catering" },
+              { name: "Menu", id: "/menu" },
+              { name: "Order", id: "/order" },
+              { name: "Reviews", id: "/reviews" },
+              { name: "Contact", id: "/contact" }
+            ]} 
           />
         </div>
-
         <FooterCard
           logoText="Marketplace at Altamonte"
-          copyrightText="© 2025 Marketplace at Altamonte | 130 E Altamonte Dr, Altamonte Springs, FL 32701 | Retail Plaza, Shopping Center, Altamonte Dining"
           socialLinks={[
             { icon: Instagram, href: "#", ariaLabel: "Instagram" },
             { icon: Facebook, href: "#", ariaLabel: "Facebook" },
diff --git a/src/app/menu/page.tsx b/src/app/menu/page.tsx
index e228985..01fcb59 100644
--- a/src/app/menu/page.tsx
+++ b/src/app/menu/page.tsx
@@ -3,31 +3,33 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import { Facebook, Instagram } from "lucide-react";
 
 export default function MenuPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarStyleCentered navItems={[{ name: "Menu", id: "/menu" }, { name: "Order Online", id: "/order" }, { name: "Home", id: "/" }]} brandName="Marketplace at Altamonte" />
-        <div className="pt-32 pb-20">
-            <ProductCardFour
-                title="Our Menu"
-                description="Explore our delicious selection of freshly prepared dishes."
-                gridVariant="three-columns-all-equal-width"
-                animationType="slide-up"
-                textboxLayout="default"
-                useInvertedBackground={false}
-                products={[
-                    { id: "1", name: "Artisan Pizza", price: "$15.00", variant: "Main Course", imageSrc: "http://img.b2bpic.net/free-photo/view-city-square_1359-45.jpg" },
-                    { id: "2", name: "Fresh Salad", price: "$12.00", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-photo/view-city-square_1359-45.jpg" },
-                    { id: "3", name: "Gelato", price: "$6.00", variant: "Dessert", imageSrc: "http://img.b2bpic.net/free-photo/view-city-square_1359-45.jpg" }
-                ]}
-            />
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered 
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Catering", id: "/catering" },
+              { name: "Menu", id: "/menu" },
+              { name: "Order", id: "/order" },
+              { name: "Reviews", id: "/reviews" },
+              { name: "Contact", id: "/contact" }
+            ]} 
+          />
         </div>
-        <FooterCard brandName="Marketplace at Altamonte" socialLinks={[{ icon: Instagram, href: "#", ariaLabel: "Instagram" }, { icon: Facebook, href: "#", ariaLabel: "Facebook" }]} />
+        <FooterCard
+          logoText="Marketplace at Altamonte"
+          socialLinks={[
+            { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+            { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+          ]}
+        />
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/order/page.tsx b/src/app/order/page.tsx
index c02ab03..ee9b2c8 100644
--- a/src/app/order/page.tsx
+++ b/src/app/order/page.tsx
@@ -3,29 +3,33 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import { Facebook, Instagram } from "lucide-react";
 
 export default function OrderPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarStyleCentered navItems={[{ name: "Menu", id: "/menu" }, { name: "Order Online", id: "/order" }, { name: "Home", id: "/" }]} brandName="Marketplace at Altamonte" />
-        <div className="pt-32 pb-20">
-            <ContactSplitForm
-                title="Place Your Order"
-                description="Fill out the details below and we'll get your order ready for pickup."
-                inputs={[
-                    { name: "name", type: "text", placeholder: "Full Name" },
-                    { name: "email", type: "email", placeholder: "Email Address" },
-                    { name: "items", type: "text", placeholder: "Order Items" }
-                ]}
-                buttonText="Submit Order"
-                useInvertedBackground={false}
-            />
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered 
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Catering", id: "/catering" },
+              { name: "Menu", id: "/menu" },
+              { name: "Order", id: "/order" },
+              { name: "Reviews", id: "/reviews" },
+              { name: "Contact", id: "/contact" }
+            ]} 
+          />
         </div>
-        <FooterCard brandName="Marketplace at Altamonte" socialLinks={[{ icon: Instagram, href: "#", ariaLabel: "Instagram" }, { icon: Facebook, href: "#", ariaLabel: "Facebook" }]} />
+        <FooterCard
+          logoText="Marketplace at Altamonte"
+          socialLinks={[
+            { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+            { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+          ]}
+        />
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/reviews/page.tsx b/src/app/reviews/page.tsx
index 0871c4f..8d6d3cc 100644
--- a/src/app/reviews/page.tsx
+++ b/src/app/reviews/page.tsx
@@ -3,30 +3,33 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import { Facebook, Instagram } from "lucide-react";
 
 export default function ReviewsPage() {
   return (
-    <ThemeProvider>
+    <ThemeProvider defaultButtonVariant="hover-magnetic" defaultTextAnimation="entrance-slide" borderRadius="rounded" contentWidth="medium" sizing="medium" background="circleGradient" cardStyle="glass-elevated" primaryButtonStyle="gradient" secondaryButtonStyle="glass" headingFontWeight="normal">
       <ReactLenis root>
-        <NavbarStyleCentered navItems={[{name: "About", id: "/#about"}, {name: "Directory", id: "/#directory"}, {name: "Catering", id: "/catering"}, {name: "Reviews", id: "/reviews"}, {name: "Leasing", id: "/#contact"}]} brandName="Marketplace at Altamonte" />
-        <div className="pt-24">
-            <TestimonialCardSixteen
-              animationType="slide-up"
-              textboxLayout="default"
-              useInvertedBackground={true}
-              testimonials={[
-                { id: "rt1", name: "Jane D.", role: "Local Resident", company: "Altamonte", rating: 5 },
-                { id: "rt2", name: "Mark H.", role: "Shopper", company: "Guest", rating: 5 }
-              ]}
-              kpiItems={[{value: "4.9", label: "Overall Rating"}, {value: "500+", label: "Total Reviews"}, {value: "100%", label: "Satisfaction"}]}
-              title="Customer Testimonials"
-              description="Hear what our community has to say about their experience at Marketplace at Altamonte."
-            />
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered 
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Catering", id: "/catering" },
+              { name: "Menu", id: "/menu" },
+              { name: "Order", id: "/order" },
+              { name: "Reviews", id: "/reviews" },
+              { name: "Contact", id: "/contact" }
+            ]} 
+          />
         </div>
-        <FooterCard logoText="Marketplace at Altamonte" socialLinks={[{icon: Instagram, href: "#", ariaLabel: "Instagram"}, {icon: Facebook, href: "#", ariaLabel: "Facebook"}]} />
+        <FooterCard
+          logoText="Marketplace at Altamonte"
+          socialLinks={[
+            { icon: Instagram, href: "#", ariaLabel: "Instagram" },
+            { icon: Facebook, href: "#", ariaLabel: "Facebook" },
+          ]}
+        />
       </ReactLenis>
     </ThemeProvider>
   );