Merge version_1_1782154696658 into main #2

Merged
bender merged 3 commits from version_1_1782154696658 into main 2026-06-22 19:00:15 +00:00
2 changed files with 150 additions and 344 deletions

View File

@@ -7,98 +7,53 @@ import { StyleProvider } from "@/components/ui/StyleProvider";
export default function Layout() {
const navItems = [
{
"name": "الرئيسية",
"href": "#hero"
},
{
"name": "من نحن",
"href": "#about"
},
{
"name": "خدماتنا",
"href": "#services"
},
{
"name": "المعرض",
"href": "#gallery"
},
{
"name": "الأسئلة الشائعة",
"href": "#faq"
},
{
"name": "اتصل بنا",
"href": "#contact"
},
{
"name": "Stats",
"href": "#stats"
}
];
{ name: "الرئيسية", href: "#hero" },
{ name: "من نحن", href: "#about" },
{ name: "خدماتنا", href: "#services" },
{ name: "المعرض", href: "#gallery" },
{ name: "الأسئلة الشائعة", href: "#faq" },
{ name: "اتصل بنا", href: "#contact" },
{ name: "Stats", href: "#stats" }
];
return (
<StyleProvider buttonVariant="shift" siteBackground="noise" heroBackground="gradientBars">
<SiteBackgroundSlot />
<SectionErrorBoundary name="navbar">
<NavbarFloatingLogo
logo="Ahmed Scrapping"
ctaButton={{
text: "اتصل الآن",
href: "#contact",
}}
navItems={navItems} />
logo="Ahmed Scrapping"
logoImageSrc="https://storage.googleapis.com/webild/users/user_3EHDSPmEEP9oOPjE2TGgaBLFnms/uploaded-1782154724818-pso5kb5f.png"
ctaButton={{ text: "اتصل الآن", href: "#contact" }}
navItems={navItems}
/>
</SectionErrorBoundary>
<main className="flex-grow">
<Outlet />
</main>
<SectionErrorBoundary name="footer">
<FooterSimple
brand="أحمد للسكراب"
columns={[
{
title: "خدماتنا",
items: [
brand="أحمد للسكراب"
columns={[
{
label: "شراء النحاس",
href: "#",
title: "خدماتنا", items: [
{ label: "شراء النحاس", href: "#" },
{ label: "شراء الحديد", href: "#" },
{ label: "إعادة التدوير", href: "#" }
]
},
{
label: "شراء الحديد",
href: "#",
},
{
label: "إعادة التدوير",
href: "#",
},
],
},
{
title: "معلومات الاتصال",
items: [
{
label: "جدة، السعودية",
href: "#",
},
{
label: "05xxxxxxxx",
href: "#",
},
],
},
]}
copyright="© 2024 أحمد للسكراب - جدة. جميع الحقوق محفوظة."
links={[
{
label: "السياسة",
href: "#",
},
{
label: "الشروط",
href: "#",
},
]}
/>
title: "معلومات الاتصال", items: [
{ label: "جدة، السعودية", href: "#" },
{ label: "05xxxxxxxx", href: "#" }
]
}
]}
copyright="© 2024 أحمد للسكراب - جدة. جميع الحقوق محفوظة."
links={[
{ label: "السياسة", href: "#" },
{ label: "الشروط", href: "#" }
]}
/>
</SectionErrorBoundary>
</StyleProvider>
);

View File

@@ -12,288 +12,139 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBrand
brand="AHMED SCRAPPING"
description="نشتري جميع أنواع الخردة والمعادن بأفضل الأسعار في جدة والمملكة العربية السعودية. متخصصون في شراء خردة الحديد والنحاس والألمنيوم والمعادن الصناعية مع خدمة سريعة."
primaryButton={{
text: "تواصل عبر واتساب",
href: "https://wa.me/yournumber",
}}
secondaryButton={{
text: "اتصل الآن",
href: "tel:yournumber",
}}
imageSrc="http://img.b2bpic.net/free-photo/multiple-cubes-compressed-plastic-garbage-near-waste-recycling-factory-open-air_1268-23426.jpg?_wi=1"
/>
</SectionErrorBoundary>
</div>
brand="AHMED SCRAPPING"
description="نشتري جميع أنواع الخردة والمعادن بأفضل الأسعار في جدة والمملكة العربية السعودية. متخصصون في شراء خردة الحديد والنحاس والألمنيوم والمعادن الصناعية مع خدمة سريعة."
primaryButton={{ text: "تواصل عبر واتساب", href: "https://wa.me/yournumber" }}
secondaryButton={{ text: "اتصل الآن", href: "tel:yournumber" }}
imageSrc="http://img.b2bpic.net/free-photo/multiple-cubes-compressed-plastic-garbage-near-waste-recycling-factory-open-air_1268-23426.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTestimonial
tag="من نحن"
quote="نحن الشريك الأول في جدة لخدمات تدوير المعادن والخردة، نقدم حلولاً احترافية وفعالة."
author="فريق أحمد للسكراب"
role="الرواد في إعادة التدوير"
imageSrc="http://img.b2bpic.net/free-photo/plastic-garbage-conveyor-belt-waste-recycling-factory-workers-background_1268-23438.jpg"
/>
</SectionErrorBoundary>
</div>
tag="من نحن"
quote="نحن الشريك الأول في جدة لخدمات تدوير المعادن والخردة، نقدم حلولاً احترافية وفعالة."
author="فريق أحمد للسكراب"
role="الرواد في إعادة التدوير"
imageSrc="http://img.b2bpic.net/free-photo/plastic-garbage-conveyor-belt-waste-recycling-factory-workers-background_1268-23438.jpg"
/>
</SectionErrorBoundary>
</div>
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<div id="services" data-section="services">
<SectionErrorBoundary name="services">
<FeaturesRevealCardsBento
tag="خدماتنا"
title="خدماتنا في تدوير المعادن"
description="نقدم خدمات متكاملة لشراء وتدوير مختلف أنواع الخردة والمعادن الصناعية."
items={[
{
title: "خردة الألمنيوم",
description: "شراء وتدوير صفائح وقطع الألمنيوم",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/newspaper-background-concept_23-2149501571.jpg",
},
{
title: "خردة النحاس",
description: "شراء الأسلاك والكابلات النحاسية",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/lot-geometric-objects-surface-pyramids-boxes-calming-coral-color-poured-geometry-3d-render-illustration_1217-6267.jpg",
},
{
title: "خردة الحديد",
description: "شراء وتجميع مخلفات الحديد الثقيلة",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/ruins-russian-s-war-ukraine_23-2149437927.jpg",
},
{
title: "خردة الصلب",
description: "شراء عوارض وقطع الصلب المعاد تدويره",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/messy-room-full-junk-abandoned-building_181624-31797.jpg",
},
{
title: "خردة صناعية",
description: "شراء المخلفات الناتجة عن المصانع",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/crane-grab-scrap_1112-1219.jpg",
},
{
title: "خردة معدات",
description: "شراء الآلات والمعدات الثقيلة القديمة",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-blue-antique-wheel-concrete-floor-daytime_181624-9082.jpg",
},
{
title: "إدارة نفايات",
description: "حلول متكاملة لإدارة النفايات المعدنية",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/dirty-dumped-objects-arrangement_23-2148996946.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="خدماتنا"
title="خدماتنا في تدوير المعادن"
description="نقدم خدمات متكاملة لشراء وتدوير مختلف أنواع الخردة والمعادن الصناعية."
items={[
{ title: "خردة الألمنيوم", description: "شراء وتدوير صفائح وقطع الألمنيوم", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/newspaper-background-concept_23-2149501571.jpg" },
{ title: "خردة النحاس", description: "شراء الأسلاك والكابلات النحاسية", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/lot-geometric-objects-surface-pyramids-boxes-calming-coral-color-poured-geometry-3d-render-illustration_1217-6267.jpg" },
{ title: "خردة الحديد", description: "شراء وتجميع مخلفات الحديد الثقيلة", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/ruins-russian-s-war-ukraine_23-2149437927.jpg" },
{ title: "خردة الصلب", description: "شراء عوارض وقطع الصلب المعاد تدويره", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/messy-room-full-junk-abandoned-building_181624-31797.jpg" },
{ title: "خردة صناعية", description: "شراء المخلفات الناتجة عن المصانع", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/crane-grab-scrap_1112-1219.jpg" },
{ title: "خردة معدات", description: "شراء الآلات والمعدات الثقيلة القديمة", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-blue-antique-wheel-concrete-floor-daytime_181624-9082.jpg" },
{ title: "إدارة نفايات", description: "حلول متكاملة لإدارة النفايات المعدنية", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/dirty-dumped-objects-arrangement_23-2148996946.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="stats" data-section="stats">
<SectionErrorBoundary name="stats">
<div id="stats" data-section="stats">
<SectionErrorBoundary name="stats">
<MetricsMediaCards
tag="أرقامنا"
title="خبرة تزيد عن 20 عاماً"
description="إنجازاتنا تتحدث عن ثقة عملائنا."
metrics={[
{
value: "20+",
title: "سنوات الخبرة",
description: "عقود من العمل الجاد",
imageSrc: "http://img.b2bpic.net/free-photo/multi-racial-builders-handshaking-outdoors-wearing-uniform-talking-about-new-glass-building-working-poject-city-infrastructure_1157-50877.jpg",
},
{
value: "1500+",
title: "مشروع مكتمل",
description: "خدماتنا في كل مكان",
imageSrc: "http://img.b2bpic.net/free-photo/plastic-recycling-plant_23-2151951192.jpg",
},
{
value: "800+",
title: "عميل راضٍ",
description: "ثقة عملائنا هدفنا",
imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582424.jpg",
},
{
value: "500K+",
title: "طن مُعاد تدويره",
description: "نساهم في بيئة خضراء",
imageSrc: "http://img.b2bpic.net/free-photo/dirty-dumped-objects-arrangement_23-2148996942.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="أرقامنا"
title="خبرة تزيد عن 20 عاماً"
description="إنجازاتنا تتحدث عن ثقة عملائنا."
metrics={[
{ value: "20+", title: "سنوات الخبرة", description: "عقود من العمل الجاد", imageSrc: "http://img.b2bpic.net/free-photo/multi-racial-builders-handshaking-outdoors-wearing-uniform-talking-about-new-glass-building-working-poject-city-infrastructure_1157-50877.jpg" },
{ value: "1500+", title: "مشروع مكتمل", description: "خدماتنا في كل مكان", imageSrc: "http://img.b2bpic.net/free-photo/plastic-recycling-plant_23-2151951192.jpg" },
{ value: "800+", title: "عميل راضٍ", description: "ثقة عملائنا هدفنا", imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582424.jpg" },
{ value: "500K+", title: "طن مُعاد تدويره", description: "نساهم في بيئة خضراء", imageSrc: "http://img.b2bpic.net/free-photo/dirty-dumped-objects-arrangement_23-2148996942.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesBento
tag="لماذا تختارنا"
title="مزايا التعامل مع أحمد للسكراب"
description="نلتزم بأعلى معايير الجودة والاحترافية في جدة."
features={[
{
title: "أسعار تنافسية",
description: "نقدم أفضل أسعار السوق للسكراب",
bentoComponent: "info-card-marquee",
infoCards: [
{
icon: DollarSign,
label: "أفضل سعر",
value: "مضمون",
},
{
icon: CheckCircle,
label: "تقييم",
value: "سريع",
},
{
icon: Shield,
label: "خبرة",
value: "عالية",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/boats-being-constructed-countryside_181624-14284.jpg",
imageAlt: "industrial scrap yard atmosphere",
},
{
title: "سرعة الاستلام",
description: "خدمة استلام سريعة من موقعك",
bentoComponent: "media-stack",
mediaItems: [
{
imageSrc: "https://storage.googleapis.com/webild/users/user_3EHDSPmEEP9oOPjE2TGgaBLFnms/uploaded-1782154724818-pso5kb5f.png",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-looking-inside-truck_23-2149426535.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/closeup-hands-separating-plastic-bottles_53876-46918.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/multiple-cubes-compressed-plastic-garbage-near-waste-recycling-factory-open-air_1268-23426.jpg?_wi=2",
imageAlt: "industrial scrap yard atmosphere",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="لماذا تختارنا"
title="مزايا التعامل مع أحمد للسكراب"
description="نلتزم بأعلى معايير الجودة والاحترافية في جدة."
features={[
{
title: "أسعار تنافسية", description: "نقدم أفضل أسعار السوق للسكراب", bentoComponent: "info-card-marquee", infoCards: [
{ icon: "DollarSign", label: "أفضل سعر", value: "مضمون" },
{ icon: "CheckCircle", label: "تقييم", value: "سريع" },
{ icon: "Shield", label: "خبرة", value: "عالية" }
]
},
{
title: "سرعة الاستلام", description: "خدمة استلام سريعة من موقعك", bentoComponent: "media-stack", mediaItems: [
{ imageSrc: "https://storage.googleapis.com/webild/users/user_3EHDSPmEEP9oOPjE2TGgaBLFnms/uploaded-1782154724818-pso5kb5f.png" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-men-looking-inside-truck_23-2149426535.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/closeup-hands-separating-plastic-bottles_53876-46918.jpg" }
]
}
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeCards
tag="آراء عملائنا"
title="ثقة عملائنا"
testimonials={[
{
name: "سعيد الغامدي",
role: "مقاول بناء",
quote: "أفضل شركة شراء سكراب في جدة، سرعة في المعاينة والدفع الفوري.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-happily-with-hand-hip-confident-positive-proud-friendly-attitude_1194-633391.jpg",
},
{
name: "محمد العتيبي",
role: "مدير مصنع",
quote: "خدمة احترافية، ملتزمون بالمواعيد وأسعارهم ممتازة جداً.",
imageSrc: "http://img.b2bpic.net/free-photo/young-construction-worker-safety-helmet-glasses_176474-86010.jpg",
},
{
name: "خالد القرني",
role: "صاحب مستودع",
quote: "تعامل راقٍ وخدمة استلام سريعة جداً للموقع.",
imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-coat-with-laptop-his-hands-is-warehouse-cheese-shop-production-butter-cheese-quality-control-dairy-plant-racks-with-cheese_645730-510.jpg",
},
{
name: "فهد السبيعي",
role: "مسؤول مشاريع",
quote: "شكرًا لفريق أحمد للسكراب على مصداقيتهم.",
imageSrc: "http://img.b2bpic.net/free-photo/african-american-office-employer-holding-pen-reading-notes-glass-wall-focused-confident-businessman-suit-thinking-about-idea-project_74855-6736.jpg",
},
{
name: "عبدالله الحربي",
role: "مستثمر",
quote: "تعاملت معهم عدة مرات، دائماً في الموعد.",
imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-man-talking-phone_23-2148479503.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="آراء عملائنا"
title="ثقة عملائنا"
testimonials={[
{ name: "سعيد الغامدي", role: "مقاول بناء", quote: "أفضل شركة شراء سكراب في جدة، سرعة في المعاينة والدفع الفوري.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-happily-with-hand-hip-confident-positive-proud-friendly-attitude_1194-633391.jpg" },
{ name: "محمد العتيبي", role: "مدير مصنع", quote: "خدمة احترافية، ملتزمون بالمواعيد وأسعارهم ممتازة جداً.", imageSrc: "http://img.b2bpic.net/free-photo/young-construction-worker-safety-helmet-glasses_176474-86010.jpg" },
{ name: "خالد القرني", role: "صاحب مستودع", quote: "تعامل راقٍ وخدمة استلام سريعة جداً للموقع.", imageSrc: "http://img.b2bpic.net/free-photo/technologist-white-coat-with-laptop-his-hands-is-warehouse-cheese-shop-production-butter-cheese-quality-control-dairy-plant-racks-with-cheese_645730-510.jpg" },
{ name: "فهد السبيعي", role: "مسؤول مشاريع", quote: "شكرًا لفريق أحمد للسكراب على مصداقيتهم.", imageSrc: "http://img.b2bpic.net/free-photo/african-american-office-employer-holding-pen-reading-notes-glass-wall-focused-confident-businessman-suit-thinking-about-idea-project_74855-6736.jpg" },
{ name: "عبدالله الحربي", role: "مستثمر", quote: "تعاملت معهم عدة مرات، دائماً في الموعد.", imageSrc: "http://img.b2bpic.net/free-photo/low-angle-business-man-talking-phone_23-2148479503.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSimple
tag="أسئلة شائعة"
title="هل لديك أي استفسارات؟"
items={[
{
question: "هل تشترون سكراب النحاس؟",
answer: "نعم، نشتري جميع أنواع سكراب النحاس بأسعار مميزة.",
},
{
question: "هل تتوفر خدمة الاستلام من الموقع؟",
answer: "نعم، نوفر خدمة استلام وتجميع السكراب من موقعكم مباشرة.",
},
{
question: "كيف يتم تحديد السعر؟",
answer: "يتم تحديد السعر بعد معاينة الكمية والنوع.",
},
{
question: "هل الدفع فوري؟",
answer: "نعم، الدفع فوري بعد الاتفاق والاستلام.",
},
{
question: "ما هي المناطق التي تغطونها؟",
answer: "نغطي كافة مناطق جدة والمناطق المحيطة.",
},
{
question: "هل لديكم ترخيص؟",
answer: "نعم، شركة مرخصة ومعتمدة.",
},
{
question: "كيف يمكن التواصل معكم؟",
answer: "يمكنكم الاتصال عبر الواتساب أو الهاتف مباشرة.",
},
{
question: "هل تشتريون معدات ثقيلة؟",
answer: "نعم، نشتري جميع أنواع المعدات الثقيلة والخردة الصناعية.",
},
{
question: "هل العمل متوفر 24 ساعة؟",
answer: "نعمل خلال أوقات الدوام الرسمي ويمكن التنسيق.",
},
{
question: "هل تشتريون كميات صغيرة؟",
answer: "نفضل الكميات الكبيرة ولكن نستقبل الطلبات حسب الاتفاق.",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="أسئلة شائعة"
title="هل لديك أي استفسارات؟"
description="نجيب على أسئلتكم حول خدماتنا في تدوير الخردة والمعادن بجدة."
items={[
{ question: "هل تشترون سكراب النحاس؟", answer: "نعم، نشتري جميع أنواع سكراب النحاس بأسعار مميزة." },
{ question: "هل تتوفر خدمة الاستلام من الموقع؟", answer: "نعم، نوفر خدمة استلام وتجميع السكراب من موقعكم مباشرة." },
{ question: "كيف يتم تحديد السعر؟", answer: "يتم تحديد السعر بعد معاينة الكمية والنوع." },
{ question: "هل الدفع فوري؟", answer: "نعم، الدفع فوري بعد الاتفاق والاستلام." },
{ question: "ما هي المناطق التي تغطونها؟", answer: "نغطي كافة مناطق جدة والمناطق المحيطة." },
{ question: "هل لديكم ترخيص؟", answer: "نعم، شركة مرخصة ومعتمدة." },
{ question: "كيف يمكن التواصل معكم؟", answer: "يمكنكم الاتصال عبر الواتساب أو الهاتف مباشرة." },
{ question: "هل تشتريون معدات ثقيلة؟", answer: "نعم، نشتري جميع أنواع المعدات الثقيلة والخردة الصناعية." },
{ question: "هل العمل متوفر 24 ساعة؟", answer: "نعمل خلال أوقات الدوام الرسمي ويمكن التنسيق." },
{ question: "هل تشتريون كميات صغيرة؟", answer: "نفضل الكميات الكبيرة ولكن نستقبل الطلبات حسب الاتفاق." }
]}
/>
</SectionErrorBoundary>
</div>
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="اتصل بنا"
text="احصل على أفضل سعر لخردتك اليوم. تواصل معنا مباشرة للحصول على معاينة مجانية."
primaryButton={{
text: "تواصل واتساب",
href: "https://wa.me/yournumber",
}}
secondaryButton={{
text: "اتصل الآن",
href: "tel:yournumber",
}}
/>
</SectionErrorBoundary>
</div>
tag="اتصل بنا"
text="احصل على أفضل سعر لخردتك اليوم. تواصل معنا مباشرة للحصول على معاينة مجانية."
primaryButton={{ text: "تواصل واتساب", href: "https://wa.me/yournumber" }}
secondaryButton={{ text: "اتصل الآن", href: "tel:yournumber" }}
/>
</SectionErrorBoundary>
</div>
</>
);
}