From e8c09a8f3df5760547d347f1dd6c26c1b3dcafd1 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 12:45:56 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 410 ++++++++++++++---------------------------------
 1 file changed, 119 insertions(+), 291 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 01102d5..f0d7094 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,306 +14,134 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="bounce-effect"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
+      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: "Ana Sayfa",
-          id: "hero",
-        },
-        {
-          name: "Hakkımızda",
-          id: "about",
-        },
-        {
-          name: "Hizmetler",
-          id: "services",
-        },
-        {
-          name: "Fiyatlar",
-          id: "pricing",
-        },
-        {
-          name: "İletişim",
-          id: "contact",
-        },
-      ]}
-      brandName="EliteStyle"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              { name: "Ana Sayfa", id: "hero" },
+              { name: "Hakkımızda", id: "about" },
+              { name: "Hizmetler", id: "services" },
+              { name: "Fiyatlar", id: "pricing" },
+              { name: "İletişim", id: "contact" },
+            ]}
+            brandName="EliteStyle"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardRotatedCarousel
-      background={{
-        variant: "gradient-bars",
-      }}
-      title="EliteStyle: Modern Bakımın Yeni Adresi"
-      description="Erkek berberi ve kadın kuaför hizmetlerinde premium deneyim. Profesyonel dokunuşlarla tarzınızı yeniden keşfedin."
-      buttons={[
-        {
-          text: "Hemen Randevu Al",
-          href: "#contact",
-        },
-      ]}
-      carouselItems={[
-        {
-          id: "1",
-          imageSrc: "http://img.b2bpic.net/free-vector/beauty-saloon-flyer-template_23-2148936319.jpg?_wi=1",
-          imageAlt: "Salon ortamı",
-        },
-        {
-          id: "2",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-brush-staring-ahead-white-wall_114579-49568.jpg?_wi=1",
-          imageAlt: "Saç kesim",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-applying-treatment_23-2149311380.jpg",
-          imageAlt: "Ombre",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-with-backpack-speaking-by-smart-phone-old-european-town_613910-2945.jpg",
-          imageAlt: "Sakal",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319781.jpg",
-          imageAlt: "Boyama",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-shaving-front-mirror_23-2147787848.jpg",
-          imageAlt: "Fade",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardRotatedCarousel
+            background={{ variant: "gradient-bars" }}
+            title="EliteStyle: Modern Bakımın Yeni Adresi"
+            description="Erkek berberi ve kadın kuaför hizmetlerinde premium deneyim. Profesyonel dokunuşlarla tarzınızı yeniden keşfedin."
+            buttons={[{ text: "Hemen Randevu Al", href: "#contact" }]}
+            carouselItems={[
+              { id: "1", imageSrc: "http://img.b2bpic.net/free-vector/beauty-saloon-flyer-template_23-2148936319.jpg", imageAlt: "modern barber shop interior" },
+              { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg", imageAlt: "barber cutting hair with precision" },
+              { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-brush-staring-ahead-white-wall_114579-49568.jpg", imageAlt: "modern mens haircut style" },
+              { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-applying-treatment_23-2149311380.jpg", imageAlt: "ombre hair color style" },
+              { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-with-backpack-speaking-by-smart-phone-old-european-town_613910-2945.jpg", imageAlt: "beard trim style close up" },
+              { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/hairdresser-taking-care-her-client_23-2149319781.jpg", imageAlt: "modern hair color makeover" }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="split"
-      useInvertedBackground={false}
-      title="Hakkımızda"
-      description="Yılların getirdiği tecrübe ile hem erkeklerin hem de kadınların güzellik ve bakım ihtiyaçlarına profesyonel çözümler sunuyoruz. Hijyen, kalite ve müşteri memnuniyeti önceliğimizdir."
-      bulletPoints={[
-        {
-          title: "Deneyimli Uzmanlar",
-          description: "Alanında profesyonel kadromuzla hizmetinizdeyiz.",
-        },
-        {
-          title: "Premium Hijyen",
-          description: "Ekipmanlarımız her seansta sterilize edilir.",
-        },
-        {
-          title: "Kişiye Özel Tasarım",
-          description: "Yüz hattınıza en uygun modelleri belirliyoruz.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg?_wi=1"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <SplitAbout
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Hakkımızda"
+            description="Yılların getirdiği tecrübe ile hem erkeklerin hem de kadınların güzellik ve bakım ihtiyaçlarına profesyonel çözümler sunuyoruz. Hijyen, kalite ve müşteri memnuniyeti önceliğimizdir."
+            bulletPoints={[
+              { title: "Deneyimli Uzmanlar", description: "Alanında profesyonel kadromuzla hizmetinizdeyiz." },
+              { title: "Premium Hijyen", description: "Ekipmanlarımız her seansta sterilize edilir." },
+              { title: "Kişiye Özel Tasarım", description: "Yüz hattınıza en uygun modelleri belirliyoruz." }
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="services" data-section="services">
-      <FeatureCardNineteen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: 1,
-          tag: "Berber",
-          title: "Sakal Tıraşı",
-          subtitle: "Klasik ve Ustura",
-          description: "Geleneksel ustura teknikleriyle pürüzsüz sakal bakımı.",
-          imageSrc: "http://img.b2bpic.net/free-vector/beauty-saloon-flyer-template_23-2148936319.jpg?_wi=2",
-          imageAlt: "modern barber shop interior",
-        },
-        {
-          id: 2,
-          tag: "Kuaför",
-          title: "Saç Boyama",
-          subtitle: "Profesyonel Renklendirme",
-          description: "Özel karışımlarla saçınıza sağlık katan renkler.",
-          imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg?_wi=2",
-          imageAlt: "barber cutting hair with precision",
-        },
-        {
-          id: 3,
-          tag: "Bakım",
-          title: "Cilt Bakımı",
-          subtitle: "Yüz ve Cilt Yenileme",
-          description: "Cildinizi canlandıracak profesyonel bakımlar.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-brush-staring-ahead-white-wall_114579-49568.jpg?_wi=2",
-          imageAlt: "modern mens haircut style",
-        },
-      ]}
-      title="Hizmetlerimiz"
-      description="Geniş yelpazemizle bakımınıza değer katıyoruz."
-    />
-  </div>
+        <div id="services" data-section="services">
+          <FeatureCardNineteen
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: 1, tag: "Berber", title: "Sakal Tıraşı", subtitle: "Klasik ve Ustura", description: "Geleneksel ustura teknikleriyle pürüzsüz sakal bakımı.", imageSrc: "http://img.b2bpic.net/free-vector/beauty-saloon-flyer-template_23-2148936319.jpg" },
+              { id: 2, tag: "Kuaför", title: "Saç Boyama", subtitle: "Profesyonel Renklendirme", description: "Özel karışımlarla saçınıza sağlık katan renkler.", imageSrc: "http://img.b2bpic.net/free-photo/bride-getting-hair-done-side-view_23-2149860771.jpg" },
+              { id: 3, tag: "Bakım", title: "Cilt Bakımı", subtitle: "Yüz ve Cilt Yenileme", description: "Cildinizi canlandıracak profesyonel bakımlar.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-holding-brush-staring-ahead-white-wall_114579-49568.jpg" }
+            ]}
+            title="Hizmetlerimiz"
+            description="Geniş yelpazemizle bakımınıza değer katıyoruz."
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "1",
-          name: "Erkek Bakım",
-          price: "500 TL",
-          features: [
-            "Saç Kesimi",
-            "Sakal Tıraşı",
-            "Yıkama",
-          ],
-          buttons: [
-            {
-              text: "Randevu Al",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "2",
-          name: "Kuaför Bakım",
-          price: "1200 TL",
-          features: [
-            "Saç Kesimi",
-            "Fön",
-            "Keratin",
-          ],
-          buttons: [
-            {
-              text: "Randevu Al",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          id: "3",
-          name: "Damat Paketi",
-          price: "2500 TL",
-          features: [
-            "Saç",
-            "Sakal",
-            "Cilt Bakımı",
-            "Maske",
-          ],
-          buttons: [
-            {
-              text: "Randevu Al",
-              href: "#contact",
-            },
-          ],
-        },
-      ]}
-      title="Fiyat Listemiz"
-      description="Şeffaf ve uygun fiyatlarla kaliteye ulaşın."
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "1", name: "Erkek Bakım", price: "500 TL", features: ["Saç Kesimi", "Sakal Tıraşı", "Yıkama"], buttons: [{ text: "Randevu Al", href: "#contact" }] },
+              { id: "2", name: "Kuaför Bakım", price: "1200 TL", features: ["Saç Kesimi", "Fön", "Keratin"], buttons: [{ text: "Randevu Al", href: "#contact" }] },
+              { id: "3", name: "Damat Paketi", price: "2500 TL", features: ["Saç", "Sakal", "Cilt Bakımı", "Maske"], buttons: [{ text: "Randevu Al", href: "#contact" }] }
+            ]}
+            title="Fiyat Listemiz"
+            description="Şeffaf ve uygun fiyatlarla kaliteye ulaşın."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "Ahmet Y.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-dog_23-2149335075.jpg?_wi=1",
-        },
-        {
-          id: "2",
-          name: "Zeynep S.",
-          imageSrc: "http://img.b2bpic.net/free-photo/business-colleagues-partners-watching-content-laptop-discussing-project_74855-8821.jpg",
-        },
-        {
-          id: "3",
-          name: "Can M.",
-          imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-sitting-chair_8353-5343.jpg",
-        },
-        {
-          id: "4",
-          name: "Ebru K.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-visagiste-smiling-camera_23-2148113183.jpg",
-        },
-        {
-          id: "5",
-          name: "Murat T.",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-dog_23-2149335075.jpg?_wi=2",
-        },
-      ]}
-      cardTitle="Müşterilerimiz Ne Dedi?"
-      cardTag="Yorumlar"
-      cardAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardTwelve
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "Ahmet Y.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-dog_23-2149335075.jpg" },
+              { id: "2", name: "Zeynep S.", imageSrc: "http://img.b2bpic.net/free-photo/business-colleagues-partners-watching-content-laptop-discussing-project_74855-8821.jpg" },
+              { id: "3", name: "Can M.", imageSrc: "http://img.b2bpic.net/free-photo/stylish-girl-sitting-chair_8353-5343.jpg" },
+              { id: "4", name: "Ebru K.", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-visagiste-smiling-camera_23-2148113183.jpg" },
+              { id: "5", name: "Murat T.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-dog_23-2149335075.jpg" }
+            ]}
+            cardTitle="Müşterilerimiz Ne Dedi?"
+            cardTag="Yorumlar"
+            cardAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactSplit
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="İletişim"
-      title="Bize Ulaşın"
-      description="Randevu almak veya sorularınız için bizimle iletişime geçin. WhatsApp butonunu kullanabilir veya harita üzerinden bizi bulabilirsiniz."
-      mediaAnimation="slide-up"
-      inputPlaceholder="E-posta adresiniz"
-      buttonText="Hemen Randevu Al"
-      imageSrc="http://img.b2bpic.net/free-photo/hairdresser-giving-hairstyle-young-woman_23-2147769862.jpg"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactSplit
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="İletişim"
+            title="Bize Ulaşın"
+            description="Randevu almak veya sorularınız için bizimle iletişime geçin. WhatsApp butonunu kullanabilir veya harita üzerinden bizi bulabilirsiniz."
+            mediaAnimation="slide-up"
+            inputPlaceholder="E-posta adresiniz"
+            buttonText="Hemen Randevu Al"
+            imageSrc="http://img.b2bpic.net/free-photo/hairdresser-giving-hairstyle-young-woman_23-2147769862.jpg"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Hızlı Erişim",
-          items: [
-            {
-              label: "Ana Sayfa",
-              href: "/",
-            },
-            {
-              label: "Randevu",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "Sosyal Medya",
-          items: [
-            {
-              label: "Instagram",
-              href: "#",
-            },
-            {
-              label: "Facebook",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Konum",
-          items: [
-            {
-              label: "Harita",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 EliteStyle Kuaför & Berber."
-      bottomRightText="Tüm hakları saklıdır."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              { title: "Hızlı Erişim", items: [{ label: "Ana Sayfa", href: "/" }, { label: "Randevu", href: "#contact" }] },
+              { title: "Sosyal Medya", items: [{ label: "Instagram", href: "#" }, { label: "Facebook", href: "#" }] },
+              { title: "Konum", items: [{ label: "Harita", href: "#" }] }
+            ]}
+            bottomLeftText="© 2024 EliteStyle Kuaför & Berber."
+            bottomRightText="Tüm hakları saklıdır."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1