Update src/app/contact/page.tsx

Merge version_6 into main

src/app/contact/page.tsx

@@ -0,0 +1,55 @@
+"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
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <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>
+        <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

@@ -8,10 +8,11 @@ import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/F
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import TextAbout from '@/components/sections/about/TextAbout';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import { Award, FileText, Shield, Sparkles, User, Zap } from "lucide-react";
 
 export default function LandingPage() {
@@ -39,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"
     />
@@ -54,7 +55,7 @@ export default function LandingPage() {
       tag="Uzman Diyetisyen"
       buttons={[
         {
-          text: "Randevu Al",          href: "#contact"},
+          text: "Randevu Al",          href: "/contact"},
       ]}
       mediaItems={[
         {
@@ -63,23 +64,21 @@ export default function LandingPage() {
           imageSrc: "http://img.b2bpic.net/free-photo/top-view-vegetable-composition-peppers-carrots-garlic-other-vegetables-white-background_140725-141123.jpg",          imageAlt: "Fonksiyonel Beslenme"},
         {
           imageSrc: "http://img.b2bpic.net/free-photo/empty-doctors-workplace-room-with-desk-technology_482257-14017.jpg",          imageAlt: "Klinik Ortamı"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-talking-patient-about-vegetables_23-2148302105.jpg",          imageAlt: "Medium shot doctor talking to patient about vegetables"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/apple-stethoscope_23-2147612174.jpg",          imageAlt: "Apple and stethoscope"},
       ]}
       mediaAnimation="slide-up"
     />
   </div>
 
   <div id="about" data-section="about">
-      <TextAbout
+      <TextSplitAbout
-      useInvertedBackground={true}
       title="Neden Fonksiyonel Tıp ve Beslenme?"
-      buttons={[
+      description={[
-        {
+        "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."
-          text: "Daha Fazlasını Öğren",          href: "#"},
       ]}
+      buttons={[
+        { text: "Randevu Al", href: "/contact" }
+      ]}
+      useInvertedBackground={true}
     />
   </div>
 
@@ -150,6 +149,21 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="metric-cards" data-section="metric-cards">
+    <MetricCardThree
+      animationType="blur-reveal"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      title="Önemli Göstergeler"
+      description="Sağlık yolculuğunuzdaki temel metrikler."
+      metrics={[
+        { id: "metric-1", icon: Award, title: "Sertifikalar", value: "15+" },
+        { id: "metric-2", icon: Zap, title: "Vaka Çalışması", value: "800+" },
+        { id: "metric-3", icon: Shield, title: "Yıllık Deneyim", value: "10+" },
+      ]}
+    />
+  </div>
+
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardThirteen
       animationType="slide-up"
@@ -196,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"

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fffafa;
+  --background: #f7f6f7;
-  --card: #fff7f7;
+  --card: #ffffff;
-  --foreground: #1a0000;
+  --foreground: #1b0c25;
-  --primary-cta: #e63946;
+  --primary-cta: #1b0c25;
-  --primary-cta-text: #fffafa;
+  --primary-cta-text: #f7f6f7;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #1a0000;
+  --secondary-cta-text: #1b0c25;
-  --accent: #f5c4c7;
+  --accent: #ff93e4;
-  --background-accent: #f09199;
+  --background-accent: #e8a8c3;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);