Update src/app/page.tsx
This commit is contained in:
254
src/app/page.tsx
254
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>
|
||||
|
||||
Reference in New Issue
Block a user