From 47fcaccef551e26eb94584dc7a2d077f68e2b769 Mon Sep 17 00:00:00 2001 From: bender Date: Wed, 22 Apr 2026 22:07:34 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 398 +++++++++-------------------------------------- 1 file changed, 74 insertions(+), 324 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 89e8c94..085abeb 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -33,144 +33,60 @@ export default function LandingPage() {
@@ -181,20 +97,11 @@ export default function LandingPage() { title="خبرة عقود في صناعة الفولاذ" description="تأسست شركة الكرستال لتلبية احتياجات السوق المتنامية للمنتجات المعدنية عالية الجودة. نحن نجمع بين التقنيات الحديثة والحرفية التقليدية لتقديم نتائج تفوق التوقعات." metrics={[ - { - value: "25+", - title: "سنة خبرة", - }, - { - value: "500+", - title: "مشروع ناجح", - }, - { - value: "100%", - title: "رضا العملاء", - }, + { value: "25+", title: "سنة خبرة" }, + { value: "500+", title: "مشروع ناجح" }, + { value: "100%", title: "رضا العملاء" }, ]} - imageSrc="http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185461.jpg?_wi=1" + imageSrc="http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185461.jpg" imageAlt="Expert stainless steel welder" mediaAnimation="slide-up" metricsAnimation="slide-up" @@ -208,55 +115,25 @@ export default function LandingPage() { useInvertedBackground={false} features={[ { - title: "مشاريع سكنية", - description: "درابزين، سلالم، ديكورات معدنية داخلية وخارجية.", - icon: Home, + title: "مشاريع سكنية", description: "درابزين، سلالم، ديكورات معدنية داخلية وخارجية.", icon: Home, mediaItems: [ - { - imageSrc: "http://img.b2bpic.net/free-photo/side-view-modern-staircase-loft-interior-wood-black-steel_169016-69060.jpg", - imageAlt: "Handrail", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/empty-office-stairs_1127-2855.jpg", - imageAlt: "Stairs", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_1203-6627.jpg?_wi=2", - imageAlt: "stainless steel handrail detail", + { imageSrc: "http://img.b2bpic.net/free-photo/side-view-modern-staircase-loft-interior-wood-black-steel_169016-69060.jpg", imageAlt: "Handrail" }, + { imageSrc: "http://img.b2bpic.net/free-photo/empty-office-stairs_1127-2855.jpg", imageAlt: "Stairs" }, + ] }, { - title: "قطاع تجاري", - description: "واجهات مباني، أبواب أمان، أثاث معدني للمطاعم.", - icon: Building, + title: "قطاع تجاري", description: "واجهات مباني، أبواب أمان، أثاث معدني للمطاعم.", icon: Building, mediaItems: [ - { - imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-silos_1127-3294.jpg", - imageAlt: "Facade", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/acrylic-green-textured-background-minimal-abstract-art_53876-126539.jpg", - imageAlt: "Furniture", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-glass-ceiling-building-with-interesting-patterns_181624-16926.jpg?_wi=2", - imageAlt: "stainless steel handrail detail", + { imageSrc: "http://img.b2bpic.net/free-photo/stainless-steel-silos_1127-3294.jpg", imageAlt: "Facade" }, + { imageSrc: "http://img.b2bpic.net/free-photo/acrylic-green-textured-background-minimal-abstract-art_53876-126539.jpg", imageAlt: "Furniture" }, + ] }, { - title: "تطبيقات صناعية", - description: "هياكل معدنية، خزانات، وحدات تخزين صناعية.", - icon: Building2, + title: "تطبيقات صناعية", description: "هياكل معدنية، خزانات، وحدات تخزين صناعية.", icon: Building2, mediaItems: [ - { - imageSrc: "http://img.b2bpic.net/free-photo/baking-boxes-kept-shelf_1170-2150.jpg", - imageAlt: "Racks", - }, - { - imageSrc: "http://img.b2bpic.net/free-photo/top-view-drinking-tip-straw-collection_23-2148339452.jpg", - imageAlt: "Pipes", - }, - ], - imageSrc: "http://img.b2bpic.net/free-photo/young-male-working-wood-engraving-workshop_23-2149185461.jpg?_wi=2", - imageAlt: "stainless steel handrail detail", + { imageSrc: "http://img.b2bpic.net/free-photo/baking-boxes-kept-shelf_1170-2150.jpg", imageAlt: "Racks" }, + { imageSrc: "http://img.b2bpic.net/free-photo/top-view-drinking-tip-straw-collection_23-2148339452.jpg", imageAlt: "Pipes" }, + ] }, ]} title="خدماتنا الاحترافية" @@ -271,48 +148,12 @@ export default function LandingPage() { gridVariant="bento-grid" useInvertedBackground={true} products={[ - { - id: "p1", - name: "واجهات معدنية", - price: "مخصص", - variant: "خارجي", - imageSrc: "http://img.b2bpic.net/free-photo/escalators-building-with-grey-walls_181624-17372.jpg", - }, - { - id: "p2", - name: "درابزين فاخر", - price: "مخصص", - variant: "سكني", - imageSrc: "http://img.b2bpic.net/free-photo/side-view-businessman-walking-near-railing_23-2147955299.jpg", - }, - { - id: "p3", - name: "تجهيزات مطابخ", - price: "مخصص", - variant: "تجاري", - imageSrc: "http://img.b2bpic.net/free-photo/buffet-ready-dinner_1203-1708.jpg", - }, - { - id: "p4", - name: "طاولات عرض", - price: "مخصص", - variant: "ديكور", - imageSrc: "http://img.b2bpic.net/free-photo/nature-background-with-leaf-patterned-glass_53876-125903.jpg", - }, - { - id: "p5", - name: "سلالم داخلية", - price: "مخصص", - variant: "داخلي", - imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-modern-architectural-design_181624-14972.jpg", - }, - { - id: "p6", - name: "أنظمة تخزين", - price: "مخصص", - variant: "صناعي", - imageSrc: "http://img.b2bpic.net/free-photo/low-angle-old-abandoned-house_23-2149454765.jpg", - }, + { id: "p1", name: "واجهات معدنية", price: "مخصص", variant: "خارجي", imageSrc: "http://img.b2bpic.net/free-photo/escalators-building-with-grey-walls_181624-17372.jpg" }, + { id: "p2", name: "درابزين فاخر", price: "مخصص", variant: "سكني", imageSrc: "http://img.b2bpic.net/free-photo/side-view-businessman-walking-near-railing_23-2147955299.jpg" }, + { id: "p3", name: "تجهيزات مطابخ", price: "مخصص", variant: "تجاري", imageSrc: "http://img.b2bpic.net/free-photo/buffet-ready-dinner_1203-1708.jpg" }, + { id: "p4", name: "طاولات عرض", price: "مخصص", variant: "ديكور", imageSrc: "http://img.b2bpic.net/free-photo/nature-background-with-leaf-patterned-glass_53876-125903.jpg" }, + { id: "p5", name: "سلالم داخلية", price: "مخصص", variant: "داخلي", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-modern-architectural-design_181624-14972.jpg" }, + { id: "p6", name: "أنظمة تخزين", price: "مخصص", variant: "صناعي", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-old-abandoned-house_23-2149454765.jpg" }, ]} title="نماذج من أعمالنا" description="استعرض مجموعة مختارة من مشاريعنا المنفذة." @@ -325,24 +166,9 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={false} metrics={[ - { - id: "m1", - icon: Award, - title: "شهادات الجودة", - value: "15", - }, - { - id: "m2", - icon: Users, - title: "عميل راضٍ", - value: "400", - }, - { - id: "m3", - icon: Zap, - title: "مشروع مكتمل", - value: "600", - }, + { id: "m1", icon: Award, title: "شهادات الجودة", value: "15" }, + { id: "m2", icon: Users, title: "عميل راضٍ", value: "400" }, + { id: "m3", icon: Zap, title: "مشروع مكتمل", value: "600" }, ]} title="إنجازاتنا" description="حقائق تؤكد التزامنا بالجودة." @@ -355,60 +181,16 @@ export default function LandingPage() { textboxLayout="split" useInvertedBackground={true} testimonials={[ - { - id: "t1", - name: "أحمد الشمري", - role: "مدير مشاريع", - company: "إنشاءات العرب", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", - }, - { - id: "t2", - name: "سارة القحطاني", - role: "مديرة فندق", - company: "فندق الفخامة", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/executive-business-woman-office_1303-16026.jpg", - }, - { - id: "t3", - name: "خالد العمر", - role: "مهندس معماري", - company: "أركيتكتشر بلس", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-engineer_23-2148836104.jpg", - }, - { - id: "t4", - name: "محمد علي", - role: "مدير مصنع", - company: "الوطنية للتصنيع", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/full-shot-construction-worker-wearing-helmet-job_23-2149366633.jpg", - }, - { - id: "t5", - name: "ليلى حسن", - role: "مقاولة", - company: "عمران للتعمير", - rating: 5, - imageSrc: "http://img.b2bpic.net/free-photo/architect-being-serious-while-looking-camera_23-2148242992.jpg", - }, + { id: "t1", name: "أحمد الشمري", role: "مدير مشاريع", company: "إنشاءات العرب", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg" }, + { id: "t2", name: "سارة القحطاني", role: "مديرة فندق", company: "فندق الفخامة", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/executive-business-woman-office_1303-16026.jpg" }, + { id: "t3", name: "خالد العمر", role: "مهندس معماري", company: "أركيتكتشر بلس", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-engineer_23-2148836104.jpg" }, + { id: "t4", name: "محمد علي", role: "مدير مصنع", company: "الوطنية للتصنيع", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/full-shot-construction-worker-wearing-helmet-job_23-2149366633.jpg" }, + { id: "t5", name: "ليلى حسن", role: "مقاولة", company: "عمران للتعمير", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/architect-being-serious-while-looking-camera_23-2148242992.jpg" }, ]} kpiItems={[ - { - value: "4.9", - label: "تقييم العميل", - }, - { - value: "98%", - label: "التزام بالمواعيد", - }, - { - value: "100%", - label: "جودة الخامات", - }, + { value: "4.9", label: "تقييم العميل" }, + { value: "98%", label: "التزام بالمواعيد" }, + { value: "100%", label: "جودة الخامات" }, ]} title="ماذا يقول عملاؤنا" description="نحن فخورون بثقة عملائنا في قطاعات مختلفة." @@ -420,21 +202,9 @@ export default function LandingPage() { textboxLayout="default" useInvertedBackground={false} faqs={[ - { - id: "f1", - title: "هل تقدمون ضماناً على الأعمال؟", - content: "نعم، نقدم ضماناً شاملاً على جميع مشاريعنا لضمان جودة ومتانة التنفيذ.", - }, - { - id: "f2", - title: "كيف يمكنني طلب عرض أسعار؟", - content: "بإمكانك تعبئة نموذج الطلب في قسم تواصل معنا وسيقوم أحد مهندسينا بالتواصل معك.", - }, - { - id: "f3", - title: "هل تغطون كافة المناطق؟", - content: "نعم، خدماتنا متاحة لكافة المشاريع داخل المملكة مع فريق تركيب متخصص.", - }, + { id: "f1", title: "هل تقدمون ضماناً على الأعمال؟", content: "نعم، نقدم ضماناً شاملاً على جميع مشاريعنا لضمان جودة ومتانة التنفيذ." }, + { id: "f2", title: "كيف يمكنني طلب عرض أسعار؟", content: "بإمكانك تعبئة نموذج الطلب في قسم تواصل معنا وسيقوم أحد مهندسينا بالتواصل معك." }, + { id: "f3", title: "هل تغطون كافة المناطق؟", content: "نعم، خدماتنا متاحة لكافة المشاريع داخل المملكة مع فريق تركيب متخصص." }, ]} title="الأسئلة الشائعة" description="هل لديك أسئلة؟ إليك أهم إجاباتنا." @@ -446,14 +216,11 @@ export default function LandingPage() { @@ -462,33 +229,16 @@ export default function LandingPage() {