Update src/app/page.tsx

Merge version_3 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 = () => { console.log("Theme toggle functionality not implemented for this ThemeProvider."); };
+
   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>