src/app/layout.tsx

@@ -1454,4 +1454,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -10,6 +10,20 @@ import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis'
 import { Sparkles, Briefcase, Zap, Mail, Code, Rocket, CheckCircle } from 'lucide-react';
 
 export default function LandingPage() {
+  const handleScrollToPortfolio = () => {
+    const element = document.getElementById('portfolio');
+    if (element) {
+      element.scrollIntoView({ behavior: 'smooth' });
+    }
+  };
+
+  const handleScrollToContact = () => {
+    const element = document.getElementById('contact');
+    if (element) {
+      element.scrollIntoView({ behavior: 'smooth' });
+    }
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="expand-hover"
@@ -46,8 +60,8 @@ export default function LandingPage() {
           tagAnimation="slide-up"
           background={{ variant: "animated-grid" }}
           buttons={[
-            { text: "Meine Arbeiten ansehen", href: "#portfolio" },
-            { text: "Erste Schritte", href: "#contact" }
+            { text: "Meine Arbeiten ansehen", onClick: handleScrollToPortfolio },
+            { text: "Erste Schritte", onClick: handleScrollToContact }
           ]}
           buttonAnimation="slide-up"
           carouselItems={[
@@ -183,9 +197,9 @@ export default function LandingPage() {
           columns={[
             {
               items: [
-                { label: "Arbeiten", href: "#portfolio" },
-                { label: "Dienstleistungen", href: "#services" },
-                { label: "Bereitstellung", href: "#deployment" }
+                { label: "Arbeiten", href: "portfolio" },
+                { label: "Dienstleistungen", href: "services" },
+                { label: "Bereitstellung", href: "deployment" }
               ]
             },
             {
@@ -207,4 +221,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}