bender/f768fb8f-accc-419c-9163-36e42e573b9c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2 into main

Browse Source 
Merge version_2 into main
This commit was merged in pull request #1.
This commit is contained in:
bender
2026-05-11 19:52:45 +00:00
parent 15b0d60a2d 6e9454e6d1
commit de004f93ca
2 changed files with 48 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

254
src/app/page.tsx
View File

@@ -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>

8
src/app/styles/variables.css
View File

@@ -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 */