From abbf845c9082aac19fbf6e3e7287cf4009d22e40 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 5 Apr 2026 14:23:38 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 355 +++++++++++++++--------------------------------
 1 file changed, 115 insertions(+), 240 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 70f6114..0af21f9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -18,255 +18,130 @@ export default function LandingPage() {
         defaultButtonVariant="bounce-effect"
         defaultTextAnimation="reveal-blur"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "Anasayfa",
-          id: "hero",
-        },
-        {
-          name: "Hizmetler",
-          id: "services",
-        },
-        {
-          name: "Hakkımızda",
-          id: "about",
-        },
-        {
-          name: "İletişim",
-          id: "contact",
-        },
-      ]}
-      brandName="Turab İsmayılov"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Anasayfa", id: "hero" },
+              { name: "Hizmetler", id: "services" },
+              { name: "Hakkımızda", id: "about" },
+              { name: "İletişim", id: "contact" },
+            ]}
+            brandName="Dr. Turab İSMAYILOV"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogo
-      logoText="Dr. Turab İSMAYILOV"
-      description="Estetik ve plastik cerrahide mükemmeliyet. Kişiye özel dokunuşlar, doğal sonuçlar ve güvenli operasyon süreci ile hayalinizdeki görünüme kavuşun."
-      buttons={[
-        {
-          text: "Randevu Al",
-          href: "#contact",
-        },
-        {
-          text: "Hizmetleri İncele",
-          href: "#services",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg"
-      imageAlt="Dr. Turab İsmayılov"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogo
+            logoText="Dr. Turab İSMAYILOV"
+            description="Estetik ve plastik cerrahide mükemmeliyet. Kişiye özel dokunuşlar, doğal sonuçlar ve güvenli operasyon süreci ile hayalinizdeki görünüme kavuşun."
+            buttons={[
+              { text: "Randevu Al", href: "#contact" },
+              { text: "Hizmetleri İncele", href: "#services" },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/students-learning-cafeteria_23-2147679038.jpg"
+            imageAlt="Dr. Turab İsmayılov"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <TestimonialAboutCard
-      useInvertedBackground={true}
-      tag="Uzman Cerrah"
-      title="Dr. Turab İsmayılov Kimdir?"
-      description="Plastik, Rekonstrüktif ve Estetik Cerrahi alanında uzmanlaşmış, uluslararası standartlarda operasyonlar gerçekleştiren Dr. Turab İsmayılov, her hastasının ihtiyaçlarına özel, doğal ve estetik çözümler sunmaktadır."
-      subdescription="Yılların deneyimi, gelişmiş teknikler ve yüksek hasta memnuniyeti ile güzelliğinizi güvenli ellerle yeniden şekillendiriyoruz."
-      icon={Activity}
-      imageSrc="http://img.b2bpic.net/free-photo/front-view-female-physiotherapist-posing_23-2148780764.jpg"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            useInvertedBackground={true}
+            tag="Uzman Cerrah"
+            title="Dr. Turab İsmayılov Kimdir?"
+            description="Plastik, Rekonstrüktif ve Estetik Cerrahi alanında uzmanlaşmış, uluslararası standartlarda operasyonlar gerçekleştiren Dr. Turab İsmayılov, her hastasının ihtiyaçlarına özel, doğal ve estetik çözümler sunmaktadır."
+            subdescription="Yılların deneyimi, gelişmiş teknikler ve yüksek hasta memnuniyeti ile güzelliğinizi güvenli ellerle yeniden şekillendiriyoruz."
+            icon={Activity}
+            imageSrc="http://img.b2bpic.net/free-photo/front-view-female-physiotherapist-posing_23-2148780764.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "Burun Estetiği (Rinoplasti)",
-          description: "Yüz hatlarınızla uyumlu, fonksiyonel ve estetik burun operasyonları.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-wavy-voluminous-hair-beige-background-with-bright-pink-lipstick-lip-gloss-topless-bare-shoulders_343596-8239.jpg?_wi=1",
-        },
-        {
-          title: "Liposuction",
-          description: "İnatçı yağlardan kurtulun, vücut hatlarınızı yeniden belirginleştirin.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159287.jpg?_wi=1",
-        },
-        {
-          title: "Karın Germe",
-          description: "Daha düz ve sıkı bir karın bölgesi için estetik abdominoplasti.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-using-medical-tool-patient_23-2149103624.jpg",
-        },
-        {
-          title: "Lipödem",
-          description: "Lipödem tedavisi ile ağrılarınızı azaltın, yaşam kalitenizi artırın.",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159287.jpg?_wi=2",
-        },
-        {
-          title: "Yüz Germe (Face Lift)",
-          description: "Daha genç, dinamik ve doğal bir yüz görünümü için profesyonel dokunuşlar.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-wavy-voluminous-hair-beige-background-with-bright-pink-lipstick-lip-gloss-topless-bare-shoulders_343596-8239.jpg?_wi=2",
-        },
-      ]}
-      title="Estetik Hizmetlerimiz"
-      description="Size en uygun estetik çözümleri sunuyoruz."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            features={[
+              { title: "Burun Estetiği (Rinoplasti)", description: "Yüz hatlarınızla uyumlu, fonksiyonel ve estetik burun operasyonları.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-wavy-voluminous-hair-beige-background-with-bright-pink-lipstick-lip-gloss-topless-bare-shoulders_343596-8239.jpg" },
+              { title: "Liposuction", description: "İnatçı yağlardan kurtulun, vücut hatlarınızı yeniden belirginleştirin.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159287.jpg" },
+              { title: "Karın Germe", description: "Daha düz ve sıkı bir karın bölgesi için estetik abdominoplasti.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hand-using-medical-tool-patient_23-2149103624.jpg" },
+              { title: "Lipödem", description: "Lipödem tedavisi ile ağrılarınızı azaltın, yaşam kalitenizi artırın.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-portrait-women-with-all-kinds-body_23-2149159287.jpg" },
+              { title: "Yüz Germe (Face Lift)", description: "Daha genç, dinamik ve doğal bir yüz görünümü için profesyonel dokunuşlar.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-wavy-voluminous-hair-beige-background-with-bright-pink-lipstick-lip-gloss-topless-bare-shoulders_343596-8239.jpg" },
+            ]}
+            title="Estetik Hizmetlerimiz"
+            description="Size en uygun estetik çözümleri sunuyoruz."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="split"
-      gridVariant="bento-grid"
-      useInvertedBackground={true}
-      testimonials={[
-        {
-          id: "1",
-          name: "Ayşe Y.",
-          role: "Hasta",
-          company: "Rinoplasti",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg",
-        },
-        {
-          id: "2",
-          name: "Mehmet K.",
-          role: "Hasta",
-          company: "Liposuction",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-girl-posing-with-closed-eyes_176420-8507.jpg",
-        },
-        {
-          id: "3",
-          name: "Selin D.",
-          role: "Hasta",
-          company: "Yüz Germe",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-doctor-holding-hand-heart-dreamily-looking-camera-isolated-tender-touched-expression_574295-2653.jpg",
-        },
-        {
-          id: "4",
-          name: "Canan B.",
-          role: "Hasta",
-          company: "Karın Germe",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetologist-making-beauty-procedures_1303-26019.jpg",
-        },
-        {
-          id: "5",
-          name: "Emre S.",
-          role: "Hasta",
-          company: "Lipödem",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2149265857.jpg",
-        },
-      ]}
-      title="Hastalarımız Ne Diyor?"
-      description="Operasyon sonrası memnuniyetlerini paylaşan hastalarımızın yorumları."
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="split"
+            gridVariant="bento-grid"
+            useInvertedBackground={true}
+            testimonials={[
+              { id: "1", name: "Ayşe Y.", role: "Hasta", company: "Rinoplasti", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/female-patient-smiling-while-looking-doctor_107420-74008.jpg" },
+              { id: "2", name: "Mehmet K.", role: "Hasta", company: "Liposuction", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-brunette-girl-posing-with-closed-eyes_176420-8507.jpg" },
+              { id: "3", name: "Selin D.", role: "Hasta", company: "Yüz Germe", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/attractive-smiling-doctor-holding-hand-heart-dreamily-looking-camera-isolated-tender-touched-expression_574295-2653.jpg" },
+              { id: "4", name: "Canan B.", role: "Hasta", company: "Karın Germe", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-cosmetologist-making-beauty-procedures_1303-26019.jpg" },
+              { id: "5", name: "Emre S.", role: "Hasta", company: "Lipödem", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-posing_23-2149265857.jpg" },
+            ]}
+            title="Hastalarımız Ne Diyor?"
+            description="Operasyon sonrası memnuniyetlerini paylaşan hastalarımızın yorumları."
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqDouble
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "İyileşme süreci ne kadar sürer?",
-          content: "İşleme göre değişiklik gösterse de ortalama 2-4 hafta içerisinde günlük hayatınıza dönebilirsiniz.",
-        },
-        {
-          id: "2",
-          title: "Operasyonlar kalıcı mı?",
-          content: "Evet, cerrahi prosedürlerimiz kalıcı sonuçlar sunar, ancak yaşam tarzınıza göre zamanla hafif değişimler olabilir.",
-        },
-        {
-          id: "3",
-          title: "Randevu nasıl alırım?",
-          content: "İletişim formunu doldurarak veya telefon numaramız üzerinden bize ulaşarak randevunuzu oluşturabilirsiniz.",
-        },
-      ]}
-      title="Sıkça Sorulan Sorular"
-      description="Estetik cerrahi süreçlerinizle ilgili merak ettikleriniz."
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqDouble
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "1", title: "İyileşme süreci ne kadar sürer?", content: "İşleme göre değişiklik gösterse de ortalama 2-4 hafta içerisinde günlük hayatınıza dönebilirsiniz." },
+              { id: "2", title: "Operasyonlar kalıcı mı?", content: "Evet, cerrahi prosedürlerimiz kalıcı sonuçlar sunar, ancak yaşam tarzınıza göre zamanla hafif değişimler olabilir." },
+              { id: "3", title: "Randevu nasıl alırım?", content: "İletişim formunu doldurarak veya telefon numaranız üzerinden bize ulaşarak randevunuzu oluşturabilirsiniz." },
+            ]}
+            title="Sıkça Sorulan Sorular"
+            description="Estetik cerrahi süreçlerinizle ilgili merak ettikleriniz."
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplitForm
-      useInvertedBackground={true}
-      title="Hemen Randevu Alın"
-      description="Hayalinizdeki görünüme kavuşmak için ilk adımı atın."
-      inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Adınız Soyadınız",
-          required: true,
-        },
-        {
-          name: "email",
-          type: "email",
-          placeholder: "E-posta Adresiniz",
-          required: true,
-        },
-        {
-          name: "phone",
-          type: "tel",
-          placeholder: "Telefon Numaranız",
-          required: true,
-        },
-      ]}
-      textarea={{
-        name: "message",
-        placeholder: "Sormak istediklerinizi yazın...",
-        rows: 4,
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/waiting-room-hospital-lobby-with-reception-counter-desk-diverse-people-waiting-attend-checkup-visit-appointment-health-care-examination-emergency-area-medical-clinic_482257-46891.jpg?_wi=1"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplitForm
+            useInvertedBackground={true}
+            title="Hemen Randevu Alın"
+            description="Hayalinizdeki görünüme kavuşmak için ilk adımı atın."
+            inputs={[
+              { name: "name", type: "text", placeholder: "Adınız Soyadınız", required: true },
+              { name: "email", type: "email", placeholder: "E-posta Adresiniz", required: true },
+              { name: "phone", type: "tel", placeholder: "Telefon Numaranız", required: true },
+            ]}
+            textarea={{ name: "message", placeholder: "Sormak istediklerinizi yazın...", rows: 4 }}
+            imageSrc="http://img.b2bpic.net/free-photo/waiting-room-hospital-lobby-with-reception-counter-desk-diverse-people-waiting-attend-checkup-visit-appointment-health-care-examination-emergency-area-medical-clinic_482257-46891.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/waiting-room-hospital-lobby-with-reception-counter-desk-diverse-people-waiting-attend-checkup-visit-appointment-health-care-examination-emergency-area-medical-clinic_482257-46891.jpg?_wi=2"
-      logoText="Dr. Turab İSMAYILOV"
-      columns={[
-        {
-          title: "Hizmetler",
-          items: [
-            {
-              label: "Burun Estetiği",
-              href: "#services",
-            },
-            {
-              label: "Liposuction",
-              href: "#services",
-            },
-            {
-              label: "Karın Germe",
-              href: "#services",
-            },
-          ],
-        },
-        {
-          title: "İletişim",
-          items: [
-            {
-              label: "Bize Ulaşın",
-              href: "#contact",
-            },
-            {
-              label: "Randevu",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      copyrightText="© 2025 Dr. Turab İsmayılov. Tüm hakları saklıdır."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/waiting-room-hospital-lobby-with-reception-counter-desk-diverse-people-waiting-attend-checkup-visit-appointment-health-care-examination-emergency-area-medical-clinic_482257-46891.jpg"
+            logoText="Dr. Turab İSMAYILOV"
+            columns={[
+              { title: "Hizmetler", items: [{ label: "Burun Estetiği", href: "#services" }, { label: "Liposuction", href: "#services" }, { label: "Karın Germe", href: "#services" }] },
+              { title: "İletişim", items: [{ label: "Bize Ulaşın", href: "#contact" }, { label: "Randevu", href: "#contact" }] },
+            ]}
+            copyrightText="© 2025 Dr. Turab İsmayılov. Tüm hakları saklıdır."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );