Update theme colors

Merge version_3 into main

src/app/page.tsx

@@ -2,10 +2,10 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
-import FaqDouble from '@/components/sections/faq/FaqDouble';
+import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
 import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplit from '@/components/sections/hero/HeroSplit';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -31,14 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Hizmetler", id: "features" },
-          name: "Hizmetler",          id: "features"},
+        { name: "Çözümler", id: "products" },
-        {
+        { name: "Referanslar", id: "social-proof" },
-          name: "Çözümler",          id: "products"},
+        { name: "İletişim", id: "contact" },
-        {
-          name: "Referanslar",          id: "social-proof"},
-        {
-          name: "İletişim",          id: "contact"},
       ]}
       brandName="Atilsoft"
     />
@@ -46,27 +42,18 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplit
-      background={{
+      background={{ variant: "plain" }}
-        variant: "plain"}}
       title="Dijital Dönüşümün Yeni Adresi: Atilsoft"
       description="We help brands scale and increase revenue through high-conversion digital strategies and precision marketing."
-      buttons={[
+      buttons={[{ text: "Hizmetlerimizi İnceleyin", href: "#features" }]}
-        {
-          text: "Hizmetlerimizi İnceleyin",          href: "#features"},
-      ]}
       imageSrc="http://img.b2bpic.net/free-photo/overhead-view-separate-workspace-with-two-laptops-stationeries_23-2147924196.jpg"
       mediaAnimation="slide-up"
       avatars={[
-        {
+        { src: "http://img.b2bpic.net/free-photo/headphones-with-microphone-call-center-office-desk_482257-125977.jpg", alt: "Ekip üyesi 1" },
-          src: "http://img.b2bpic.net/free-photo/headphones-with-microphone-call-center-office-desk_482257-125977.jpg",          alt: "Ekip üyesi 1"},
+        { src: "http://img.b2bpic.net/free-photo/coffee-notebooks-near-computer-camera_23-2147823721.jpg", alt: "Ekip üyesi 2" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg", alt: "Ekip üyesi 3" },
-          src: "http://img.b2bpic.net/free-photo/coffee-notebooks-near-computer-camera_23-2147823721.jpg",          alt: "Ekip üyesi 2"},
+        { src: "http://img.b2bpic.net/free-photo/working-table-with-computer_93675-133811.jpg", alt: "Ekip üyesi 4" },
-        {
+        { src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19887.jpg", alt: "Ekip üyesi 5" },
-          src: "http://img.b2bpic.net/free-photo/office-desk-with-computer-digital-tablet-mobile-phone_1252-898.jpg",          alt: "Ekip üyesi 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/working-table-with-computer_93675-133811.jpg",          alt: "Ekip üyesi 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-middle-aged-man-with-beard-hairstyle-dressed-elegant-formal-suit-textured-dark-background-studio_613910-19887.jpg",          alt: "Ekip üyesi 5"},
       ]}
       avatarText="Mutlu müşterilerimizle büyümeye devam ediyoruz."
       marqueeItems={[
@@ -81,19 +68,13 @@ export default function LandingPage() {
 
   <div id="metrics" data-section="metrics">
       <MetricCardSeven
-      animationType="slide-up"
+      animationType="depth-3d"
       textboxLayout="split"
       useInvertedBackground={true}
       metrics={[
-        {
+        { id: "m1", value: "500+", title: "Tamamlanan Proje", items: ["Modern Web Arayüzü", "Mobil Uygulama", "E-Ticaret"] },
-          id: "m1",          value: "500+",          title: "Tamamlanan Proje",          items: ["Modern Web Arayüzü", "Mobil Uygulama", "E-Ticaret"],
+        { id: "m2", value: "150+", title: "Google Reklam Kampanyası", items: ["SEM Uzmanlığı", "Dönüşüm Optimizasyonu"] },
-        },
+        { id: "m3", value: "200+", title: "Sosyal Medya Yönetimi", items: ["İçerik Stratejisi", "Etkileşim Artışı"] },
-        {
-          id: "m2",          value: "150+",          title: "Google Reklam Kampanyası",          items: ["SEM Uzmanlığı", "Dönüşüm Optimizasyonu"],
-        },
-        {
-          id: "m3",          value: "200+",          title: "Sosyal Medya Yönetimi",          items: ["İçerik Stratejisi", "Etkileşim Artışı"],
-        },
       ]}
       title="Rakamlarla Başarımız"
       description="Veri odaklı yaklaşımımızla sağladığımız somut katkılar."
@@ -105,12 +86,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
+        { title: "Web Tasarım", description: "SEO uyumlu, modern ve hızlı web arayüzleri.", imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg" },
-          title: "Web Tasarım",          description: "SEO uyumlu, modern ve hızlı web arayüzleri.",          imageSrc: "http://img.b2bpic.net/free-photo/interconnected-screens-collage-showing-modern-social-media-feed-clips_482257-129691.jpg"},
+        { title: "Google Reklamları", description: "Performans odaklı reklam yönetimi ile satışlarınızı artırın.", imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-132304.jpg" },
-        {
+        { title: "Sosyal Medya", description: "Marka bilinirliğini artıran kreatif sosyal medya yönetimi.", imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-patriotic-gingerbread-support-ukraine_169016-19969.jpg" },
-          title: "Google Reklamları",          description: "Performans odaklı reklam yönetimi ile satışlarınızı artırın.",          imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-132304.jpg"},
-        {
-          title: "Sosyal Medya",          description: "Marka bilinirliğini artıran kreatif sosyal medya yönetimi.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-makes-patriotic-gingerbread-support-ukraine_169016-19969.jpg"},
       ]}
       title="Dijital Çözümlerimiz"
       description="Markanız için uçtan uca dijital stratejiler geliştiriyoruz."
@@ -119,17 +97,14 @@ export default function LandingPage() {
 
   <div id="products" data-section="products">
       <ProductCardThree
-      animationType="slide-up"
+      animationType="scale-rotate"
       textboxLayout="split"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
       products={[
         { id: "p1", name: "Başlangıç Web Paketi", price: "10.000 TL", imageSrc: "http://img.b2bpic.net/free-photo/drafting-tools-near-tablet-blueprints_23-2147785552.jpg" },
         { id: "p2", name: "Kurumsal Web Paketi", price: "25.000 TL", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-plant-employee-uses-cad-software-tablet-optimize-layouts_482257-118039.jpg" },
-        { id: "p3", name: "E-Ticaret Çözümü", price: "45.000 TL", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-shopping-with-laptop_23-2149241375.jpg" },
+        { id: "p3", name: "E-Ticaret Çözümü", price: "45.000 TL", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-shopping-with-laptop_23-2149241375.jpg?_wi=1" },
-        { id: "p4", name: "Dijital Pazarlama", price: "8.000 TL", imageSrc: "http://img.b2bpic.net/free-photo/employee-uses-phone-app-with-greenscreen_482257-81843.jpg" },
-        { id: "p5", name: "Sosyal Medya Yönetimi", price: "7.500 TL", imageSrc: "http://img.b2bpic.net/free-photo/tablet-table-with-fake-news_23-2148824751.jpg" },
-        { id: "p6", name: "SEO Danışmanlığı", price: "12.000 TL", imageSrc: "http://img.b2bpic.net/free-photo/laptop-computer-with-company-charts-screen-standing-table-startup-office-while-diverse-team-sharing-papers-with-marketing-turnover-it-multiethnic-businesspeople-analyzing-graphs_482257-37042.jpg" },
       ]}
       title="Paketlerimiz ve Çözümlerimiz"
       description="İhtiyacınıza özel, ölçeklenebilir dijital paketler."
@@ -140,9 +115,7 @@ export default function LandingPage() {
       <SocialProofOne
       textboxLayout="split"
       useInvertedBackground={false}
-      names={[
+      names={["Teknosa", "Arçelik", "Trendyol", "Getir", "Hepsiburada", "Yemeksepeti", "Migros"]}
-        "Teknosa", "Arçelik", "Trendyol", "Getir", "Hepsiburada", "Yemeksepeti", "Migros"
-      ]}
       title="Bize Güvenen Markalar"
       description="Sektörün öncü markaları ile dijital başarıya imza attık."
     />
@@ -153,16 +126,7 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       testimonials={[
-        {
+        { id: "t1", name: "Ahmet Yılmaz", date: "12/05/2023", title: "CEO", quote: "Harika bir ekip, satışlarımız ikiye katlandı.", tag: "Başarı", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg", imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-business-leaders-engaged-web-video-conference-office-lobby-exchanging-strategy_482257-132125.jpg" },
-          id: "t1",          name: "Ahmet Yılmaz",          date: "12/05/2023",          title: "CEO",          quote: "Harika bir ekip, satışlarımız ikiye katlandı.",          tag: "Başarı",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-blond-bearded-male-dressed-suit-grey-background_613910-11907.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-business-leaders-engaged-web-video-conference-office-lobby-exchanging-strategy_482257-132125.jpg"},
-        {
-          id: "t2",          name: "Ayşe Demir",          date: "15/06/2023",          title: "Pazarlama Müdürü",          quote: "Web sitemiz baştan sona yenilendi ve çok daha profesyonel oldu.",          tag: "Tasarım",          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-stylish-pretty-young-woman-look-professional-cross-hands-chest-smiling-confident-camera-wear-glasses-standing-near-reception-office-hall-discuss-business_197531-22165.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/corporate-employee-preparing-leave-startup-office-late-night_482257-77687.jpg"},
-        {
-          id: "t3",          name: "Mehmet Can",          date: "20/07/2023",          title: "Kurucu",          quote: "Google reklam stratejileri çok net ve verimli.",          tag: "Pazarlama",          avatarSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-caucasian-happy-teacher-glasses_74855-9736.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/scene-with-business-person-working-futuristic-office-job_23-2151003743.jpg"},
-        {
-          id: "t4",          name: "Zeynep Öz",          date: "22/08/2023",          title: "E-Ticaret Yöneticisi",          quote: "Ekip çok ilgili, süreci profesyonelce yönettiler.",          tag: "E-Ticaret",          avatarSrc: "http://img.b2bpic.net/free-photo/woman-couch-talking-phone_23-2148415826.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/business-meeting-working-room-office-building_105762-1793.jpg"},
-        {
-          id: "t5",          name: "Canan Baş",          date: "10/09/2023",          title: "Yönetici",          quote: "İşlerini severek yapan profesyonel bir ajans.",          tag: "Genel",          avatarSrc: "http://img.b2bpic.net/free-photo/attractive-blond-business-woman-white-shirt-eyeglasses-crossed-arms-grey-background_613910-13618.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/high-end-company-office-with-computer-showing-detailed-data-insights_482257-112565.jpg"},
       ]}
       title="Müşterilerimiz Ne Diyor?"
       description="Atilsoft iş ortaklarımızın deneyimleri."
@@ -170,45 +134,39 @@ export default function LandingPage() {
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqDouble
+      <FaqSplitMedia
       textboxLayout="split"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "q1", title: "Proje süreci nasıl işliyor?", content: "Strateji, tasarım ve geliştirme süreçleri ile şeffaf ilerliyoruz." },
-          id: "q1",          title: "Proje süreci nasıl işliyor?",          content: "İhtiyaçlarınızı dinledikten sonra kapsamlı bir strateji geliştiriyoruz. Ardından tasarım ve geliştirme süreçlerine geçerek projenizi adım adım, şeffaf bir şekilde teslim ediyoruz."},
-        {
-          id: "q2",          title: "Projelerin teslimat süresi nedir?",          content: "Proje boyutuna bağlı olarak değişkenlik gösterse de, küçük ve orta ölçekli web projelerini ortalama 3-6 hafta içerisinde, karmaşık sistemleri ise ihtiyaç analizi sonrasında belirlenen takvim çerçevesinde tamamlıyoruz."},
-        {
-          id: "q3",          title: "Yatırım getirisini (ROI) nasıl artırıyorsunuz?",          content: "Veri odaklı reklam yönetimi ve dönüşüm odaklı tasarım stratejileriyle gereksiz harcamaları minimize ederek en doğru hedef kitleye ulaşıyoruz. Böylece her reklam bütçenizin satışa dönüşme oranını optimize ediyoruz."},
-        {
-          id: "q4",          title: "Destek veriyor musunuz?",          content: "Evet, projenin canlıya alınmasıyla süreç bitmiyor. Operasyonel destek, teknik güncellemeler ve strateji optimizasyonu ile her zaman yanınızdayız."},
       ]}
       title="Sıkça Sorulan Sorular"
       faqsAnimation="slide-up"
+      mediaPosition="right"
       description="Atilsoft süreci hakkında merak ettikleriniz."
+      imageSrc="http://img.b2bpic.net/free-photo/scene-with-business-person-working-futuristic-office-job_23-2151003743.jpg"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactSplitForm
-      useInvertedBackground={true}
+      title="Projelerinizi Konuşalım"
-      background={{
+      description="İletişim formunu doldurun, size en kısa sürede dönüş yapalım."
-        variant: "sparkles-gradient"}}
+      inputs={[
-      text="Projelerinizi konuşalım mı? Bizimle iletişime geçin."
+        { name: "name", type: "text", placeholder: "Adınız Soyadınız", required: true },
-      buttons={[
+        { name: "email", type: "email", placeholder: "E-posta Adresiniz", required: true }
-        {
-          text: "Hemen İletişime Geç",          href: "mailto:info@atilsoft.com.tr"},
       ]}
+      useInvertedBackground={false}
+      mediaPosition="left"
+      imageSrc="http://img.b2bpic.net/free-photo/close-up-man-shopping-with-laptop_23-2149241375.jpg?_wi=2"
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterCard
-      columns={[
-        { items: [{ label: "Anasayfa", href: "/" }, { label: "Hizmetler", href: "#features" }] },
-        { items: [{ label: "Referanslar", href: "#social-proof" }, { label: "İletişim", href: "#contact" }] },
-      ]}
       logoText="Atilsoft"
+      socialLinks={[]}
+      copyrightText="© 2025 Atilsoft | Tüm Hakları Saklıdır."
     />
   </div>
       </ReactLenis>

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
+  --background: #080200;
-  --card: #1a1a1a;
+  --card: #1a0d0b;
-  --foreground: #ffffff;
+  --foreground: #ffe6d5;
-  --primary-cta: #1f7cff;
+  --primary-cta: #ffaa70;
-  --primary-cta-text: #ffffff;
+  --primary-cta-text: #080200;
-  --secondary-cta: #010101;
+  --secondary-cta: #170b07;
-  --secondary-cta-text: #ffffff;
+  --secondary-cta-text: #ffe6d5;
-  --accent: #1f7cff;
+  --accent: #7b5e4a;
-  --background-accent: #f96b2f;
+  --background-accent: #b8541e;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);