Merge version_5 into main

Merge version_5 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,22 +31,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingOverlay
       navItems={[
-        {
+        { name: "Hizmetler", id: "features" },
-          name: "Hizmetler",
+        { name: "Çözümler", id: "products" },
-          id: "features",
+        { name: "Referanslar", id: "social-proof" },
-        },
+        { name: "İletişim", id: "contact" },
-        {
-          name: "Çözümler",
-          id: "products",
-        },
-        {
-          name: "Referanslar",
-          id: "social-proof",
-        },
-        {
-          name: "İletişim",
-          id: "contact",
-        },
       ]}
       brandName="Atilsoft"
     />
@@ -54,101 +42,39 @@ 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="Modern web tasarımları, stratejik Google reklamları ve etkileşimi yüksek sosyal medya yönetimi ile markanızı zirveye taşıyoruz."
+      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",
+        { src: "http://img.b2bpic.net/free-photo/coffee-notebooks-near-computer-camera_23-2147823721.jpg", alt: "Ekip üyesi 2" },
-          alt: "Ekip üyesi 1",
+        { 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" },
-          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/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={[
-        {
+        { type: "text", text: "Web Tasarım" },
-          type: "text",
+        { type: "text", text: "Google Reklamları" },
-          text: "Web Tasarım",
+        { type: "text", text: "Sosyal Medya" },
-        },
+        { type: "text", text: "SEO Danışmanlığı" },
-        {
+        { type: "text", text: "Dijital Strateji" },
-          type: "text",
-          text: "Google Reklamları",
-        },
-        {
-          type: "text",
-          text: "Sosyal Medya",
-        },
-        {
-          type: "text",
-          text: "SEO Danışmanlığı",
-        },
-        {
-          type: "text",
-          text: "Dijital Strateji",
-        },
       ]}
     />
   </div>
 
   <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",
+        { id: "m2", value: "150+", title: "Google Reklam Kampanyası", items: ["SEM Uzmanlığı", "Dönüşüm Optimizasyonu"] },
-          value: "500+",
+        { id: "m3", value: "200+", title: "Sosyal Medya Yönetimi", items: ["İçerik Stratejisi", "Etkileşim Artışı"] },
-          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ışı",
-          ],
-        },
       ]}
       title="Rakamlarla Başarımız"
       description="Veri odaklı yaklaşımımızla sağladığımız somut katkılar."
@@ -160,21 +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",
+        { 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" },
-          description: "SEO uyumlu, modern ve hızlı web arayüzleri.",
+        { 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" },
-          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="Dijital Çözümlerimiz"
       description="Markanız için uçtan uca dijital stratejiler geliştiriyoruz."
@@ -183,47 +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: "p1",
+        { 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" },
-          name: "Başlangıç Web Paketi",
+        { 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" },
-          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: "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."
@@ -234,15 +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."
     />
@@ -253,56 +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."
@@ -310,80 +134,42 @@ 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ç analizi, tasarım, geliştirme ve teslimat.",
-        },
-        {
-          id: "q2",
-          title: "Reklam yönetimi maliyeti nedir?",
-          content: "Bütçenize ve hedeflerinize göre özelleştiriyoruz.",
-        },
-        {
-          id: "q3",
-          title: "Destek veriyor musunuz?",
-          content: "Evet, projelerimiz sonrası destek sağlıyoruz.",
-        },
       ]}
       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={[
-      }}
+        { name: "name", type: "text", placeholder: "Adınız Soyadınız", required: true },
-      text="Projelerinizi konuşalım mı? Bizimle iletişime geçin."
+        { name: "email", type: "email", placeholder: "E-posta Adresiniz", required: true }
-      buttons={[
-        {
-          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>
     </ThemeProvider>
   );
-}
+}

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);