Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-06-09 08:15:42 +00:00

View File

@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Award, Building, CheckCircle, Facebook, Instagram, Linkedin, Package, Twitter, Users } from "lucide-react";
import { Award, Building, CheckCircle, Facebook, Instagram, Linkedin, ListOrdered, MessageCircle, Package, ShoppingCart, Tag, Tool, Twitter, Users } from "lucide-react";
export default function LandingPage() {
return (
@@ -33,33 +33,19 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "الرئيسية",
id: "#hero",
},
name: "الرئيسية", id: "#hero"},
{
name: "الميزات",
id: "#features",
},
name: "الميزات", id: "#features"},
{
name: "المنتجات",
id: "#products",
},
name: "المنتجات", id: "#products"},
{
name: "لماذا نحن",
id: "#why-us",
},
name: "لماذا نحن", id: "#why-us"},
{
name: "آراء العملاء",
id: "#testimonials",
},
name: "آراء العملاء", id: "#testimonials"},
{
name: "الأسئلة الشائعة",
id: "#faq",
},
name: "الأسئلة الشائعة", id: "#faq"},
{
name: "تواصل معنا",
id: "#contact",
},
name: "تواصل معنا", id: "#contact"},
]}
brandName="مؤسسة مواد البناء"
/>
@@ -68,67 +54,42 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="كل ما تحتاجه للبناء والتشطيب والصيانة في مكان واحد"
description="نقدم مجموعة شاملة من مواد البناء، العدد الصناعية، أدوات النجارة، معدات الصيانة، وإكسسوارات التشطيب لضمان تلبية كافة متطلبات المشاريع الكبيرة والصغيرة بجودة عالية وأسعار تنافسية."
buttons={[
{
text: "تصفح المنتجات",
href: "#products",
},
text: "تصفح المنتجات", href: "#products"},
{
text: "تواصل معنا",
href: "#contact",
},
text: "تواصل معنا", href: "#contact"},
]}
imageSrc="http://img.b2bpic.net/free-photo/wood-crafting-tools-assortment_23-2148732432.jpg"
mediaAnimation="slide-up"
imageAlt="professional construction tools workbench"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-young-builder-orange-work-clothes-yellow-hardhat-with-pencil-ear-dreamily-looking-camera-with-scaffolding-background_574295-1578.jpg",
alt: "satisfied construction worker",
},
src: "http://img.b2bpic.net/free-photo/portrait-young-builder-orange-work-clothes-yellow-hardhat-with-pencil-ear-dreamily-looking-camera-with-scaffolding-background_574295-1578.jpg", alt: "satisfied construction worker"},
{
src: "http://img.b2bpic.net/free-photo/cheerful-architectural-designer-enjoying-work-process_1262-18386.jpg",
alt: "female architect smiling",
},
src: "http://img.b2bpic.net/free-photo/cheerful-architectural-designer-enjoying-work-process_1262-18386.jpg", alt: "female architect smiling"},
{
src: "http://img.b2bpic.net/free-photo/architect-with-helmet_23-2147813086.jpg",
alt: "male engineer at construction site",
},
src: "http://img.b2bpic.net/free-photo/architect-with-helmet_23-2147813086.jpg", alt: "male engineer at construction site"},
{
src: "http://img.b2bpic.net/free-photo/worker-man-with-brick_1149-1940.jpg",
alt: "happy building materials supplier",
},
src: "http://img.b2bpic.net/free-photo/worker-man-with-brick_1149-1940.jpg", alt: "happy building materials supplier"},
{
src: "http://img.b2bpic.net/free-photo/young-confident-blonde-russian-girl-thumbs-up-looking-camera-isolated-purple-background-with-copy-space_141793-65541.jpg",
alt: "client giving thumbs up",
},
src: "http://img.b2bpic.net/free-photo/young-confident-blonde-russian-girl-thumbs-up-looking-camera-isolated-purple-background-with-copy-space_141793-65541.jpg", alt: "client giving thumbs up"},
]}
avatarText="+10000 عميل سعيد"
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>
@@ -140,29 +101,17 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
icon: Package,
title: "منتج",
value: "+5000",
},
id: "m1", icon: Package,
title: "منتج", value: "+5000"},
{
id: "m2",
icon: Users,
title: "عميل",
value: "+10000",
},
id: "m2", icon: Users,
title: "عميل", value: "+10000"},
{
id: "m3",
icon: Award,
title: "سنة خبرة",
value: "+15",
},
id: "m3", icon: Award,
title: "سنة خبرة", value: "+15"},
{
id: "m4",
icon: CheckCircle,
title: "طلبات منجزة",
value: "آلاف",
},
id: "m4", icon: CheckCircle,
title: "طلبات منجزة", value: "آلاف"},
]}
title="أرقام تتحدث عن إنجازاتنا"
description="نحن فخورون بمسيرتنا التي بنيت على الثقة والجودة، وإليكم أبرز الأرقام التي تعكس حجم التزامنا ونجاحنا في قطاع مواد البناء والعدد الصناعية."
@@ -175,47 +124,23 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "أسعار تنافسية",
description: "نضمن لك أفضل الأسعار في السوق مع الحفاظ على الجودة العالية.",
buttonIcon: "Tag",
imageSrc: "http://img.b2bpic.net/free-photo/quality-control-inspector-examining-manufactured-steel-cylinders-factory_637285-4750.jpg",
imageAlt: "competitive pricing tag on building materials",
},
title: "أسعار تنافسية", description: "نضمن لك أفضل الأسعار في السوق مع الحفاظ على الجودة العالية.", buttonIcon: Tag,
imageSrc: "http://img.b2bpic.net/free-photo/quality-control-inspector-examining-manufactured-steel-cylinders-factory_637285-4750.jpg", imageAlt: "competitive pricing tag on building materials"},
{
title: "تنوع هائل في المنتجات",
description: "مخزون ضخم يشمل كل ما تحتاجه من الألف إلى الياء.",
buttonIcon: "ListOrdered",
imageSrc: "http://img.b2bpic.net/free-photo/factory-workers-walking-through-large-production-hall-having-conversation_342744-167.jpg",
imageAlt: "diverse range of building materials large warehouse",
},
title: "تنوع هائل في المنتجات", description: "مخزون ضخم يشمل كل ما تحتاجه من الألف إلى الياء.", buttonIcon: ListOrdered,
imageSrc: "http://img.b2bpic.net/free-photo/factory-workers-walking-through-large-production-hall-having-conversation_342744-167.jpg", imageAlt: "diverse range of building materials large warehouse"},
{
title: "جودة عالية",
description: "منتجاتنا مختارة بعناية لضمان أعلى معايير الجودة والمتانة.",
buttonIcon: "CheckCircle",
imageSrc: "http://img.b2bpic.net/free-photo/red-head-bearded-bicycle-mechanic-holds-screwdriver-bike-tools-stand-workshop_613910-14341.jpg",
imageAlt: "high quality construction material close-up",
},
title: "جودة عالية", description: "منتجاتنا مختارة بعناية لضمان أعلى معايير الجودة والمتانة.", buttonIcon: CheckCircle,
imageSrc: "http://img.b2bpic.net/free-photo/red-head-bearded-bicycle-mechanic-holds-screwdriver-bike-tools-stand-workshop_613910-14341.jpg", imageAlt: "high quality construction material close-up"},
{
title: "خدمة عملاء سريعة",
description: "فريق دعم مخصص جاهز لمساعدتك بفاعلية وسرعة.",
buttonIcon: "MessageCircle",
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaic-plant-worker-adjusting-manufacturing-parameters-chroma-key-pc_482257-125808.jpg",
imageAlt: "fast customer service support chat",
},
title: "خدمة عملاء سريعة", description: "فريق دعم مخصص جاهز لمساعدتك بفاعلية وسرعة.", buttonIcon: MessageCircle,
imageSrc: "http://img.b2bpic.net/free-photo/photovoltaic-plant-worker-adjusting-manufacturing-parameters-chroma-key-pc_482257-125808.jpg", imageAlt: "fast customer service support chat"},
{
title: "توفير الطلبات الخاصة",
description: "نعمل على تأمين المنتجات النادرة والطلبات المخصصة لضمان إنجاز مشروعك.",
buttonIcon: "ShoppingCart",
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12817.jpg",
imageAlt: "customized construction order special delivery",
},
title: "توفير الطلبات الخاصة", description: "نعمل على تأمين المنتجات النادرة والطلبات المخصصة لضمان إنجاز مشروعك.", buttonIcon: ShoppingCart,
imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12817.jpg", imageAlt: "customized construction order special delivery"},
{
title: "منتجات احترافية للمقاولين والفنيين",
description: "حلول متكاملة ومعدات متخصصة لتلبية احتياجات المحترفين.",
buttonIcon: "Tool",
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22876.jpg",
imageAlt: "professional contractor tools heavy duty",
},
title: "منتجات احترافية للمقاولين والفنيين", description: "حلول متكاملة ومعدات متخصصة لتلبية احتياجات المحترفين.", buttonIcon: Tool,
imageSrc: "http://img.b2bpic.net/free-photo/carpenter-working-sawmill-wood-manufacture_1303-22876.jpg", imageAlt: "professional contractor tools heavy duty"},
]}
title="ميزات تجعلنا خيارك الأول"
description="نلتزم بتقديم أفضل الخدمات والمنتجات لعملائنا، مما يجعلنا الشريك الموثوق لمشاريعكم."
@@ -231,61 +156,21 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "p1",
name: "مواد البناء الأساسية",
price: "متوفرة",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-sliced-bread-loafs-dark-background-bun-dough-bakery-tea-food-breakfast-loaf-pastry_179666-47005.jpg",
imageAlt: "stack of bricks cement bags concrete blocks",
},
id: "p1", name: "مواد البناء الأساسية", price: "متوفرة", imageSrc: "http://img.b2bpic.net/free-photo/front-view-sliced-bread-loafs-dark-background-bun-dough-bakery-tea-food-breakfast-loaf-pastry_179666-47005.jpg", imageAlt: "stack of bricks cement bags concrete blocks"},
{
id: "p2",
name: "العدد الكهربائية",
price: "متوفرة",
imageSrc: "http://img.b2bpic.net/free-photo/human-hand-holding-staple-gun-wooden-background_23-2147865439.jpg",
imageAlt: "electric drill saw hammer grinder kit",
},
id: "p2", name: "العدد الكهربائية", price: "متوفرة", imageSrc: "http://img.b2bpic.net/free-photo/human-hand-holding-staple-gun-wooden-background_23-2147865439.jpg", imageAlt: "electric drill saw hammer grinder kit"},
{
id: "p3",
name: "أدوات النجارة",
price: "متوفرة",
imageSrc: "http://img.b2bpic.net/free-photo/manual-tool-set-set-wooden-floor_1150-15357.jpg",
imageAlt: "woodworking tools chisel plane saw hand tools",
},
id: "p3", name: "أدوات النجارة", price: "متوفرة", imageSrc: "http://img.b2bpic.net/free-photo/manual-tool-set-set-wooden-floor_1150-15357.jpg", imageAlt: "woodworking tools chisel plane saw hand tools"},
{
id: "p4",
name: "المسامير والبراغي",
price: "متوفرة",
imageSrc: "http://img.b2bpic.net/free-photo/copper-pipes-burst-from-cold-break-copper-pipes-from-cold-closeup_169016-64557.jpg",
imageAlt: "assortment of nails screws bolts nuts hardware",
},
id: "p4", name: "المسامير والبراغي", price: "متوفرة", imageSrc: "http://img.b2bpic.net/free-photo/copper-pipes-burst-from-cold-break-copper-pipes-from-cold-closeup_169016-64557.jpg", imageAlt: "assortment of nails screws bolts nuts hardware"},
{
id: "p5",
name: "إكسسوارات الأبواب والخزائن",
price: "متوفرة",
imageSrc: "http://img.b2bpic.net/free-photo/old-metal-handle-door_74190-4233.jpg",
imageAlt: "door handles hinges locks cabinet pulls",
},
id: "p5", name: "إكسسوارات الأبواب والخزائن", price: "متوفرة", imageSrc: "http://img.b2bpic.net/free-photo/old-metal-handle-door_74190-4233.jpg", imageAlt: "door handles hinges locks cabinet pulls"},
{
id: "p6",
name: "معدات الصيانة والترميم",
price: "متوفرة",
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-construction-worker_23-2148453451.jpg",
imageAlt: "tool box wrench hammer pliers screwdriver kit",
},
id: "p6", name: "معدات الصيانة والترميم", price: "متوفرة", imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-construction-worker_23-2148453451.jpg", imageAlt: "tool box wrench hammer pliers screwdriver kit"},
{
id: "p7",
name: "المضخات والتمديدات",
price: "متوفرة",
imageSrc: "http://img.b2bpic.net/free-photo/contemporary-stell-barrels-winemaker_1398-5013.jpg",
imageAlt: "water pump pipes plumbing fittings installation",
},
id: "p7", name: "المضخات والتمديدات", price: "متوفرة", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-stell-barrels-winemaker_1398-5013.jpg", imageAlt: "water pump pipes plumbing fittings installation"},
{
id: "p8",
name: "مستلزمات الورش",
price: "متوفرة",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-medical-mask-eyeglasses-horizontal_176474-1944.jpg",
imageAlt: "safety goggles gloves masks workshop gear",
},
id: "p8", name: "مستلزمات الورش", price: "متوفرة", imageSrc: "http://img.b2bpic.net/free-photo/top-view-medical-mask-eyeglasses-horizontal_176474-1944.jpg", imageAlt: "safety goggles gloves masks workshop gear"},
]}
title="استكشف مجموعتنا الواسعة من المنتجات"
description="تصفح الفئات الرئيسية لمنتجاتنا للعثور على كل ما تحتاجه من مواد البناء إلى أدوات الصيانة."
@@ -314,45 +199,15 @@ export default function LandingPage() {
carouselMode="auto"
testimonials={[
{
id: "t1",
name: "محمد علي",
role: "مقاول",
testimonial: "أفضل متجر لمواد البناء والعدد الصناعية، الأسعار ممتازة والتعامل راقٍ.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg",
imageAlt: "satisfied construction manager smiling",
},
id: "t1", name: "محمد علي", role: "مقاول", testimonial: "أفضل متجر لمواد البناء والعدد الصناعية، الأسعار ممتازة والتعامل راقٍ.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-girl-sitting-cafe_1262-3083.jpg", imageAlt: "satisfied construction manager smiling"},
{
id: "t2",
name: "فاطمة الزهراء",
role: "مهندسة معمارية",
testimonial: "أجد دائماً كل ما أحتاجه من أدوات ومستلزمات التشطيب في مكان واحد.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
imageAlt: "satisfied architect woman smiling",
},
id: "t2", name: "فاطمة الزهراء", role: "مهندسة معمارية", testimonial: "أجد دائماً كل ما أحتاجه من أدوات ومستلزمات التشطيب في مكان واحد.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg", imageAlt: "satisfied architect woman smiling"},
{
id: "t3",
name: "أحمد السعيد",
role: "فني صيانة",
testimonial: "المنتجات متنوعة جداً والخدمة سريعة.",
imageSrc: "http://img.b2bpic.net/free-photo/freight-parcel-inspiration-uniform-art_1134-1177.jpg",
imageAlt: "satisfied technician man smiling",
},
id: "t3", name: "أحمد السعيد", role: "فني صيانة", testimonial: "المنتجات متنوعة جداً والخدمة سريعة.", imageSrc: "http://img.b2bpic.net/free-photo/freight-parcel-inspiration-uniform-art_1134-1177.jpg", imageAlt: "satisfied technician man smiling"},
{
id: "t4",
name: "سارة عبد الله",
role: "صاحبة ورشة",
testimonial: "تعامل الموظفين ممتاز والأسعار من الأفضل في السوق.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-shopping-cart-by-grocery-store-talking-phone_1303-28930.jpg",
imageAlt: "satisfied workshop owner woman smiling",
},
id: "t4", name: "سارة عبد الله", role: "صاحبة ورشة", testimonial: "تعامل الموظفين ممتاز والأسعار من الأفضل في السوق.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-shopping-cart-by-grocery-store-talking-phone_1303-28930.jpg", imageAlt: "satisfied workshop owner woman smiling"},
{
id: "t5",
name: "خالد فهد",
role: "مدير مشروع",
testimonial: "متجر متكامل يوفر حلول البناء والصيانة باحترافية.",
imageSrc: "http://img.b2bpic.net/free-photo/business-composition-with-modern-style_23-2147900150.jpg",
imageAlt: "satisfied project manager man smiling",
},
id: "t5", name: "خالد فهد", role: "مدير مشروع", testimonial: "متجر متكامل يوفر حلول البناء والصيانة باحترافية.", imageSrc: "http://img.b2bpic.net/free-photo/business-composition-with-modern-style_23-2147900150.jpg", imageAlt: "satisfied project manager man smiling"},
]}
title="ماذا يقول عملاؤنا عنا؟"
description="شهادات حقيقية تعكس مستوى الرضا والثقة التي نالتها خدماتنا ومنتجاتنا."
@@ -365,30 +220,15 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "f1",
title: "هل تتوفر جميع مواد البناء؟",
content: "نعم، نقدم تشكيلة واسعة وشاملة من مواد البناء الأساسية والمتخصصة لتلبية كافة احتياجات مشاريعكم.",
},
id: "f1", title: "هل تتوفر جميع مواد البناء؟", content: "نعم، نقدم تشكيلة واسعة وشاملة من مواد البناء الأساسية والمتخصصة لتلبية كافة احتياجات مشاريعكم."},
{
id: "f2",
title: "هل توجد أدوات كهربائية؟",
content: "بالتأكيد، لدينا قسم خاص ومجهز بأحدث العدد الكهربائية من أفضل العلامات التجارية العالمية لضمان الأداء والكفاءة.",
},
id: "f2", title: "هل توجد أدوات كهربائية؟", content: "بالتأكيد، لدينا قسم خاص ومجهز بأحدث العدد الكهربائية من أفضل العلامات التجارية العالمية لضمان الأداء والكفاءة."},
{
id: "f3",
title: "هل يمكن طلب منتجات خاصة؟",
content: "نعم، نوفر خدمة الطلبات الخاصة للمنتجات النادرة أو التي تحتاجونها بمواصفات معينة، لضمان حصولكم على ما يلزم مشروعكم.",
},
id: "f3", title: "هل يمكن طلب منتجات خاصة؟", content: "نعم، نوفر خدمة الطلبات الخاصة للمنتجات النادرة أو التي تحتاجونها بمواصفات معينة، لضمان حصولكم على ما يلزم مشروعكم."},
{
id: "f4",
title: "ما هي أوقات العمل؟",
content: "مواعيد عملنا من السبت إلى الخميس، من الساعة 8 صباحاً حتى 6 مساءً. يسعدنا استقبالكم في أي وقت خلال هذه الفترة.",
},
id: "f4", title: "ما هي أوقات العمل؟", content: "مواعيد عملنا من السبت إلى الخميس، من الساعة 8 صباحاً حتى 6 مساءً. يسعدنا استقبالكم في أي وقت خلال هذه الفترة."},
{
id: "f5",
title: "هل يوجد دعم للعملاء؟",
content: "نعم، فريق دعم العملاء لدينا متاح لتقديم المساعدة والاستشارات عبر الهاتف والواتساب والبريد الإلكتروني، لضمان تجربة تسوق سلسة ومريحة.",
},
id: "f5", title: "هل يوجد دعم للعملاء؟", content: "نعم، فريق دعم العملاء لدينا متاح لتقديم المساعدة والاستشارات عبر الهاتف والواتساب والبريد الإلكتروني، لضمان تجربة تسوق سلسة ومريحة."},
]}
title="الأسئلة الشائعة"
description="إجابات لأكثر الأسئلة تكراراً لمساعدتك في الحصول على المعلومات التي تحتاجها بسرعة."
@@ -400,8 +240,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "animated-grid",
}}
variant: "animated-grid"}}
tag="تواصل معنا"
title="نحن هنا لمساعدتك"
description="لا تتردد في التواصل معنا لأي استفسارات أو طلبات. فريقنا المتخصص جاهز لخدمتك."
@@ -422,24 +261,16 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "#",
ariaLabel: "فيسبوك",
},
href: "#", ariaLabel: "فيسبوك"},
{
icon: Twitter,
href: "#",
ariaLabel: "تويتر",
},
href: "#", ariaLabel: "تويتر"},
{
icon: Instagram,
href: "#",
ariaLabel: "انستغرام",
},
href: "#", ariaLabel: "انستغرام"},
{
icon: Linkedin,
href: "#",
ariaLabel: "لينكدإن",
},
href: "#", ariaLabel: "لينكدإن"},
]}
/>
</div>