src/app/contact/page.tsx

@@ -0,0 +1,42 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+
+export default function ContactPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+            navItems={[
+                { name: "Hakkımda", id: "about" },
+                { name: "Hizmetler", id: "features" },
+                { name: "Danışan Yorumları", id: "testimonials" },
+                { name: "İletişim", id: "/contact" },
+            ]}
+            brandName="Betül Arıkan"
+        />
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            title="Bizimle İletişime Geçin"
+            description="Sağlık yolculuğunuzda size nasıl yardımcı olabiliriz? Formu doldurun, size en kısa sürede dönüş yapalım."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Adınız Soyadınız", required: true },
+              { name: "email", type: "email", placeholder: "E-posta Adresiniz", required: true }
+            ]}
+            textarea={{ name: "message", placeholder: "Mesajınız", rows: 5, required: true }}
+            useInvertedBackground={false}
+          />
+        </div>
+        <FooterLogoReveal
+          logoText="Betül Arıkan"
+          leftLink={{ text: "Gizlilik Politikası", href: "#" }}
+          rightLink={{ text: "Kişisel Verilerin Korunması", href: "#" }}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -40,7 +40,7 @@ export default function LandingPage() {
         {
           name: "Danışan Yorumları",          id: "testimonials"},
         {
-          name: "İletişim",          id: "contact"},
+          name: "İletişim",          id: "/contact"},
       ]}
       brandName="Betül Arıkan"
     />
@@ -55,7 +55,7 @@ export default function LandingPage() {
       tag="Uzman Diyetisyen"
       buttons={[
         {
-          text: "Randevu Al",          href: "#contact"},
+          text: "Randevu Al",          href: "/contact"},
       ]}
       mediaItems={[
         {
@@ -76,7 +76,7 @@ export default function LandingPage() {
         "Fonksiyonel tıp, hastalıkları sadece semptomları bastırmakla değil, kök nedenlerini anlayarak ele alır.",        "Beslenme planlarımızı tamamen sizin biyokimyasal ihtiyaçlarınıza ve yaşam tarzınıza göre özelleştiriyoruz.",        "Amacımız sadece kilo vermek değil, uzun vadeli ve sürdürülebilir bir sağlık durumuna kavuşmanızı sağlamak."
       ]}
       buttons={[
-        { text: "Randevu Al", href: "#contact" }
+        { text: "Randevu Al", href: "/contact" }
       ]}
       useInvertedBackground={true}
     />
@@ -210,21 +210,6 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient"}}
-      tag="İletişim"
-      title="Sağlıklı Bir Yaşam İçin Adım Atın"
-      description="Detaylı bilgi almak veya randevu oluşturmak için hemen bize ulaşın."
-      buttons={[
-        {
-          text: "WhatsApp Üzerinden İletişime Geç",          href: "https://wa.me/905550000000"},
-      ]}
-    />
-  </div>
-
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Betül Arıkan"