Merge version_1_1778317099767 into main

Merge version_1_1778317099767 into main

src/components/Layout.tsx

@@ -1,133 +1,105 @@
-import FooterBasic from '@/components/sections/footer/FooterBasic';
-import NavbarDropdown from '@/components/ui/NavbarDropdown';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import NavbarInline from '@/components/ui/NavbarInline';
 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": "#home"
+    "name": "Home",    "href": "#home"
   },
   {
-    "name": "Destinations",
-    "href": "#destinations"
+    "name": "About",    "href": "#about"
   },
   {
-    "name": "Experiences",
-    "href": "#experiences"
+    "name": "Destinations",    "href": "#destinations"
   },
   {
-    "name": "About Us",
-    "href": "#about"
+    "name": "Services",    "href": "#services"
   },
   {
-    "name": "Testimonials",
-    "href": "#testimonials"
+    "name": "Testimonials",    "href": "#testimonials"
   },
   {
-    "name": "Contact",
-    "href": "#contact"
+    "name": "Contact",    "href": "#contact"
   },
   {
-    "name": "Metrics",
-    "href": "#metrics"
+    "name": "Metrics",    "href": "#metrics"
   }
 ];
 
   return (
-    <StyleProvider buttonVariant="shift" siteBackground="floatingGradient" heroBackground="cornerGlow">
+    <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">
-        <NavbarDropdown
-      logo="Aurora Journeys"
+        <NavbarInline
       ctaButton={{
-        text: "Book Now",
-        href: "#contact",
-      }}
+        text: "Book Now",        href: "#contact"}}
+      logo="LuxJourneys"
      navItems={navItems} />
       </SectionErrorBoundary>
       <main className="flex-grow">
         <Outlet />
       </main>
       <SectionErrorBoundary name="footer">
-        <FooterBasic
+        <FooterSimple
+      brand="LuxJourneys"
       columns={[
         {
-          title: "Destinations",
-          items: [
+          title: "Destinations",          items: [
             {
-              label: "Maldives",
-              href: "#destinations",
-            },
+              label: "Europe",              href: "#"},
             {
-              label: "Europe",
-              href: "#destinations",
-            },
+              label: "Asia",              href: "#"},
             {
-              label: "Asia",
-              href: "#destinations",
-            },
+              label: "Africa",              href: "#"},
             {
-              label: "Africa",
-              href: "#destinations",
-            },
+              label: "Americas",              href: "#"},
           ],
         },
         {
-          title: "Experiences",
-          items: [
+          title: "Company",          items: [
             {
-              label: "Private Charters",
-              href: "#experiences",
-            },
+              label: "About Us",              href: "#about"},
             {
-              label: "Gourmet Tours",
-              href: "#experiences",
-            },
+              label: "Our Services",              href: "#services"},
             {
-              label: "Cultural Journeys",
-              href: "#experiences",
-            },
+              label: "Testimonials",              href: "#testimonials"},
+            {
+              label: "Contact",              href: "#contact"},
           ],
         },
         {
-          title: "Company",
-          items: [
+          title: "Legal",          items: [
             {
-              label: "About Us",
-              href: "#about",
-            },
+              label: "Privacy Policy",              href: "#"},
             {
-              label: "Contact",
-              href: "#contact",
-            },
-            {
-              label: "Testimonials",
-              href: "#testimonials",
-            },
-          ],
-        },
-        {
-          title: "Legal",
-          items: [
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
           ],
         },
       ]}
-      leftText="© 2024 Aurora Journeys. All rights reserved."
-      rightText="Crafted with passion by Aurora Journeys"
+      copyright="© 2023 LuxJourneys. All rights reserved."
+      links={[
+        {
+          label: "Privacy Policy",          href: "#"},
+        {
+          label: "Terms of Service",          href: "#"},
+      ]}
     />
       </SectionErrorBoundary>
-    </StyleProvider>
+    </ThemeProvider>
   );
 }