Merge version_4 into main

Merge version_4 into main

src/app/page.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { ThemeProvider, useTheme } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import AboutMetric from '@/components/sections/about/AboutMetric';
 import ContactText from '@/components/sections/contact/ContactText';
@@ -15,6 +15,8 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
 import { Heart, Users, Utensils } from "lucide-react";
 
 export default function LandingPage() {
+  const { toggleTheme } = useTheme();
+
   return (
     <ThemeProvider
         defaultButtonVariant="bounce-effect"
@@ -46,6 +48,7 @@ export default function LandingPage() {
           name: "Contact",          id: "#contact"},
       ]}
       brandName="Swiss Butter"
+      button={{ text: "Toggle Theme", onClick: toggleTheme }}
     />
   </div>
 
@@ -284,4 +287,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}