Merge version_1 into main #2
196
src/app/page.tsx
196
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "الرئيسية", id: "#hero"},
|
||||
{
|
||||
name: "عن الشركة",
|
||||
id: "#about",
|
||||
},
|
||||
name: "عن الشركة", id: "#about"},
|
||||
{
|
||||
name: "خدماتنا",
|
||||
id: "#features",
|
||||
},
|
||||
name: "خدماتنا", id: "#features"},
|
||||
{
|
||||
name: "منتجاتنا",
|
||||
id: "#products",
|
||||
},
|
||||
name: "منتجاتنا", id: "#products"},
|
||||
{
|
||||
name: "اتصل بنا",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "اتصل بنا", id: "#contact"},
|
||||
]}
|
||||
brandName="الوطنية للعزل"
|
||||
/>
|
||||
@@ -59,32 +49,15 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="حلول العزل والتجارة المتكاملة للوطنية"
|
||||
description="نقدم خدمات عزل مائي وحراري متطورة باستخدام أحدث التقنيات لضمان أقصى حماية لمبانيكم. شريككم الموثوق في تجارة مواد العزل."
|
||||
tag="الرائدون في العزل المائي"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-architectural-building_181624-527.jpg?_wi=1",
|
||||
imageAlt: "waterproofing construction site",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-architectural-building_181624-527.jpg", imageAlt: "waterproofing construction site"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-factory-engineer-worker-standing-metal-platform-industrial-storage-tanks-looking-camera_342744-445.jpg?_wi=1",
|
||||
imageAlt: "waterproofing construction site",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/construction-technicians-are-mixing-cement-stone-sand-construction_1150-15090.jpg",
|
||||
imageAlt: "Construction technicians are mixing cement, stone, sand for construction.",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/working-metal-processing-factory_342744-250.jpg",
|
||||
imageAlt: "Working in metal processing factory",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-working-with-paint-front-view_23-2149714285.jpg",
|
||||
imageAlt: "Man working with paint front view",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-factory-engineer-worker-standing-metal-platform-industrial-storage-tanks-looking-camera_342744-445.jpg", imageAlt: "waterproofing construction site"}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -100,19 +73,13 @@ export default function LandingPage() {
|
||||
description="تأسست الوطنية لتكون الخيار الأول في حلول العزل. نجمع بين الخبرة التقنية العالية وأفضل المواد التجارية لتقديم خدمات لا تضاهى في السوق العربي."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "جودة عالمية",
|
||||
description: "نستخدم أفضل مواد العزل المعتمدة عالمياً",
|
||||
},
|
||||
title: "جودة عالمية", description: "نستخدم أفضل مواد العزل المعتمدة عالمياً"},
|
||||
{
|
||||
title: "فريق متخصص",
|
||||
description: "خبراء في التنفيذ بأعلى المعايير المهنية",
|
||||
},
|
||||
title: "فريق متخصص", description: "خبراء في التنفيذ بأعلى المعايير المهنية"},
|
||||
{
|
||||
title: "ضمان حقيقي",
|
||||
description: "ضمان ممتد على كافة خدماتنا ومنتجاتنا",
|
||||
},
|
||||
title: "ضمان حقيقي", description: "ضمان ممتد على كافة خدماتنا ومنتجاتنا"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wet-metal-background_1359-658.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/wet-metal-background_1359-658.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -125,19 +92,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: Shield,
|
||||
title: "عزل مائي متطور",
|
||||
description: "حماية كاملة ضد التسربات والرطوبة",
|
||||
},
|
||||
title: "عزل مائي متطور", description: "حماية كاملة ضد التسربات والرطوبة"},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "عزل حراري",
|
||||
description: "كفاءة عالية في الحفاظ على درجة الحرارة",
|
||||
},
|
||||
title: "عزل حراري", description: "كفاءة عالية في الحفاظ على درجة الحرارة"},
|
||||
{
|
||||
icon: Droplets,
|
||||
title: "معالجة التشققات",
|
||||
description: "ترميم واحترافية في معالجة الهياكل",
|
||||
},
|
||||
title: "معالجة التشققات", description: "ترميم واحترافية في معالجة الهياكل"},
|
||||
]}
|
||||
title="خدماتنا المتميزة"
|
||||
description="نقدم مجموعة واسعة من الخدمات المصممة لحماية ممتلكاتكم من كافة الظروف الجوية."
|
||||
@@ -152,47 +113,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "عازل سائل مرن",
|
||||
price: "150 SAR",
|
||||
variant: "جالون 20 لتر",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/measuring-tools-cutters-flat-lay_23-2149511853.jpg?_wi=1",
|
||||
},
|
||||
id: "p1", name: "عازل سائل مرن", price: "150 SAR", variant: "جالون 20 لتر", imageSrc: "http://img.b2bpic.net/free-photo/measuring-tools-cutters-flat-lay_23-2149511853.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "لفائف البيتومين",
|
||||
price: "220 SAR",
|
||||
variant: "لفافة 10 متر",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spilled-metallic-paint-can_23-2151934752.jpg",
|
||||
},
|
||||
id: "p2", name: "لفائف البيتومين", price: "220 SAR", variant: "لفافة 10 متر", imageSrc: "http://img.b2bpic.net/free-photo/spilled-metallic-paint-can_23-2151934752.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "دهان عزل مطاطي",
|
||||
price: "180 SAR",
|
||||
variant: "جالون 15 لتر",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-self-care-items-arrangement_23-2150347129.jpg",
|
||||
},
|
||||
id: "p3", name: "دهان عزل مطاطي", price: "180 SAR", variant: "جالون 15 لتر", imageSrc: "http://img.b2bpic.net/free-photo/male-self-care-items-arrangement_23-2150347129.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "مواد معالجة خرسانية",
|
||||
price: "95 SAR",
|
||||
variant: "عبوة مركزة",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brick-piles-placed-factory-floor_1150-15099.jpg",
|
||||
},
|
||||
id: "p4", name: "مواد معالجة خرسانية", price: "95 SAR", variant: "عبوة مركزة", imageSrc: "http://img.b2bpic.net/free-photo/brick-piles-placed-factory-floor_1150-15099.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "شريط لحام تسرب",
|
||||
price: "45 SAR",
|
||||
variant: "5 متر",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spilled-metallic-paint-can_23-2151934721.jpg",
|
||||
},
|
||||
id: "p5", name: "شريط لحام تسرب", price: "45 SAR", variant: "5 متر", imageSrc: "http://img.b2bpic.net/free-photo/spilled-metallic-paint-can_23-2151934721.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "غراء عازل لاصق",
|
||||
price: "120 SAR",
|
||||
variant: "20 كجم",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-oil-painting-tubes_23-2149629995.jpg",
|
||||
},
|
||||
id: "p6", name: "غراء عازل لاصق", price: "120 SAR", variant: "20 كجم", imageSrc: "http://img.b2bpic.net/free-photo/still-life-with-oil-painting-tubes_23-2149629995.jpg"},
|
||||
]}
|
||||
title="منتجات العزل الموثوقة"
|
||||
description="نحن وكلاء وموزعون لأفضل المواد المستخدمة في مشاريع العزل الكبرى."
|
||||
@@ -205,60 +136,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "أحمد العتيبي",
|
||||
date: "2024",
|
||||
title: "مدير مشروع",
|
||||
quote: "خدمة احترافية جداً، التزام تام بالمواعيد ونظافة في العمل.",
|
||||
tag: "تجربة ممتازة",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smart-asian-engineer-manager-with-safety-uniform-checking-site-construction-with-steel-concrete-structure-background_609648-1336.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-architectural-building_181624-527.jpg?_wi=2",
|
||||
imageAlt: "construction engineer portrait",
|
||||
},
|
||||
id: "1", name: "أحمد العتيبي", date: "2024", title: "مدير مشروع", quote: "خدمة احترافية جداً، التزام تام بالمواعيد ونظافة في العمل.", tag: "تجربة ممتازة", avatarSrc: "http://img.b2bpic.net/free-photo/smart-asian-engineer-manager-with-safety-uniform-checking-site-construction-with-steel-concrete-structure-background_609648-1336.jpg", imageSrc: "http://img.b2bpic.net/free-photo/modern-architectural-building_181624-527.jpg", imageAlt: "construction engineer portrait"},
|
||||
{
|
||||
id: "2",
|
||||
name: "سارة المحمود",
|
||||
date: "2024",
|
||||
title: "مالكة عقار",
|
||||
quote: "تخلصت من مشكلة التسريبات نهائياً بعد تطبيق حلول الوطنية للعزل.",
|
||||
tag: "جودة عالية",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-with-folder_23-2147707199.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wet-metal-background_1359-658.jpg?_wi=2",
|
||||
imageAlt: "construction engineer portrait",
|
||||
},
|
||||
id: "2", name: "سارة المحمود", date: "2024", title: "مالكة عقار", quote: "تخلصت من مشكلة التسريبات نهائياً بعد تطبيق حلول الوطنية للعزل.", tag: "جودة عالية", avatarSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-with-folder_23-2147707199.jpg", imageSrc: "http://img.b2bpic.net/free-photo/wet-metal-background_1359-658.jpg", imageAlt: "construction engineer portrait"},
|
||||
{
|
||||
id: "3",
|
||||
name: "خالد القحطاني",
|
||||
date: "2023",
|
||||
title: "مقاول",
|
||||
quote: "أفضل الموردين لمواد العزل، جودة المنتجات لا يعلى عليها.",
|
||||
tag: "توريد ممتاز",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/pregnant-businesswoman-giving-presentation-office-while-coworker-takes-notes_23-2148804408.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/measuring-tools-cutters-flat-lay_23-2149511853.jpg?_wi=2",
|
||||
imageAlt: "construction engineer portrait",
|
||||
},
|
||||
id: "3", name: "خالد القحطاني", date: "2023", title: "مقاول", quote: "أفضل الموردين لمواد العزل، جودة المنتجات لا يعلى عليها.", tag: "توريد ممتاز", avatarSrc: "http://img.b2bpic.net/free-photo/pregnant-businesswoman-giving-presentation-office-while-coworker-takes-notes_23-2148804408.jpg", imageSrc: "http://img.b2bpic.net/free-photo/measuring-tools-cutters-flat-lay_23-2149511853.jpg", imageAlt: "construction engineer portrait"},
|
||||
{
|
||||
id: "4",
|
||||
name: "ليلى الفهد",
|
||||
date: "2024",
|
||||
title: "مهندسة معمارية",
|
||||
quote: "الوطنية تقدم حلولاً تقنية متقدمة تتماشى مع المعايير الدولية.",
|
||||
tag: "خبراء",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-young-man-with-helmet_23-2148269289.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg",
|
||||
imageAlt: "construction engineer portrait",
|
||||
},
|
||||
id: "4", name: "ليلى الفهد", date: "2024", title: "مهندسة معمارية", quote: "الوطنية تقدم حلولاً تقنية متقدمة تتماشى مع المعايير الدولية.", tag: "خبراء", avatarSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-young-man-with-helmet_23-2148269289.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-travel-agency_23-2150433448.jpg", imageAlt: "construction engineer portrait"},
|
||||
{
|
||||
id: "5",
|
||||
name: "عمر السليمان",
|
||||
date: "2024",
|
||||
title: "مطور عقاري",
|
||||
quote: "تعاون مستمر ونتائج مبهرة في كل المشاريع التي نفذناها.",
|
||||
tag: "شريك استراتيجي",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/high-rise-building-glass-facade-frankfurt-germany_181624-9035.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-factory-engineer-worker-standing-metal-platform-industrial-storage-tanks-looking-camera_342744-445.jpg?_wi=2",
|
||||
imageAlt: "construction engineer portrait",
|
||||
},
|
||||
id: "5", name: "عمر السليمان", date: "2024", title: "مطور عقاري", quote: "تعاون مستمر ونتائج مبهرة في كل المشاريع التي نفذناها.", tag: "شريك استراتيجي", avatarSrc: "http://img.b2bpic.net/free-photo/high-rise-building-glass-facade-frankfurt-germany_181624-9035.jpg", imageSrc: "http://img.b2bpic.net/free-photo/portrait-factory-engineer-worker-standing-metal-platform-industrial-storage-tanks-looking-camera_342744-445.jpg", imageAlt: "construction engineer portrait"},
|
||||
]}
|
||||
title="ماذا يقول عملاؤنا عنا"
|
||||
description="نحن نفخر بكوننا الشريك المفضل للعديد من الشركات والأفراد."
|
||||
@@ -270,20 +156,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "كم مدة الضمان على أعمال العزل؟",
|
||||
content: "نقدم ضماناً يصل إلى 10 سنوات على كافة أعمال العزل المائي.",
|
||||
},
|
||||
id: "q1", title: "كم مدة الضمان على أعمال العزل؟", content: "نقدم ضماناً يصل إلى 10 سنوات على كافة أعمال العزل المائي."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "هل تقومون بتوريد المواد فقط؟",
|
||||
content: "نعم، لدينا فرع خاص بتوريد كافة مواد العزل الاحترافية لجميع مناطق المملكة.",
|
||||
},
|
||||
id: "q2", title: "هل تقومون بتوريد المواد فقط؟", content: "نعم، لدينا فرع خاص بتوريد كافة مواد العزل الاحترافية لجميع مناطق المملكة."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "كيف أطلب استشارة فنية؟",
|
||||
content: "يمكنك التواصل معنا عبر الموقع أو الاتصال مباشرة بفريق الدعم الفني.",
|
||||
},
|
||||
id: "q3", title: "كيف أطلب استشارة فنية؟", content: "يمكنك التواصل معنا عبر الموقع أو الاتصال مباشرة بفريق الدعم الفني."},
|
||||
]}
|
||||
sideTitle="هل لديك أسئلة؟"
|
||||
faqsAnimation="slide-up"
|
||||
@@ -294,8 +171,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="تواصل معنا"
|
||||
title="هل أنت مستعد لحماية مبناك؟"
|
||||
description="تواصل معنا اليوم للحصول على استشارة مجانية وعرض سعر مخصص لمشروعك."
|
||||
@@ -311,19 +187,13 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
href: "#", ariaLabel: "Instagram"},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
href: "#", ariaLabel: "Twitter"},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "Linkedin",
|
||||
},
|
||||
href: "#", ariaLabel: "Linkedin"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user