Update src/components/Layout.tsx

src/components/Layout.tsx

@@ -1,5 +1,5 @@
-import FooterBrand from '@/components/sections/footer/FooterBrand';
+import FooterSimpleMedia from '@/components/sections/footer/FooterSimpleMedia';
-import NavbarFloating from '@/components/ui/NavbarFloating';
+import NavbarCentered from '@/components/ui/NavbarCentered';
 import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
 import { Outlet } from 'react-router-dom';
 import { StyleProvider } from "@/components/ui/StyleProvider";
@@ -7,91 +7,80 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
 export default function Layout() {
   const navItems = [
   {
-    "name": "Home",
+    "name": "Home",    "href": "#hero"
-    "href": "#hero"
   },
   {
-    "name": "Rooms",
+    "name": "About",    "href": "#about"
-    "href": "#rooms"
   },
   {
-    "name": "Amenities",
+    "name": "Amenities",    "href": "#amenities"
-    "href": "#amenities"
   },
   {
-    "name": "Gallery",
+    "name": "Rooms",    "href": "#rooms"
-    "href": "#gallery"
   },
   {
-    "name": "Testimonials",
+    "name": "Testimonials",    "href": "#testimonials"
-    "href": "#testimonials"
   },
   {
-    "name": "Contact",
+    "name": "Contact",    "href": "#contact"
-    "href": "#contact"
   },
   {
-    "name": "About",
+    "name": "Social Proof",    "href": "#social-proof"
-    "href": "#about"
   }
 ];
 
   return (
     <StyleProvider buttonVariant="stagger" siteBackground="floatingGradient" heroBackground="gradientBars">
       <SiteBackgroundSlot />
-      <NavbarFloating
+      <NavbarCentered
-      logo="Grand Lux Hotel"
       ctaButton={{
-        text: "Book Now",
+        text: "Book Now",        href: "#contact"}}
-        href: "#contact",
+      logo="The Grand Haven Hotel"
-      }}
      navItems={navItems} />
       <main className="flex-grow">
         <Outlet />
       </main>
-      <FooterBrand
+      <FooterSimpleMedia
-      brand="Grand Lux Hotel"
+      imageSrc="https://storage.googleapis.com/webild/default/no-image.jpg?id=5y0z2x"
+      brand="The Grand Haven Hotel"
       columns={[
         {
-          items: [
+          title: "About Us",          items: [
             {
-              label: "About Us",
+              label: "Our Story",              href: "#about"},
-              href: "#about",
-            },
             {
-              label: "Rooms & Suites",
+              label: "Amenities",              href: "#amenities"},
-              href: "#rooms",
-            },
             {
-              label: "Amenities",
+              label: "Careers",              href: "#"},
-              href: "#amenities",
-            },
-            {
-              label: "Gallery",
-              href: "#gallery",
-            },
           ],
         },
         {
-          items: [
+          title: "Rooms & Suites",          items: [
             {
-              label: "Contact",
+              label: "Deluxe Rooms",              href: "#rooms"},
-              href: "#contact",
-            },
             {
-              label: "Careers",
+              label: "Executive Suites",              href: "#rooms"},
-              href: "#",
-            },
             {
-              label: "Privacy Policy",
+              label: "Presidential Suite",              href: "#rooms"},
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
           ],
         },
+        {
+          title: "Stay Connected",          items: [
+            {
+              label: "Contact",              href: "#contact"},
+            {
+              label: "Reservations",              href: "#"},
+            {
+              label: "Guest Services",              href: "#"},
+          ],
+        },
+      ]}
+      copyright="© 2024 The Grand Haven Hotel. All rights reserved."
+      links={[
+        {
+          label: "Privacy Policy",          href: "#"},
+        {
+          label: "Terms of Service",          href: "#"},
       ]}
     />
     </StyleProvider>