From 7fcadb8b9619e0997982bc61099533fb7ab33c08 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 11 May 2026 19:52:42 +0000
Subject: [PATCH 1/2] Update src/app/page.tsx

---
 src/app/page.tsx | 254 ++++++++---------------------------------------
 1 file changed, 44 insertions(+), 210 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index d21d4df..5749cd8 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
+import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 
 export default function LandingPage() {
   return (
@@ -29,26 +29,11 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleCentered
       navItems={[
-        {
-          name: "الرئيسية",
-          id: "/",
-        },
-        {
-          name: "الخدمات",
-          id: "/services",
-        },
-        {
-          name: "المنتجات",
-          id: "/products",
-        },
-        {
-          name: "عن الشركة",
-          id: "/about",
-        },
-        {
-          name: "اتصل بنا",
-          id: "/contact",
-        },
+        { name: "الرئيسية", id: "/" },
+        { name: "الخدمات", id: "/services" },
+        { name: "المنتجات", id: "/products" },
+        { name: "عن الشركة", id: "/about" },
+        { name: "اتصل بنا", id: "/contact" },
       ]}
       brandName="إلكترو-تك"
     />
@@ -58,35 +43,8 @@ export default function LandingPage() {
       <HeroOverlay
       title="حلول إلكترونية وصيانة احترافية"
       description="نقدم خدمات صيانة وحلول تقنية متكاملة بأعلى المعايير العالمية في المملكة العربية السعودية."
-      buttons={[
-        {
-          text: "تواصل عبر واتساب",
-          href: "https://wa.me/966500000000",
-        },
-      ]}
+      buttons={[{ text: "تواصل عبر واتساب", href: "https://wa.me/966500000000" }]}
       imageSrc="http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917442.jpg"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/futuristic-business-environment_23-2150970237.jpg",
-          alt: "Futuristic business environment",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/beautiful-mature-woman-having-fun-time_23-2149232845.jpg",
-          alt: "Beautiful mature woman having a fun time",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917460.jpg",
-          alt: "Futuristic technology hologram",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/futuristic-business-scene-with-ultra-modern-ambiance_23-2151003747.jpg",
-          alt: "Futuristic business scene with ultra modern ambiance",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-beautiful-hispanic-woman-business-worker-smiling-confident-standing-with-arms-crossed-gesture-office_839833-35187.jpg",
-          alt: "Young beautiful hispanic woman business worker smiling confident standing with arms crossed gesture at office",
-        },
-      ]}
     />
   </div>
 
@@ -96,21 +54,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          title: "صيانة الإلكترونيات",
-          description: "خبرة واسعة في إصلاح الأجهزة المعقدة.",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-white-isolating-costumes-working-laboratory_645730-555.jpg",
-        },
-        {
-          title: "أنظمة الصوتيات",
-          description: "تركيب وبرمجة أنظمة الصوت الاحترافية.",
-          imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199362.jpg",
-        },
-        {
-          title: "حلول التكييف",
-          description: "صيانة وتكييف ذكي لبيئات العمل.",
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-screen-with-smart-home-controller-wooden-table_53876-96317.jpg",
-        },
+        { title: "صيانة الإلكترونيات", description: "خبرة واسعة في إصلاح الأجهزة المعقدة.", imageSrc: "http://img.b2bpic.net/free-photo/people-white-isolating-costumes-working-laboratory_645730-555.jpg" },
+        { title: "أنظمة الصوتيات", description: "تركيب وبرمجة أنظمة الصوت الاحترافية.", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199362.jpg" },
+        { title: "حلول التكييف", description: "صيانة وتكييف ذكي لبيئات العمل.", imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-screen-with-smart-home-controller-wooden-table_53876-96317.jpg" },
       ]}
       title="خدماتنا المميزة"
       description="نقدم حلولاً مبتكرة تناسب احتياجات منشأتك"
@@ -118,54 +64,16 @@ export default function LandingPage() {
   </div>
 
   <div id="products" data-section="products">
-      <ProductCardFour
-      animationType="scale-rotate"
+      <ProductCardThree
+      animationType="slide-up"
       textboxLayout="default"
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",
-          name: "جهاز تحكم ذكي",
-          price: "٥٠٠ ر.س",
-          variant: "احترافي",
-          imageSrc: "http://img.b2bpic.net/free-photo/composition-tablet-with-home-automation-app_23-2149036813.jpg",
-        },
-        {
-          id: "2",
-          name: "ماوس للألعاب",
-          price: "٣٥٠ ر.س",
-          variant: "عالي الأداء",
-          imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg",
-        },
-        {
-          id: "3",
-          name: "مكبر صوت بلوتوث",
-          price: "٨٠٠ ر.س",
-          variant: "لاسلكي",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disk-components-with-blue-light_23-2149413368.jpg",
-        },
-        {
-          id: "4",
-          name: "مفتاح إضاءة ذكي",
-          price: "٢٠٠ ر.س",
-          variant: "أتمتة",
-          imageSrc: "http://img.b2bpic.net/free-photo/electric-machines-switches-isolated-white-close-up-connect-marker-cable-device_169016-4121.jpg",
-        },
-        {
-          id: "5",
-          name: "جهاز قياس رقمي",
-          price: "٦٠٠ ر.س",
-          variant: "صناعي",
-          imageSrc: "http://img.b2bpic.net/free-photo/technician-holding-computer-parts-workshop_23-2147922226.jpg",
-        },
-        {
-          id: "6",
-          name: "راوتر عالي السرعة",
-          price: "٩٥٠ ر.س",
-          variant: "إنترنت",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-still-life_23-2149417036.jpg",
-        },
+        { id: "1", name: "جهاز تحكم ذكي", price: "٥٠٠ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/composition-tablet-with-home-automation-app_23-2149036813.jpg" },
+        { id: "2", name: "ماوس للألعاب", price: "٣٥٠ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/minimal-tech-setup-with-earbuds_58702-17248.jpg" },
+        { id: "3", name: "مكبر صوت بلوتوث", price: "٨٠٠ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/top-view-hard-disk-components-with-blue-light_23-2149413368.jpg" },
+        { id: "4", name: "مفتاح إضاءة ذكي", price: "٢٠٠ ر.س", imageSrc: "http://img.b2bpic.net/free-photo/electric-machines-switches-isolated-white-close-up-connect-marker-cable-device_169016-4121.jpg" },
       ]}
       title="أحدث التقنيات"
       description="تصفح أفضل منتجاتنا المختارة بعناية"
@@ -173,124 +81,50 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTwelve
+      <TestimonialCardThirteen
+      showRating={true}
+      animationType="slide-up"
+      textboxLayout="default"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",
-          name: "أحمد السعد",
-          imageSrc: "http://img.b2bpic.net/free-photo/middle-age-woman-business-worker-smiling-confident-standing-with-arms-crossed-gesture-office_839833-20646.jpg",
-        },
-        {
-          id: "2",
-          name: "سارة خالد",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-engineer-with-clipboard_23-2148915836.jpg",
-        },
-        {
-          id: "3",
-          name: "عبدالله العتيبي",
-          imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-energy-specialists-coordinates-activity-chroma-key_482257-126017.jpg",
-        },
-        {
-          id: "4",
-          name: "نورة المنصور",
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-business-man_23-2148479501.jpg",
-        },
-        {
-          id: "5",
-          name: "محمد الفهد",
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-smiling_74855-1511.jpg",
-        },
+        { id: "1", name: "أحمد السعد", handle: "@ahmed", testimonial: "خدمة استثنائية واحترافية عالية.", rating: 5 },
+        { id: "2", name: "سارة خالد", handle: "@sara", testimonial: "فريق تقني متميز وسرعة في الإنجاز.", rating: 5 },
       ]}
-      cardTitle="آراء عملائنا"
-      cardTag="التقييمات"
-      cardAnimation="slide-up"
+      title="آراء عملائنا"
+      description="ما يقوله عملاؤنا عن خدماتنا"
     />
   </div>
 
   <div id="faq" data-section="faq">
-      <FaqSplitText
+      <FaqBase
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "1",
-          title: "هل تقدمون ضماناً على الصيانة؟",
-          content: "نعم، نقدم ضماناً لمدة ٦ أشهر على كافة أعمال الصيانة.",
-        },
-        {
-          id: "2",
-          title: "كيف أطلب الخدمة؟",
-          content: "يمكنك التواصل معنا عبر الواتساب أو ملء نموذج الاتصال.",
-        },
-        {
-          id: "3",
-          title: "هل تشمل خدماتكم الرياض فقط؟",
-          content: "نعم، حالياً نعمل في منطقة الرياض.",
-        },
+        { id: "1", title: "هل تقدمون ضماناً على الصيانة؟", content: "نعم، نقدم ضماناً لمدة ٦ أشهر على كافة أعمال الصيانة." },
+        { id: "2", title: "كيف أطلب الخدمة؟", content: "يمكنك التواصل معنا عبر الواتساب أو ملء نموذج الاتصال." },
       ]}
-      sideTitle="الأسئلة الشائعة"
-      sideDescription="إجابات على أهم تساؤلات عملائنا"
-      faqsAnimation="blur-reveal"
+      title="الأسئلة الشائعة"
+      faqsAnimation="slide-up"
+      textboxLayout="default"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      text="هل تحتاج إلى استشارة تقنية؟ فريقنا جاهز لمساعدتك في أي وقت."
-      buttons={[
-        {
-          text: "تواصل معنا",
-          href: "/contact",
-        },
-      ]}
+      <ContactSplit
+      tag="اتصل بنا"
+      title="هل تحتاج إلى استشارة؟"
+      description="فريقنا جاهز لمساعدتك في أي وقت."
+      background={{ variant: "sparkles-gradient" }}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterSimple
       columns={[
-        {
-          items: [
-            {
-              label: "الرئيسية",
-              href: "/",
-            },
-            {
-              label: "الخدمات",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "المنتجات",
-              href: "/products",
-            },
-            {
-              label: "اتصل بنا",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "سياسة الخصوصية",
-              href: "#",
-            },
-            {
-              label: "شروط الخدمة",
-              href: "#",
-            },
-          ],
-        },
+        { title: "الشركة", items: [{ label: "الرئيسية", href: "/" }, { label: "الخدمات", href: "/services" }] },
+        { title: "المزيد", items: [{ label: "المنتجات", href: "/products" }, { label: "اتصل بنا", href: "/contact" }] }
       ]}
-      logoText="إلكترو-تك"
+      bottomLeftText="© ٢٠٢٤ إلكترو-تك. جميع الحقوق محفوظة."
+      bottomRightText="الرياض، المملكة العربية السعودية"
     />
   </div>
       </ReactLenis>

From 6e9454e6d187db013ecd36307d9624e88d43a08e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 11 May 2026 19:52:42 +0000
Subject: [PATCH 2/2] Update src/app/styles/variables.css

---
 src/app/styles/variables.css | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index dfc1984..cb98904 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,14 +10,14 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #010912;
-  --card: #0c1825;
-  --foreground: #f0f8ff;
+  --background: #0a0a0a;
+  --card: #1a1a1a;
+  --foreground: #f5f5f5;
   --primary-cta: #106efb;
   --primary-cta-text: #ffffff;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #010912;
-  --accent: #3b82f6;
+  --accent: #106efb;
   --background-accent: #004a93;
 
   /* text sizing - set by ThemeProvider */