Update src/app/page.tsx

Merge version_7 into main

src/app/page.tsx

@@ -2,7 +2,8 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCenter from '@/components/sections/contact/ContactCenter';
+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';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
@@ -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,6 +134,7 @@ export default function LandingPage() {
   </div>
 
   <div id="socialproof" data-section="socialproof">
+      {isMounted && (
         <SocialProofOne
         textboxLayout="default"
         useInvertedBackground={false}
@@ -135,25 +143,34 @@ export default function LandingPage() {
         title="Recognized Excellence"
         description="Featured in leading culinary guides."
       />
+      )}
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactCenter
+      {isMounted && (
+        <ContactSplitForm
         useInvertedBackground={false}
-      background={{ variant: "plain" }}
-      tag="Reserve Table"
-      title="Visit Us Today"
-      description="Join us at Brsalje ul. 14, Dubrovnik."
-      buttonText="Book Your Table"
+        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">
+      {isMounted && (
         <FooterLogoReveal
         logoText="The Royal Pizza"
         leftLink={{ text: "Privacy Policy", href: "#" }}
         rightLink={{ text: "Terms of Service", href: "#" }}
       />
+      )}
   </div>
       </ReactLenis>
     </ThemeProvider>