Merge version_10 into main

Update src/app/page.tsx
2026-04-15 15:46:28 +00:00 · 2026-04-15 15:46:25 +00:00 · 2026-04-15 15:44:55 +00:00 · 2026-04-15 15:44:52 +00:00 · 2026-04-15 15:44:47 +00:00 · 2026-04-15 15:44:44 +00:00
2 changed files with 74 additions and 213 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,12 +6,14 @@ 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';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';

 export default function LandingPage() {
  return (
@@ -31,49 +33,31 @@ export default function LandingPage() {
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
-        {
-          name: "Ana Sayfa",
-          id: "hero",
-        },
-        {
-          name: "Hakkımızda",
-          id: "about",
-        },
-        {
-          name: "Hizmetlerimiz",
-          id: "features",
-        },
-        {
-          name: "İletişim",
-          id: "contact",
-        },
+        { name: "Ana Sayfa", id: "hero" },
+        { 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
-      background={{
-        variant: "plain",
-      }}
+      <HeroSplit
+      background={{ 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",
-        },
-      ]}
+      buttons={[{ 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 +69,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: "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: "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: "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 +85,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: "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",
-        },
+        { 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: "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 +103,56 @@ export default function LandingPage() {
      title="Başarı Öykülerimiz"
      tag="Verilerle Selinay Özen"
      metrics={[
-        {
-          id: "1",
-          value: "1500+",
-          description: "Mutlu Misafir",
-        },
-        {
-          id: "2",
-          value: "20+",
-          description: "Uzman Protokol",
-        },
-        {
-          id: "3",
-          value: "100%",
-          description: "Hijyen Güvencesi",
-        },
+        { id: "1", value: "1500+", 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="testimonial-thirteen" data-section="testimonial-thirteen">
+    <TestimonialCardThirteen
+        animationType="slide-up"
+        showRating={true}
+        textboxLayout="default"
+        useInvertedBackground={false}
+        title="Özel Misafirlerimiz"
+        description="Selinay Özen Beauty dokunuşunu yaşayanlar."
+        testimonials={[
+            { id: "1", name: "Ayşe Y.", handle: "@ayseyilmaz", testimonial: "Cildim hiç bu kadar iyi görünmemişti!", rating: 5 },
+            { id: "2", name: "Fatma D.", handle: "@fatmad", testimonial: "Çok nazik ve profesyonel bir ekip, kesinlikle tavsiye ederim.", rating: 5 }
+        ]}
+    />
+  </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: "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",
-        },
+        { 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" },
      ]}
      kpiItems={[
-        {
-          value: "4.9",
-          label: "Google Puanı",
-        },
-        {
-          value: "500+",
-          label: "Yorum",
-        },
-        {
-          value: "10 Yıl",
-          label: "Deneyim",
-        },
+        { value: "4.9", label: "Google Puanı" },
+        { 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 +164,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: "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: "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." },
      ]}
      title="Sıkça Sorulan Sorular"
      description="Güzellik ve bakım süreçlerimiz hakkında merak ettikleriniz."
@@ -289,9 +176,7 @@ export default function LandingPage() {
  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
+      background={{ 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,36 +190,12 @@ 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: "İletişim",
-          items: [
-            {
-              label: "WhatsApp Destek",
-              href: "#",
-            },
-            {
-              label: "Konum",
-              href: "#",
-            },
-          ],
-        },
+        { title: "Hizmetlerimiz", items: [{ label: "Lazer Epilasyon", href: "#" }, { label: "Cilt Bakımı", href: "#" }] },
+        { title: "İletişim", items: [{ label: "WhatsApp Destek", href: "#" }, { label: "Konum", href: "#" }] },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
-}
+}
--- a/src/app/styles/variables.css
+++ b/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: #f5f4f0;
+  --card: #ffffff;
+  --foreground: #1a1a1a;
+  --primary-cta: #2c2c2c;
+  --primary-cta-text: #f5f4f0;
+  --secondary-cta: #f5f4f0;
+  --secondary-cta-text: #1a1a1a;
+  --accent: #8a8a8a;
+  --background-accent: #e8e6e1;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	194010e200	Merge version_10 into main Merge version_10 into main	2026-04-15 15:46:28 +00:00
bender	eb68bb0616	Update src/app/page.tsx	2026-04-15 15:46:25 +00:00
bender	2ce3a3a901	Merge version_9 into main Merge version_9 into main	2026-04-15 15:44:55 +00:00
bender	f2120acaad	Update theme colors	2026-04-15 15:44:52 +00:00
bender	63f51257d5	Merge version_8 into main Merge version_8 into main	2026-04-15 15:44:47 +00:00
bender	5881deeb68	Update theme colors	2026-04-15 15:44:44 +00:00
bender	0df85ed4fd	Merge version_7 into main Merge version_7 into main	2026-04-15 15:44:42 +00:00
bender	87d182fa18	Update theme colors	2026-04-15 15:44:39 +00:00
bender	a564ad1752	Merge version_6 into main Merge version_6 into main	2026-04-15 15:44:22 +00:00
bender	6ed7edf3a4	Update theme colors	2026-04-15 15:44:19 +00:00
bender	8cdb58e71f	Merge version_5 into main Merge version_5 into main	2026-04-15 15:44:11 +00:00
bender	04c2e60ed3	Update theme colors	2026-04-15 15:44:07 +00:00
bender	27e79dbbc9	Merge version_4 into main Merge version_4 into main	2026-04-15 15:42:49 +00:00
bender	763d71c965	Update src/app/page.tsx	2026-04-15 15:42:43 +00:00
bender	c2a8dd22f7	Merge version_3 into main Merge version_3 into main	2026-04-15 15:40:30 +00:00
bender	07b7184650	Update src/app/page.tsx	2026-04-15 15:40:27 +00:00
bender	3b780aafdf	Merge version_3 into main Merge version_3 into main	2026-04-15 15:38:29 +00:00
bender	9684ffa274	Update src/app/page.tsx	2026-04-15 15:38:23 +00:00
bender	5dc9e96781	Merge version_3 into main Merge version_3 into main	2026-04-15 15:37:06 +00:00
bender	a8e127be1e	Update src/app/page.tsx	2026-04-15 15:37:00 +00:00
bender	140514f611	Merge version_2 into main Merge version_2 into main	2026-04-15 15:36:01 +00:00
bender	b7771c5d13	Update theme colors	2026-04-15 15:35:58 +00:00
bender	b67c26c932	Merge version_1 into main Merge version_1 into main	2026-04-15 15:35:27 +00:00