Update theme colors

Merge version_3 into main

src/app/page.tsx

@@ -6,12 +6,13 @@ 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';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 
 export default function LandingPage() {
   return (
@@ -31,49 +32,31 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleApple
       navItems={[
-        {
+        { name: "Ana Sayfa", id: "hero" },
-          name: "Ana Sayfa",
+        { name: "Hakkımızda", id: "about" },
-          id: "hero",
+        { name: "Hizmetlerimiz", id: "features" },
-        },
+        { name: "İletişim", id: "contact" },
-        {
-          name: "Hakkımızda",
-          id: "about",
-        },
-        {
-          name: "Hizmetlerimiz",
-          id: "features",
-        },
-        {
-          name: "İletişim",
-          id: "contact",
-        },
       ]}
-      brandName="Selinay Özen"
+      brandName="Selin Beauty"
     />
   </div>
 
   <div id="hero" data-section="hero">
-      <HeroBillboardScroll
+      <HeroSplit
-      background={{
+      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={[
+      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"
@@ -85,27 +68,9 @@ export default function LandingPage() {
       textboxLayout="split"
       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",
+        { 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" },
-          title: "Kişiye Özel Protokoller",
+        { 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" },
-          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: "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."
@@ -119,48 +84,12 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       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",
+        { 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" },
-          name: "Cilt Bakımı",
+        { 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" },
-          price: "Detaylı Bilgi",
+        { 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" },
-          variant: "Bakım",
+        { 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" },
-          imageSrc: "http://img.b2bpic.net/free-photo/bowl-marmalade-candies-stone-table_114579-32721.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: "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: "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: "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."
@@ -173,86 +102,41 @@ export default function LandingPage() {
       title="Başarı Öykülerimiz"
       tag="Verilerle Selinay Özen"
       metrics={[
-        {
+        { id: "1", value: "1500+", description: "Mutlu Misafir" },
-          id: "1",
+        { id: "2", value: "20+", description: "Uzman Protokol" },
-          value: "1500+",
+        { id: "3", value: "100%", description: "Hijyen Güvencesi" },
-          description: "Mutlu Misafir",
-        },
-        {
-          id: "2",
-          value: "20+",
-          description: "Uzman Protokol",
-        },
-        {
-          id: "3",
-          value: "100%",
-          description: "Hijyen Güvencesi",
-        },
       ]}
       metricsAnimation="slide-up"
     />
   </div>
 
+  <div id="testimonial-six" data-section="testimonial-six">
+    <TestimonialCardSix
+        animationType="slide-up"
+        title="Misafir Yorumları"
+        description="Deneyimlerini paylaşan misafirlerimiz"
+        textboxLayout="default"
+        useInvertedBackground={false}
+        testimonials={[
+            { id: "1", name: "Zeynep K.", handle: "@zeynep", testimonial: "Muhteşem bir deneyimdi, çok memnun kaldım!" },
+            { id: "2", name: "Selin G.", handle: "@selin", testimonial: "Profesyonel yaklaşım, harika sonuçlar." }
+        ]}
+    />
+  </div>
+
   <div id="testimonials" data-section="testimonials">
       <TestimonialCardSixteen
       animationType="slide-up"
       textboxLayout="default"
       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",
+        { 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" },
-          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: "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: "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",
+        { value: "500+", label: "Yorum" },
-          label: "Google Puanı",
+        { value: "10 Yıl", label: "Deneyim" },
-        },
-        {
-          value: "500+",
-          label: "Yorum",
-        },
-        {
-          value: "10 Yıl",
-          label: "Deneyim",
-        },
       ]}
       title="Misafirlerimiz Ne Diyor?"
       description="Selinay Hanım'ın dokunuşuyla değişimi deneyimleyen misafirlerimizin yorumları."
@@ -264,21 +148,8 @@ export default function LandingPage() {
       textboxLayout="default"
       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",
+        { id: "2", title: "Lazer epilasyonda sonuç garantisi var mı?", content: "8 seansta pürüzsüz sonuçları hedefleyen protokoller uyguluyoruz." },
-          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: "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."
@@ -289,9 +160,7 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactSplit
       useInvertedBackground={false}
-      background={{
+      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."
@@ -305,32 +174,8 @@ export default function LandingPage() {
       imageSrc="http://img.b2bpic.net/free-photo/home-still-life-with-burning-candles-as-home-decor-details_169016-11265.jpg"
       logoText="Selinay Özen Beauty"
       columns={[
-        {
+        { title: "Hizmetlerimiz", items: [{ label: "Lazer Epilasyon", href: "#" }, { label: "Cilt Bakımı", href: "#" }] },
-          title: "Hizmetlerimiz",
+        { title: "İletişim", items: [{ label: "WhatsApp Destek", href: "#" }, { label: "Konum", href: "#" }] },
-          items: [
-            {
-              label: "Lazer Epilasyon",
-              href: "#",
-            },
-            {
-              label: "Cilt Bakımı",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "İletişim",
-          items: [
-            {
-              label: "WhatsApp Destek",
-              href: "#",
-            },
-            {
-              label: "Konum",
-              href: "#",
-            },
-          ],
-        },
       ]}
     />
   </div>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #e3deea;
+  --background: #f6f0e9;
-  --card: #ffffff;
+  --card: #efe7dd;
-  --foreground: #1f2027;
+  --foreground: #2b180a;
-  --primary-cta: #1f2027;
+  --primary-cta: #2b180a;
-  --primary-cta-text: #e3deea;
+  --primary-cta-text: #f6f0e9;
-  --secondary-cta: #ffffff;
+  --secondary-cta: #efe7dd;
-  --secondary-cta-text: #1f2027;
+  --secondary-cta-text: #2b180a;
-  --accent: #627dc6;
+  --accent: #94877c;
-  --background-accent: #627dc6;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);