Merge version_1 into main #2
232
src/app/page.tsx
232
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "من نحن",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "خدماتنا",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "تواصل معنا",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "الرئيسية", id: "hero" },
|
||||
{ name: "من نحن", id: "about" },
|
||||
{ name: "خدماتنا", id: "services" },
|
||||
{ name: "تواصل معنا", id: "contact" },
|
||||
]}
|
||||
brandName="شركة المقاولات"
|
||||
/>
|
||||
@@ -55,23 +43,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="شركة المقاولات"
|
||||
description="نبني الثقة... ونصنع التميز. مكتب مقاولات رائد يمتلك خبرة تمتد لعقود في تنفيذ المشاريع الحكومية والخاصة بجودة وكفاءة عالية."
|
||||
buttons={[
|
||||
{
|
||||
text: "استعرض المشاريع",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
text: "تواصل معنا",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "استعرض المشاريع", href: "#services" },
|
||||
{ text: "تواصل معنا", href: "#contact" },
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-site-with-tower-crane-apartments-urban-modern-architecture_169016-69092.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/construction-site-with-tower-crane-apartments-urban-modern-architecture_169016-69092.jpg"
|
||||
mediaAnimation="opacity"
|
||||
imageAlt="construction site modern architecture"
|
||||
/>
|
||||
@@ -84,7 +64,7 @@ export default function LandingPage() {
|
||||
title="خبرة رائدة في عالم البناء"
|
||||
description="مكتب مقاولات ذو خبرة تمتد لعشرات السنين، نفذ العديد من المشاريع الحكومية والخاصة بكفاءة وجودة عالية في عدد من المحافظات اليمنية."
|
||||
subdescription="نحن المكان المناسب لبناء منزلك أو تنفيذ مشروعك وفق معايير عالية وراحة بال تامة."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-male-engineer-drawing-plan-blueprint-workplace_23-2147843002.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/attractive-male-engineer-drawing-plan-blueprint-workplace_23-2147843002.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="architect blueprint construction site"
|
||||
icon={Building2}
|
||||
@@ -98,67 +78,31 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "المباني السكنية",
|
||||
description: "تصميم وبناء منازل عصرية بمعايير عالية.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crane-construction-building_1203-2794.jpg",
|
||||
imageAlt: "Crane construction building",
|
||||
},
|
||||
title: "المباني السكنية", description: "تصميم وبناء منازل عصرية بمعايير عالية.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crane-construction-building_1203-2794.jpg", imageAlt: "Crane construction building"},
|
||||
items: [
|
||||
{
|
||||
icon: Ruler,
|
||||
text: "تخطيط هندسي",
|
||||
},
|
||||
{
|
||||
icon: Check,
|
||||
text: "تنفيذ متقن",
|
||||
},
|
||||
{ icon: Ruler, text: "تخطيط هندسي" },
|
||||
{ icon: Check, text: "تنفيذ متقن" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-site-with-tower-crane-apartments-urban-modern-architecture_169016-69092.jpg?_wi=2",
|
||||
imageAlt: "Crane construction building",
|
||||
},
|
||||
{
|
||||
title: "المشاريع التجارية",
|
||||
description: "تنفيذ مباني تجارية ومكاتب وبنية تحتية.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-building-construction_23-2152006103.jpg",
|
||||
imageAlt: "Interior of a building under construction",
|
||||
},
|
||||
title: "المشاريع التجارية", description: "تنفيذ مباني تجارية ومكاتب وبنية تحتية.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-building-construction_23-2152006103.jpg", imageAlt: "Interior of a building under construction"},
|
||||
items: [
|
||||
{
|
||||
icon: Briefcase,
|
||||
text: "إدارة مشاريع",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
text: "تسليم في الموعد",
|
||||
},
|
||||
{ icon: Briefcase, text: "إدارة مشاريع" },
|
||||
{ icon: Clock, text: "تسليم في الموعد" },
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-male-engineer-drawing-plan-blueprint-workplace_23-2147843002.jpg?_wi=2",
|
||||
imageAlt: "Crane construction building",
|
||||
},
|
||||
{
|
||||
title: "التجديد والترميم",
|
||||
description: "تطوير وإعادة تأهيل المباني القديمة.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spacious-residential-complex-waterfront-with-reflection-modern-building-construction_169016-69211.jpg",
|
||||
imageAlt: "Spacious residential complex on the waterfront with reflection modern building under construction",
|
||||
},
|
||||
title: "التجديد والترميم", description: "تطوير وإعادة تأهيل المباني القديمة.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spacious-residential-complex-waterfront-with-reflection-modern-building-construction_169016-69211.jpg", imageAlt: "Spacious residential complex on the waterfront with reflection modern building under construction"},
|
||||
items: [
|
||||
{
|
||||
icon: Settings,
|
||||
text: "صيانة شاملة",
|
||||
},
|
||||
{
|
||||
icon: RefreshCw,
|
||||
text: "تحديث فني",
|
||||
},
|
||||
{ icon: Settings, text: "صيانة شاملة" },
|
||||
{ icon: RefreshCw, text: "تحديث فني" },
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
|
||||
imageAlt: "Crane construction building",
|
||||
},
|
||||
]}
|
||||
title="خدماتنا الاحترافية"
|
||||
@@ -172,47 +116,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "مشروع مكتمل",
|
||||
items: [
|
||||
"سكني",
|
||||
"تجاري",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "20+",
|
||||
title: "سنة خبرة",
|
||||
items: [
|
||||
"خبرة متراكمة",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "500+",
|
||||
title: "عميل سعيد",
|
||||
items: [
|
||||
"ثقة مطلقة",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "15",
|
||||
title: "محافظة",
|
||||
items: [
|
||||
"تغطية جغرافية",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m5",
|
||||
value: "24/7",
|
||||
title: "دعم فني",
|
||||
items: [
|
||||
"استجابة سريعة",
|
||||
],
|
||||
},
|
||||
{ id: "m1", value: "100+", title: "مشروع مكتمل", items: ["سكني", "تجاري"] },
|
||||
{ id: "m2", value: "20+", title: "سنة خبرة", items: ["خبرة متراكمة"] },
|
||||
{ id: "m3", value: "500+", title: "عميل سعيد", items: ["ثقة مطلقة"] },
|
||||
{ id: "m4", value: "15", title: "محافظة", items: ["تغطية جغرافية"] },
|
||||
{ id: "m5", value: "24/7", title: "دعم فني", items: ["استجابة سريعة"] },
|
||||
]}
|
||||
title="أرقامنا تتحدث"
|
||||
description="سجل إنجازاتنا يعكس التزامنا بالتميز والنمو المستمر."
|
||||
@@ -226,26 +134,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="محمد علي"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
|
||||
alt: "محمد علي",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-talking-phone-home_23-2148990135.jpg",
|
||||
alt: "سارة أحمد",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg",
|
||||
alt: "خالد سعيد",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg",
|
||||
alt: "ليلى محمود",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg",
|
||||
alt: "عمر عبدالله",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg", alt: "محمد علي" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-talking-phone-home_23-2148990135.jpg", alt: "سارة أحمد" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-worker-factory_107420-96555.jpg", alt: "خالد سعيد" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/confident-senior-executive-looking-camera_1262-2374.jpg", alt: "ليلى محمود" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg", alt: "عمر عبدالله" },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -257,14 +150,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"شركة النخبة",
|
||||
"مجموعة البناء",
|
||||
"المشاريع اليمنية",
|
||||
"مكتب الهندسة",
|
||||
"تطوير العمران",
|
||||
"البنية الأساسية",
|
||||
"مقاولات المستقبل",
|
||||
]}
|
||||
"شركة النخبة", "مجموعة البناء", "المشاريع اليمنية", "مكتب الهندسة", "تطوير العمران", "البنية الأساسية", "مقاولات المستقبل"]}
|
||||
title="شركاؤنا في النجاح"
|
||||
description="نفخر بتعاوننا مع كبرى الجهات والشركات."
|
||||
/>
|
||||
@@ -275,31 +161,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "كيف يمكنني طلب استشارة؟",
|
||||
content: "يمكنك التواصل معنا عبر نموذج الاتصال أو الاتصال برقم المكتب مباشرة.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "هل تقدمون خدمات في جميع المحافظات؟",
|
||||
content: "نعم، نقدم خدماتنا في معظم محافظات الجمهورية اليمنية.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "هل تقدمون ضماناً على أعمالكم؟",
|
||||
content: "نعم، نلتزم بتقديم ضمانات الجودة على كافة الأعمال الهندسية والتنفيذية.",
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "هل تشمل أسعاركم المواد والمعدات؟",
|
||||
content: "نعم، نقدم عقود توريد وتنفيذ شاملة حسب رغبة العميل.",
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "ما هي مدة تنفيذ المشروع؟",
|
||||
content: "تحدد مدة التنفيذ بناءً على الجدول الزمني المعتمد للمشروع بعد الدراسة.",
|
||||
},
|
||||
{ id: "f1", title: "كيف يمكنني طلب استشارة؟", content: "يمكنك التواصل معنا عبر نموذج الاتصال أو الاتصال برقم المكتب مباشرة." },
|
||||
{ id: "f2", title: "هل تقدمون خدمات في جميع المحافظات؟", content: "نعم، نقدم خدماتنا في معظم محافظات الجمهورية اليمنية." },
|
||||
{ id: "f3", title: "هل تقدمون ضماناً على أعمالكم؟", content: "نعم، نلتزم بتقديم ضمانات الجودة على كافة الأعمال الهندسية والتنفيذية." },
|
||||
{ id: "f4", title: "هل تشمل أسعاركم المواد والمعدات؟", content: "نعم، نقدم عقود توريد وتنفيذ شاملة حسب رغبة العميل." },
|
||||
{ id: "f5", title: "ما هي مدة تنفيذ المشروع؟", content: "تحدد مدة التنفيذ بناءً على الجدول الزمني المعتمد للمشروع بعد الدراسة." },
|
||||
]}
|
||||
title="الأسئلة الشائعة"
|
||||
description="إجابات على أكثر الأسئلة تكراراً."
|
||||
@@ -310,9 +176,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="تواصل معنا"
|
||||
title="ابدأ مشروعك اليوم"
|
||||
description="انضم إلى مئات العملاء الذين وثقوا بنا لبناء مستقبلهم. تواصل معنا للحصول على استشارة هندسية احترافية."
|
||||
@@ -327,26 +191,14 @@ export default function LandingPage() {
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "الرئيسية",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "من نحن",
|
||||
href: "#about",
|
||||
},
|
||||
{ label: "الرئيسية", href: "#hero" },
|
||||
{ label: "من نحن", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "خدماتنا",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "تواصل معنا",
|
||||
href: "#contact",
|
||||
},
|
||||
{ label: "خدماتنا", href: "#services" },
|
||||
{ label: "تواصل معنا", href: "#contact" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user