src/app/page.tsx

@@ -12,12 +12,13 @@ import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloating
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
+import ButtonElasticEffect from '@/components/button/ButtonElasticEffect/ButtonElasticEffect';
 import { Code, Shield, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-shift"
+        defaultButtonVariant="elastic-effect"
         defaultTextAnimation="entrance-slide"
         borderRadius="rounded"
         contentWidth="mediumSmall"
@@ -38,7 +39,7 @@ export default function LandingPage() {
         { name: "Contact", id: "#contact" }
       ]}
       brandName="Benedict Owino"
-      button={{ text: "Hire Me", href: "#contact" }}
+      button={{ text: "Hire Me", onClick: () => document.getElementById('contact')?.scrollIntoView({ behavior: 'smooth' }) }}
     />
   </div>
 
@@ -55,6 +56,7 @@ export default function LandingPage() {
       mediaAnimation="slide-up"
       rating={5}
       ratingText="Verified Tech Solutions"
+      buttons={[{ text: "Start Project", href: "#contact" }, { text: "View Portfolio", href: "#portfolio" }]}
     />
   </div>
 
@@ -158,7 +160,7 @@ export default function LandingPage() {
       text="Ready to innovate? Let's discuss your next IT or AI project."
       buttons={[
         { text: "Connect on GitHub", href: "#" },
-        { text: "Email Benedict", href: "mailto:email@example.com" }
+        { text: "Email Benedict", onClick: () => window.location.href = "mailto:email@example.com" }
       ]}
     />
   </div>
@@ -175,4 +177,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}