src/components/Layout.tsx

@@ -1,97 +1,99 @@
-import FooterSimpleMedia from '@/components/sections/footer/FooterSimpleMedia';
-import NavbarCentered from '@/components/ui/NavbarCentered';
-import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
-import { Outlet } from 'react-router-dom';
-import { StyleProvider } from "@/components/ui/StyleProvider";
+import { Outlet } from "react-router-dom";
+import StyleProvider from "../providers/StyleProvider";
+import SiteBackgroundSlot from "../slots/SiteBackgroundSlot";
+import NavbarCentered from "./ui/NavbarCentered";
+import FooterSimpleMedia from "./ui/FooterSimpleMedia";
 
 export default function Layout() {
   const navItems = [
-  {
-    "name": "Story",
-    "href": "#about"
-  },
-  {
-    "name": "Journeys",
-    "href": "#features"
-  },
-  {
-    "name": "Reflections",
-    "href": "#blog"
-  },
-  {
-    "name": "Contact",
-    "href": "#contact"
-  },
-  {
-    "name": "Hero",
-    "href": "#hero"
-  },
-  {
-    "name": "Metrics",
-    "href": "#metrics"
-  },
-  {
-    "name": "Testimonials",
-    "href": "#testimonials"
-  }
-];
+    {
+      "name": "Story",
+      "href": "#about"
+    },
+    {
+      "name": "Journeys",
+      "href": "#features"
+    },
+    {
+      "name": "Reflections",
+      "href": "#blog"
+    },
+    {
+      "name": "Contact",
+      "href": "#contact"
+    },
+    {
+      "name": "Hero",
+      "href": "#hero"
+    },
+    {
+      "name": "Metrics",
+      "href": "#metrics"
+    },
+    {
+      "name": "Testimonials",
+      "href": "#testimonials"
+    }
+  ];
 
   return (
     <StyleProvider buttonVariant="bubble" siteBackground="gridLines" heroBackground="horizonGlow">
       <SiteBackgroundSlot />
       <NavbarCentered
-      logo="My Honey"
-      ctaButton={{
-        text: "Plan Trip",
-        href: "#contact",
-      }}
-     navItems={navItems} />
+        logo="My Honey"
+        ctaButton={{
+          text: "Plan Trip",
+          href: "#contact",
+        }}
+        navItems={navItems} 
+      />
       <main className="flex-grow">
         <Outlet />
       </main>
-      <FooterSimpleMedia
-      brand="My Honey"
-      columns={[
-        {
-          title: "Explore",
-          items: [
+      <div className="text-red-500">
+        <FooterSimpleMedia
+          brand="My Honey"
+          columns={[
             {
-              label: "Story",
-              href: "#about",
+              title: "Explore",
+              items: [
+                {
+                  label: "Story",
+                  href: "#about",
+                },
+                {
+                  label: "Blog",
+                  href: "#blog",
+                },
+              ],
             },
             {
-              label: "Blog",
-              href: "#blog",
+              title: "Connect",
+              items: [
+                {
+                  label: "Contact",
+                  href: "#contact",
+                },
+                {
+                  label: "Instagram",
+                  href: "#",
+                },
+              ],
             },
-          ],
-        },
-        {
-          title: "Connect",
-          items: [
+          ]}
+          copyright="© 2024 My Honey. All rights reserved."
+          links={[
             {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Instagram",
+              label: "Privacy",
               href: "#",
             },
-          ],
-        },
-      ]}
-      copyright="© 2024 My Honey. All rights reserved."
-      links={[
-        {
-          label: "Privacy",
-          href: "#",
-        },
-        {
-          label: "Terms",
-          href: "#",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/young-couple-love-is_1328-1232.jpg?_wi=2"
-    />
+            {
+              label: "Terms",
+              href: "#",
+            }
+          ]}
+        />
+      </div>
     </StyleProvider>
   );
-}
+}