Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
260
src/app/page.tsx
260
src/app/page.tsx
@@ -12,7 +12,7 @@ import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Award, Briefcase, Instagram, Twitter, Users } from "lucide-react";
|
||||
import { Award, Briefcase, Instagram, Twitter, Users, ArrowRight } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -33,29 +33,17 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "الرئيسية", id: "#hero"},
|
||||
{
|
||||
name: "من نحن",
|
||||
id: "#about",
|
||||
},
|
||||
name: "من نحن", id: "#about"},
|
||||
{
|
||||
name: "خدماتنا",
|
||||
id: "#services",
|
||||
},
|
||||
name: "خدماتنا", id: "#services"},
|
||||
{
|
||||
name: "أعمالنا",
|
||||
id: "#work",
|
||||
},
|
||||
name: "أعمالنا", id: "#work"},
|
||||
{
|
||||
name: "العملاء",
|
||||
id: "#clients",
|
||||
},
|
||||
name: "العملاء", id: "#clients"},
|
||||
{
|
||||
name: "تواصل معنا",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "تواصل معنا", id: "#contact"},
|
||||
]}
|
||||
brandName="OFFICE XOMAN"
|
||||
/>
|
||||
@@ -64,108 +52,63 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDoubleCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="حلول مكتبية وتجارية احترافية بمعايير عالمية"
|
||||
description="نوفر أفضل خدمات وتجهيزات الأعمال الحديثة بجودة عالية وتصميم احترافي"
|
||||
leftCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-school-classroom-future-students_23-2150906376.jpg",
|
||||
imageAlt: "Luxury corporate interior",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-school-classroom-future-students_23-2150906376.jpg", imageAlt: "Luxury corporate interior"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-authentic-dining-room-interior-design-with-blank-picture-frame_53876-143127.jpg",
|
||||
imageAlt: "Modern meeting space",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-luxury-authentic-dining-room-interior-design-with-blank-picture-frame_53876-143127.jpg", imageAlt: "Modern meeting space"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-steel-elevator-lift-lobby-business-hotel-with-luxury-design_105762-2042.jpg",
|
||||
imageAlt: "Executive boardroom",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-steel-elevator-lift-lobby-business-hotel-with-luxury-design_105762-2042.jpg", imageAlt: "Executive boardroom"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-business-meeting-working-room-executive-office_105762-1993.jpg",
|
||||
imageAlt: "Professional workspace",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-luxury-business-meeting-working-room-executive-office_105762-1993.jpg", imageAlt: "Professional workspace"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meeting-table-board-room-office-concept_53876-65019.jpg",
|
||||
imageAlt: "Ambient office lighting",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meeting-table-board-room-office-concept_53876-65019.jpg", imageAlt: "Ambient office lighting"},
|
||||
]}
|
||||
rightCarouselItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-building-with-empty-room_23-2148727503.jpg",
|
||||
imageAlt: "Sleek office design",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/corporate-building-with-empty-room_23-2148727503.jpg", imageAlt: "Sleek office design"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-lighting-decor-filtered-image-processed-vintage-effect_1232-2766.jpg",
|
||||
imageAlt: "Modern corporate lobby",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vintage-lighting-decor-filtered-image-processed-vintage-effect_1232-2766.jpg", imageAlt: "Modern corporate lobby"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797669.jpg",
|
||||
imageAlt: "Business conference room",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797669.jpg", imageAlt: "Business conference room"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-modern-building_114579-12043.jpg",
|
||||
imageAlt: "Luxury work desk",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-modern-building_114579-12043.jpg", imageAlt: "Luxury work desk"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg",
|
||||
imageAlt: "Refined executive area",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-hotel-lobby-with-leather-sofa-chairs-lamp-round-tables_1262-12373.jpg", imageAlt: "Refined executive area"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "تواصل معنا",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "تواصل معنا", href: "#contact"},
|
||||
{
|
||||
text: "استكشف خدماتنا",
|
||||
href: "#services",
|
||||
},
|
||||
text: "استكشف خدماتنا", href: "#services"},
|
||||
]}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/chairs-put-table-room-with-patterned-carpet_181624-17396.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/chairs-put-table-room-with-patterned-carpet_181624-17396.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hacker-programming-password-cracking-script-computer-cyberattack_482257-76930.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hacker-programming-password-cracking-script-computer-cyberattack_482257-76930.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821257.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/futuristic-kitchen-interior-design_23-2151821257.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/modern-business-workspace-glows-with-forecasting-metrics-graphs-corporate-empty-space-equipped_482257-132102.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/modern-business-workspace-glows-with-forecasting-metrics-graphs-corporate-empty-space-equipped_482257-132102.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/contemporary-business-wireless-technology-wooden-concept_53876-71181.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/contemporary-business-wireless-technology-wooden-concept_53876-71181.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="موثوقون من قبل أكثر من 500 شركة"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "تصميمات عصرية",
|
||||
},
|
||||
type: "text", text: "تصميمات عصرية"},
|
||||
{
|
||||
type: "text",
|
||||
text: "جودة عالمية",
|
||||
},
|
||||
type: "text", text: "جودة عالمية"},
|
||||
{
|
||||
type: "text",
|
||||
text: "تقنيات متطورة",
|
||||
},
|
||||
type: "text", text: "تقنيات متطورة"},
|
||||
{
|
||||
type: "text",
|
||||
text: "دعم فني",
|
||||
},
|
||||
type: "text", text: "دعم فني"},
|
||||
{
|
||||
type: "text",
|
||||
text: "احترافية",
|
||||
},
|
||||
type: "text", text: "احترافية"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -177,19 +120,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "عملاء سعداء",
|
||||
value: "500+",
|
||||
},
|
||||
label: "عملاء سعداء", value: "500+"},
|
||||
{
|
||||
icon: Briefcase,
|
||||
label: "مشاريع منجزة",
|
||||
value: "1200+",
|
||||
},
|
||||
label: "مشاريع منجزة", value: "1200+"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "سنوات الخبرة",
|
||||
value: "15+",
|
||||
},
|
||||
label: "سنوات الخبرة", value: "15+"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -201,28 +138,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "تجهيز المكاتب",
|
||||
description: "تجهيزات متكاملة للمساحات المكتبية العصرية.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-chair-still-life_23-2151149092.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "تجهيز المكاتب", description: "تجهيزات متكاملة للمساحات المكتبية العصرية.", imageSrc: "http://img.b2bpic.net/free-photo/office-chair-still-life_23-2151149092.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "الطباعة والصيانة",
|
||||
description: "خدمات طباعة احترافية مع صيانة دورية.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-holding-color-palette_23-2149345284.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "الطباعة والصيانة", description: "خدمات طباعة احترافية مع صيانة دورية.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-holding-color-palette_23-2149345284.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "الحلول المكتبية",
|
||||
description: "تحسين بيئة العمل بأحدث التقنيات.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/employee-getting-consoled-by-colleagues-after-being-fired-leaving-office_482257-126635.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "الحلول المكتبية", description: "تحسين بيئة العمل بأحدث التقنيات.", imageSrc: "http://img.b2bpic.net/free-photo/employee-getting-consoled-by-colleagues-after-being-fired-leaving-office_482257-126635.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
{
|
||||
title: "الدعم الفني",
|
||||
description: "فريق دعم تقني جاهز لحل جميع المشكلات.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-using-computer-data-center-running-scripts_482257-123257.jpg",
|
||||
buttonIcon: "ArrowRight",
|
||||
title: "الدعم الفني", description: "فريق دعم تقني جاهز لحل جميع المشكلات.", imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-using-computer-data-center-running-scripts_482257-123257.jpg", buttonIcon: ArrowRight,
|
||||
},
|
||||
]}
|
||||
title="خدماتنا المتميزة"
|
||||
@@ -238,41 +163,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "كرسي تنفيذي",
|
||||
price: "1200 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/comfy-wing-chair-carpenter-s-workshop_181624-45038.jpg",
|
||||
},
|
||||
id: "1", name: "كرسي تنفيذي", price: "1200 SAR", imageSrc: "http://img.b2bpic.net/free-photo/comfy-wing-chair-carpenter-s-workshop_181624-45038.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "مصباح مكتبي",
|
||||
price: "350 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desk-lamp-with-minimalist-monochrome-background_23-2150763366.jpg",
|
||||
},
|
||||
id: "2", name: "مصباح مكتبي", price: "350 SAR", imageSrc: "http://img.b2bpic.net/free-photo/desk-lamp-with-minimalist-monochrome-background_23-2150763366.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "منظم مكتبي",
|
||||
price: "150 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/desktop-with-notebook-mobile-phone_23-2148128812.jpg",
|
||||
},
|
||||
id: "3", name: "منظم مكتبي", price: "150 SAR", imageSrc: "http://img.b2bpic.net/free-photo/desktop-with-notebook-mobile-phone_23-2148128812.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "جهاز لوحي",
|
||||
price: "2500 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-digital-tablet-while-sitting-airport-terminal_107420-85113.jpg",
|
||||
},
|
||||
id: "4", name: "جهاز لوحي", price: "2500 SAR", imageSrc: "http://img.b2bpic.net/free-photo/businessman-using-digital-tablet-while-sitting-airport-terminal_107420-85113.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "لوحة مفاتيح",
|
||||
price: "600 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-retro-mint-typewriter_53876-160514.jpg",
|
||||
},
|
||||
id: "5", name: "لوحة مفاتيح", price: "600 SAR", imageSrc: "http://img.b2bpic.net/free-photo/closeup-retro-mint-typewriter_53876-160514.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "ساعة مكتبية",
|
||||
price: "450 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-minimalist-wall-clock_187299-47589.jpg",
|
||||
},
|
||||
id: "6", name: "ساعة مكتبية", price: "450 SAR", imageSrc: "http://img.b2bpic.net/free-photo/gray-minimalist-wall-clock_187299-47589.jpg"},
|
||||
]}
|
||||
title="معرض المنتجات"
|
||||
description="أرقى التجهيزات المكتبية والتقنيات."
|
||||
@@ -286,26 +187,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "98%",
|
||||
title: "رضا العملاء",
|
||||
description: "نسبة الرضا عن الخدمات المقدمة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-circle-round-badge-banner_53876-120814.jpg",
|
||||
},
|
||||
id: "1", value: "98%", title: "رضا العملاء", description: "نسبة الرضا عن الخدمات المقدمة.", imageSrc: "http://img.b2bpic.net/free-photo/table-circle-round-badge-banner_53876-120814.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
value: "24/7",
|
||||
title: "الدعم الفني",
|
||||
description: "نعمل لأجلكم على مدار الساعة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797687.jpg",
|
||||
},
|
||||
id: "2", value: "24/7", title: "الدعم الفني", description: "نعمل لأجلكم على مدار الساعة.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797687.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
value: "15+",
|
||||
title: "سنة خبرة",
|
||||
description: "تاريخ طويل من النجاح والتميز.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bedside-lamp_1203-466.jpg",
|
||||
},
|
||||
id: "3", value: "15+", title: "سنة خبرة", description: "تاريخ طويل من النجاح والتميز.", imageSrc: "http://img.b2bpic.net/free-photo/bedside-lamp_1203-466.jpg"},
|
||||
]}
|
||||
title="أرقام تتحدث عن ثقتكم"
|
||||
description="نحن نفخر بشراكتنا مع أكثر من 500 مؤسسة كبرى حول العالم."
|
||||
@@ -320,25 +206,15 @@ export default function LandingPage() {
|
||||
author="محمد القحطاني - المدير العام"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-attractive-businesswoman_93675-133773.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-client-looking-formal-blazers-shopping-mall_482257-93110.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/elderly-client-looking-formal-blazers-shopping-mall_482257-93110.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cheerful-attractive-businesswoman-crossing-arms_1262-4724.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-using-digital-tablet-caf_23-2147955292.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-using-digital-tablet-caf_23-2147955292.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-business-people-working-together_23-2150384850.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-business-people-working-together_23-2150384850.jpg", alt: "Client 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -351,20 +227,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "كيف أبدأ التجهيز؟",
|
||||
content: "يمكنك التواصل معنا وتحديد موعد للمعاينة.",
|
||||
},
|
||||
id: "q1", title: "كيف أبدأ التجهيز؟", content: "يمكنك التواصل معنا وتحديد موعد للمعاينة."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "هل تقدمون ضمان؟",
|
||||
content: "نعم، نقدم ضمان شامل على كافة المنتجات.",
|
||||
},
|
||||
id: "q2", title: "هل تقدمون ضمان؟", content: "نعم، نقدم ضمان شامل على كافة المنتجات."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "كم تستغرق العمليات؟",
|
||||
content: "تعتمد المدة على حجم المشروع ومتطلبات العميل.",
|
||||
},
|
||||
id: "q3", title: "كم تستغرق العمليات؟", content: "تعتمد المدة على حجم المشروع ومتطلبات العميل."},
|
||||
]}
|
||||
title="الأسئلة المتكررة"
|
||||
description="كل ما تحتاج معرفته عن خدماتنا."
|
||||
@@ -376,20 +243,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="تواصل معنا"
|
||||
title="مستعدون للبدء بمشروعك؟"
|
||||
description="اترك لنا بياناتك وسنتواصل معك خلال أقرب وقت ممكن."
|
||||
buttons={[
|
||||
{
|
||||
text: "راسلنا على واتساب",
|
||||
href: "#",
|
||||
},
|
||||
text: "راسلنا على واتساب", href: "#"},
|
||||
{
|
||||
text: "احجز استشارة",
|
||||
href: "#",
|
||||
},
|
||||
text: "احجز استشارة", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -401,14 +263,10 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user