diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index c6b80ee..0c1d7c6 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -1,124 +1,97 @@
-import FooterBrand from '@/components/sections/footer/FooterBrand';
+import FooterBasic from '@/components/sections/footer/FooterBasic';
 import NavbarFloating from '@/components/ui/NavbarFloating';
 import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
 import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
 import { Outlet } from 'react-router-dom';
-import { StyleProvider } from "@/components/ui/StyleProvider";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 
 export default function Layout() {
   const navItems = [
   {
-    "name": "Home",
-    "href": "#hero"
+    "name": "Home",    "href": "#hero"
   },
   {
-    "name": "About Us",
-    "href": "#about"
+    "name": "About",    "href": "#about"
   },
   {
-    "name": "Rooms & Suites",
-    "href": "#rooms"
+    "name": "Rooms",    "href": "#rooms"
   },
   {
-    "name": "Amenities",
-    "href": "#amenities"
+    "name": "Amenities",    "href": "#amenities"
   },
   {
-    "name": "Gallery",
-    "href": "#gallery"
+    "name": "Guest Reviews",    "href": "#testimonials"
   },
   {
-    "name": "Contact",
-    "href": "#contact"
+    "name": "FAQ",    "href": "#faq"
   },
   {
-    "name": "Testimonials",
-    "href": "#testimonials"
+    "name": "Contact",    "href": "#contact"
   }
 ];
 
   return (
-    <StyleProvider buttonVariant="default" siteBackground="gridLines" heroBackground="radialGradient">
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
       <SiteBackgroundSlot />
       <SectionErrorBoundary name="navbar">
         <NavbarFloating
+      logo="The Grandeur Hotel"
       ctaButton={{
-        text: "Book Now",
-        href: "#contact",
-      }}
-      logo="Elysian Grand"
+        text: "Book Now",        href: "#contact"}}
      navItems={navItems} />
       </SectionErrorBoundary>
       <main className="flex-grow">
         <Outlet />
       </main>
       <SectionErrorBoundary name="footer">
-        <FooterBrand
-      brand="Elysian Grand"
+        <FooterBasic
       columns={[
         {
-          items: [
+          title: "Explore",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "Home",              href: "#hero"},
             {
-              label: "Rooms & Suites",
-              href: "#rooms",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Amenities",
-              href: "#amenities",
-            },
-            {
-              label: "Gallery",
-              href: "#gallery",
-            },
+              label: "Rooms & Suites",              href: "#rooms"},
           ],
         },
         {
-          items: [
+          title: "Services",          items: [
             {
-              label: "Dining",
-              href: "#",
-            },
+              label: "Amenities",              href: "#amenities"},
             {
-              label: "Spa & Wellness",
-              href: "#",
-            },
+              label: "Guest Reviews",              href: "#testimonials"},
             {
-              label: "Events",
-              href: "#",
-            },
-            {
-              label: "Concierge",
-              href: "#",
-            },
+              label: "FAQ",              href: "#faq"},
           ],
         },
         {
-          items: [
+          title: "Connect",          items: [
             {
-              label: "Contact Us",
-              href: "#contact",
-            },
+              label: "Contact Us",              href: "#contact"},
             {
-              label: "Careers",
-              href: "#",
-            },
+              label: "Reservations",              href: "#contact"},
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
           ],
         },
       ]}
+      leftText="© 2023 The Grandeur Hotel. All rights reserved."
+      rightText="Designed with Elegance."
     />
       </SectionErrorBoundary>
-    </StyleProvider>
+    </ThemeProvider>
   );
 }