Update src/app/page.tsx

Merge version_7 into main

src/app/page.tsx

@@ -2,6 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import { useState, useEffect } from "react";
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
@@ -13,6 +14,12 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 
 export default function LandingPage() {
+  const [isMounted, setIsMounted] = useState(false);
+
+  useEffect(() => {
+    setIsMounted(true);
+  }, []);
+
   return (
     <ThemeProvider
         defaultButtonVariant="expand-hover"
@@ -127,37 +134,43 @@ export default function LandingPage() {
   </div>
 
   <div id="socialproof" data-section="socialproof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "TripAdvisor",        "Google Reviews",        "Dubrovnik Culinary Guide",        "Mediterranean Food Guide",        "Travel & Leisure",        "Food Network",        "Michelin Guide"]}
-      title="Recognized Excellence"
-      description="Featured in leading culinary guides."
-    />
+      {isMounted && (
+        <SocialProofOne
+        textboxLayout="default"
+        useInvertedBackground={false}
+        names={[
+          "TripAdvisor", "Google Reviews", "Dubrovnik Culinary Guide", "Mediterranean Food Guide", "Travel & Leisure", "Food Network", "Michelin Guide"]}
+        title="Recognized Excellence"
+        description="Featured in leading culinary guides."
+      />
+      )}
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={false}
-      title="Reserve Your Table"
-      description="Join us for an unforgettable dining experience in the heart of Dubrovnik. Book online below or call us directly at +385 20 123 456. For immediate bookings (within 2 hours), please call us at +385 20 123 456 to secure your spot."
-      inputs={[
-        { name: "name", type: "text", placeholder: "Name", required: true },
-        { name: "email", type: "email", placeholder: "Email", required: true },
-        { name: "date", type: "date", placeholder: "Date", required: true }
-      ]}
-      buttonText="Reserve Now"
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DJl50SrBKEkSQD9DhfJzxcx20j/uploaded-1778228935408-b5vp9rpi.jpg"
-    />
+      {isMounted && (
+        <ContactSplitForm
+        useInvertedBackground={false}
+        title="Reserve Your Table"
+        description="Join us for an unforgettable dining experience in the heart of Dubrovnik. Book online below or call us directly at +385 20 123 456. For immediate bookings (within 2 hours), please call us at +385 20 123 456 to secure your spot."
+        inputs={[
+          { name: "name", type: "text", placeholder: "Name", required: true },
+          { name: "email", type: "email", placeholder: "Email", required: true },
+          { name: "date", type: "date", placeholder: "Date", required: true }
+        ]}
+        buttonText="Reserve Now"
+        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DJl50SrBKEkSQD9DhfJzxcx20j/uploaded-1778230385972-l5u7cuy5.jpg"
+      />
+      )}
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoText="The Royal Pizza"
-      leftLink={{ text: "Privacy Policy", href: "#" }}
-      rightLink={{ text: "Terms of Service", href: "#" }}
-    />
+      {isMounted && (
+        <FooterLogoReveal
+        logoText="The Royal Pizza"
+        leftLink={{ text: "Privacy Policy", href: "#" }}
+        rightLink={{ text: "Terms of Service", href: "#" }}
+      />
+      )}
   </div>
       </ReactLenis>
     </ThemeProvider>