Update src/app/page.tsx

Merge version_9 into main

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"
@@ -33,7 +47,7 @@ export default function LandingPage() {
             { name: "Kontakt", id: "contact" }
           ]}
           bottomLeftText="Webdesigner"
-          bottomRightText="friisp@gmail.com"
+          bottomRightText="peteralexanderfriis696@gmail.com"
         />
       </div>
 
@@ -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={[
@@ -168,7 +182,7 @@ export default function LandingPage() {
           title="Bereit, Ihre Online-Präsenz zu verbessern?"
           description="Lassen Sie uns zusammenarbeiten, um eine Website zu schaffen, die nicht nur atemberaubend aussieht, sondern auch Ergebnisse liefert. Ich freue mich darauf, Ihre Vision zum Leben zu erwecken."
           buttons={[
-            { text: "Kontaktieren Sie mich", href: "mailto:friisp@gmail.com" },
+            { text: "Kontaktieren Sie mich", href: "mailto:peteralexanderfriis696@gmail.com" },
             { text: "Anrufen: +49 179 2355413", href: "tel:+49176611696541" }
           ]}
           buttonAnimation="slide-up"
@@ -183,14 +197,14 @@ 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" }
               ]
             },
             {
               items: [
-                { label: "E-Mail", href: "mailto:friisp@gmail.com" },
+                { label: "E-Mail", href: "mailto:peteralexanderfriis696@gmail.com" },
                 { label: "Telefon", href: "tel:+49176611696541" },
                 { label: "LinkedIn", href: "#" }
               ]
@@ -207,4 +221,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}