Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -6,7 +6,7 @@ import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MediaAbout from '@/components/sections/about/MediaAbout';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
@@ -32,48 +32,38 @@ export default function LandingPage() {
       <NavbarStyleApple
       navItems={[
         {
-          name: "Ana Sayfa",
-          id: "hero",
-        },
+          name: "Ana Sayfa",          id: "hero"},
         {
-          name: "Hakkımızda",
-          id: "about",
-        },
+          name: "Hakkımızda",          id: "about"},
         {
-          name: "Hizmetlerimiz",
-          id: "features",
-        },
+          name: "Hizmetlerimiz",          id: "features"},
         {
-          name: "İletişim",
-          id: "contact",
-        },
+          name: "İletişim",          id: "contact"},
       ]}
-      brandName="Selinay Özen"
+      brandName="Selin Beauty"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardScroll
+      <HeroSplit
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       title="Güzelliğin Profesyonel İmzası: Selinay Özen Dokunuşu."
       description="Ankara Tunalı'nın kalbinde, modern ve lüks bir atmosferde kişiselleştirilmiş güzellik deneyimleri sizi bekliyor."
       buttons={[
         {
-          text: "Şimdi Randevu Al",
-          href: "#contact",
-        },
+          text: "Şimdi Randevu Al",          href: "#contact"},
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/unfocused-corrido_1203-1343.jpg"
       imageAlt="Selinay Özen Klinik Atmosferi"
+      imagePosition="right"
     />
   </div>
 
   <div id="about" data-section="about">
       <MediaAbout
       useInvertedBackground={false}
-      title="Selin ile Güzellik Sanatı"
+      title="Selin Beauty ile Güzellik Sanatı"
       description="Amacımız sadece işlem yapmak değil, her misafirimizin buradan özgüvenle ayrılmasını sağlamak. Kişisel yaklaşımlarımız ve modern teknolojimizle güzelliğinize değer katıyoruz."
       imageSrc="http://img.b2bpic.net/free-photo/pumice-stone-salt-la-stone-candles-flower-white-background_23-2147939959.jpg"
       imageAlt="Selinay Özen Kliniği"
@@ -86,26 +76,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       features={[
         {
-          tag: "Analiz",
-          title: "Kişiye Özel Protokoller",
-          subtitle: "Size Özel Analiz",
-          description: "Her cilt tipi farklıdır; uzmanlığımızla size en uygun protokolleri belirliyoruz.",
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-with-prosthetis_23-2150589279.jpg",
-        },
+          tag: "Analiz",          title: "Kişiye Özel Protokoller",          subtitle: "Size Özel Analiz",          description: "Her cilt tipi farklıdır; uzmanlığımızla size en uygun protokolleri belirliyoruz.",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-woman-with-prosthetis_23-2150589279.jpg"},
         {
-          tag: "Hijyen",
-          title: "Üst Düzey Hijyen",
-          subtitle: "Steril Ortam",
-          description: "Klinik standartlarında sterilizasyon ile güvenli ve ferah bir ortam sunuyoruz.",
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-spa-products-wooden-background_23-2148268424.jpg",
-        },
+          tag: "Hijyen",          title: "Üst Düzey Hijyen",          subtitle: "Steril Ortam",          description: "Klinik standartlarında sterilizasyon ile güvenli ve ferah bir ortam sunuyoruz.",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-spa-products-wooden-background_23-2148268424.jpg"},
         {
-          tag: "Teknoloji",
-          title: "Yeni Nesil Teknolojik Donanım",
-          subtitle: "Kesin Sonuçlar",
-          description: "Bölgesel incelme ve lazerde kesin sonuç odaklı yeni nesil cihazlar kullanıyoruz.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-anticellulite-anti-fat-therapy_107420-65211.jpg",
-        },
+          tag: "Teknoloji",          title: "Yeni Nesil Teknolojik Donanım",          subtitle: "Kesin Sonuçlar",          description: "Bölgesel incelme ve lazerde kesin sonuç odaklı yeni nesil cihazlar kullanıyoruz.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-anticellulite-anti-fat-therapy_107420-65211.jpg"},
       ]}
       title="Neden Biz?"
       description="Güzellik ve sağlıkta uzmanlığımızı üstün hizmet anlayışımızla birleştiriyoruz."
@@ -120,47 +95,17 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "1",
-          name: "Cilt Bakımı",
-          price: "Detaylı Bilgi",
-          variant: "Bakım",
-          imageSrc: "http://img.b2bpic.net/free-photo/bowl-marmalade-candies-stone-table_114579-32721.jpg",
-        },
+          id: "1",          name: "Cilt Bakımı",          price: "Detaylı Bilgi",          variant: "Bakım",          imageSrc: "http://img.b2bpic.net/free-photo/bowl-marmalade-candies-stone-table_114579-32721.jpg"},
         {
-          id: "2",
-          name: "Lazer Epilasyon",
-          price: "Detaylı Bilgi",
-          variant: "Lazer",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-getting-skincare-procedure-spa_23-2148825334.jpg",
-        },
+          id: "2",          name: "Lazer Epilasyon",          price: "Detaylı Bilgi",          variant: "Lazer",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-getting-skincare-procedure-spa_23-2148825334.jpg"},
         {
-          id: "3",
-          name: "Mezoterapi",
-          price: "Detaylı Bilgi",
-          variant: "Bakım",
-          imageSrc: "http://img.b2bpic.net/free-photo/beautician-pulling-off-cosmetic-mask-from-woman-face_651396-1864.jpg",
-        },
+          id: "3",          name: "Mezoterapi",          price: "Detaylı Bilgi",          variant: "Bakım",          imageSrc: "http://img.b2bpic.net/free-photo/beautician-pulling-off-cosmetic-mask-from-woman-face_651396-1864.jpg"},
         {
-          id: "4",
-          name: "Bölgesel İncelme",
-          price: "Detaylı Bilgi",
-          variant: "Vücut",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-white-facial-mask-relaxing-with-eyes-closed-beauty-spa_637285-2204.jpg",
-        },
+          id: "4",          name: "Bölgesel İncelme",          price: "Detaylı Bilgi",          variant: "Vücut",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-white-facial-mask-relaxing-with-eyes-closed-beauty-spa_637285-2204.jpg"},
         {
-          id: "5",
-          name: "Kalıcı Makyaj",
-          price: "Detaylı Bilgi",
-          variant: "Güzellik",
-          imageSrc: "http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-34501.jpg",
-        },
+          id: "5",          name: "Kalıcı Makyaj",          price: "Detaylı Bilgi",          variant: "Güzellik",          imageSrc: "http://img.b2bpic.net/free-photo/make-up-cosmetics-products-black-background-professional-cosmetics_482257-34501.jpg"},
         {
-          id: "6",
-          name: "Profesyonel Manikür",
-          price: "Detaylı Bilgi",
-          variant: "Bakım",
-          imageSrc: "http://img.b2bpic.net/free-photo/master-manicure-brushing-customer-s-nails-after-manicure-process-beauty-salon_613910-20430.jpg",
-        },
+          id: "6",          name: "Profesyonel Manikür",          price: "Detaylı Bilgi",          variant: "Bakım",          imageSrc: "http://img.b2bpic.net/free-photo/master-manicure-brushing-customer-s-nails-after-manicure-process-beauty-salon_613910-20430.jpg"},
       ]}
       title="Hizmetlerimiz"
       description="Her an kusursuz görünmeniz için geniş hizmet yelpazesi."
@@ -174,20 +119,11 @@ export default function LandingPage() {
       tag="Verilerle Selinay Özen"
       metrics={[
         {
-          id: "1",
-          value: "1500+",
-          description: "Mutlu Misafir",
-        },
+          id: "1",          value: "1500+",          description: "Mutlu Misafir"},
         {
-          id: "2",
-          value: "20+",
-          description: "Uzman Protokol",
-        },
+          id: "2",          value: "20+",          description: "Uzman Protokol"},
         {
-          id: "3",
-          value: "100%",
-          description: "Hijyen Güvencesi",
-        },
+          id: "3",          value: "100%",          description: "Hijyen Güvencesi"},
       ]}
       metricsAnimation="slide-up"
     />
@@ -200,59 +136,28 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",
-          name: "Yunus Emre A.",
-          role: "Misafir",
-          company: "Google Yorumu",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-pretty-woman-dark-sweater-standing-near-lamps_114579-81865.jpg",
-        },
+          id: "1",          name: "Yunus Emre A.",          role: "Misafir",          company: "Google Yorumu",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-glad-pretty-woman-dark-sweater-standing-near-lamps_114579-81865.jpg"},
         {
-          id: "2",
-          name: "Seçil Sinem G.",
-          role: "Misafir",
-          company: "Google Yorumu",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-young-woman_23-2149402986.jpg",
-        },
+          id: "2",          name: "Seçil Sinem G.",          role: "Misafir",          company: "Google Yorumu",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-young-woman_23-2149402986.jpg"},
         {
-          id: "3",
-          name: "Zeynep K.",
-          role: "Misafir",
-          company: "Google Yorumu",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-wearing-bathrobe-talking-his-wife-while-enjoying-spa_637285-7456.jpg",
-        },
+          id: "3",          name: "Zeynep K.",          role: "Misafir",          company: "Google Yorumu",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-wearing-bathrobe-talking-his-wife-while-enjoying-spa_637285-7456.jpg"},
         {
-          id: "4",
-          name: "Merve T.",
-          role: "Misafir",
-          company: "Google Yorumu",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-applying-powder-face_23-2147783908.jpg",
-        },
+          id: "4",          name: "Merve T.",          role: "Misafir",          company: "Google Yorumu",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-applying-powder-face_23-2147783908.jpg"},
         {
-          id: "5",
-          name: "Canan D.",
-          role: "Misafir",
-          company: "Google Yorumu",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-natural-model-laughing_23-2148398597.jpg",
-        },
+          id: "5",          name: "Canan D.",          role: "Misafir",          company: "Google Yorumu",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-natural-model-laughing_23-2148398597.jpg"},
       ]}
       kpiItems={[
         {
-          value: "4.9",
-          label: "Google Puanı",
-        },
+          value: "4.9",          label: "Google Puanı"},
         {
-          value: "500+",
-          label: "Yorum",
-        },
+          value: "500+",          label: "Yorum"},
         {
-          value: "10 Yıl",
-          label: "Deneyim",
-        },
+          value: "10 Yıl",          label: "Deneyim"},
       ]}
       title="Misafirlerimiz Ne Diyor?"
       description="Selinay Hanım'ın dokunuşuyla değişimi deneyimleyen misafirlerimizin yorumları."
@@ -265,20 +170,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       faqs={[
         {
-          id: "1",
-          title: "Randevu süreciniz nasıl işliyor?",
-          content: "Online veya WhatsApp hattımız üzerinden kolayca randevu alabilirsiniz.",
-        },
+          id: "1",          title: "Randevu süreciniz nasıl işliyor?",          content: "Online veya WhatsApp hattımız üzerinden kolayca randevu alabilirsiniz."},
         {
-          id: "2",
-          title: "Lazer epilasyonda sonuç garantisi var mı?",
-          content: "8 seansta pürüzsüz sonuçları hedefleyen protokoller uyguluyoruz.",
-        },
+          id: "2",          title: "Lazer epilasyonda sonuç garantisi var mı?",          content: "8 seansta pürüzsüz sonuçları hedefleyen protokoller uyguluyoruz."},
         {
-          id: "3",
-          title: "İşlemler ne kadar sürüyor?",
-          content: "İşlem türüne göre süreler değişiklik gösterir; ön görüşmede detaylandırılır.",
-        },
+          id: "3",          title: "İşlemler ne kadar sürüyor?",          content: "İşlem türüne göre süreler değişiklik gösterir; ön görüşmede detaylandırılır."},
       ]}
       title="Sıkça Sorulan Sorular"
       description="Güzellik ve bakım süreçlerimiz hakkında merak ettikleriniz."
@@ -290,8 +186,7 @@ export default function LandingPage() {
       <ContactSplit
       useInvertedBackground={false}
       background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
       tag="İletişim"
       title="Randevu Oluşturun"
       description="Tunalı'nın kalbinde, kendinize bir hediye verin. Ücretsiz ön görüşme için bize yazın."
@@ -306,29 +201,19 @@ export default function LandingPage() {
       logoText="Selinay Özen Beauty"
       columns={[
         {
-          title: "Hizmetlerimiz",
-          items: [
+          title: "Hizmetlerimiz",          items: [
             {
-              label: "Lazer Epilasyon",
-              href: "#",
-            },
+              label: "Lazer Epilasyon",              href: "#"},
             {
-              label: "Cilt Bakımı",
-              href: "#",
-            },
+              label: "Cilt Bakımı",              href: "#"},
           ],
         },
         {
-          title: "İletişim",
-          items: [
+          title: "İletişim",          items: [
             {
-              label: "WhatsApp Destek",
-              href: "#",
-            },
+              label: "WhatsApp Destek",              href: "#"},
             {
-              label: "Konum",
-              href: "#",
-            },
+              label: "Konum",              href: "#"},
           ],
         },
       ]}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fbfbf7;
-  --card: #f0ede8;
-  --foreground: #2b180a;
-  --primary-cta: #c5a059;
-  --primary-cta-text: #ffffff;
-  --secondary-cta: #fbfbf7;
-  --secondary-cta-text: #2b180a;
-  --accent: #d4c5a9;
-  --background-accent: #e3dcd1;
+  --background: #e3deea;
+  --card: #ffffff;
+  --foreground: #1f2027;
+  --primary-cta: #1f2027;
+  --primary-cta-text: #e3deea;
+  --secondary-cta: #ffffff;
+  --secondary-cta-text: #1f2027;
+  --accent: #627dc6;
+  --background-accent: #627dc6;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);