التفاصيل
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>المقداد لتأجير الرافعات والمعدات الثقيلة | فوركلفت للإيجار في الدمام والرياض</title>
<meta name="description" content="أفضل خدمة تأجير رافعات شوكية (فوركلفت) وكرينات في السعودية. أحجام 1.5، 3، 5، 7، 10، 16 طن. خدمة فورية في الدمام، الرياض، الجبيل، جدة، مكة، والمدينة. اتصل بـ المقداد 0530677958.">
<meta name="keywords" content="تأجير فوركلفت, رافعة شوكية للايجار, كرين, الدمام, الرياض, الجبيل, 5 طن, 7 طن, 16 طن, مقصية, تلسكوبية, المقداد للمعدات">
<meta name="author" content="المقداد لتأجير الرافعات">
<link rel="canonical" href="http://raffat-alsami.wuaze.com">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700;900&display=swap" rel="stylesheet">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "LocalBusiness",
"name": "المقداد لتأجير الرافعات والمعدات الثقيلة",
"image": "http://raffat-alsami.wuaze.com/logo.png",
"telephone": "+966530677958",
"email": "[email protected]",
"url": "http://raffat-alsami.wuaze.com",
"address": {
"@type": "PostalAddress",
"addressLocality": "Dammam",
"addressRegion": "Eastern Province",
"addressCountry": "SA"
},
"areaServed": ["Dammam", "Riyadh", "Jubail", "Qatif", "Jeddah", "Makkah", "Madinah"],
"priceRange": "$$",
"description": "تأجير رافعات شوكية وفوركلفت وكرينات بجميع الأحجام في المملكة العربية السعودية."
}
</script>
<style>
/* CSS Variables & Reset */
:root {
--primary: #ffc107; /* أصفر صناعي */
--primary-dark: #e0a800;
--dark: #212529; /* أسود فحمي */
--light: #f8f9fa;
--text: #333;
--white: #ffffff;
--transition: all 0.3s ease;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Tajawal', sans-serif; line-height: 1.6; color: var(--text); background-color: var(--light); overflow-x: hidden; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
/* Header */
header { background: var(--dark); color: var(--white); padding: 1rem 0; position: sticky; top: 0; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.1); }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.nav-wrapper { display: flex; justify-content: space-between; align-items: center; }
.logo { font-size: 1.5rem; font-weight: 900; color: var(--primary); }
.nav-links { display: flex; gap: 20px; }
.nav-links a { font-weight: 700; transition: var(--transition); }
.nav-links a:hover { color: var(--primary); }
.cta-btn { background: var(--primary); color: var(--dark); padding: 10px 25px; border-radius: 5px; font-weight: 900; transition: var(--transition); }
.cta-btn:hover { background: var(--primary-dark); transform: translateY(-2px); }
/* Hero Section */
.hero {
background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('https://source.unsplash.com/1600x900/?forklift,construction') no-repeat center center/cover;
height: 80vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: var(--white);
position: relative;
}
.hero-content h1 { font-size: 3rem; margin-bottom: 1rem; font-weight: 900; line-height: 1.2; }
.hero-content span { color: var(--primary); }
.hero-content p { font-size: 1.2rem; margin-bottom: 2rem; max-width: 700px; margin-left: auto; margin-right: auto; }
.hero-buttons { display: flex; gap: 15px; justify-content: center; flex-wrap: wrap; }
.btn-lg { padding: 15px 40px; font-size: 1.2rem; border-radius: 50px; font-weight: bold; border: none; cursor: pointer; }
.btn-primary { background: var(--primary); color: var(--dark); }
.btn-outline { background: transparent; border: 2px solid var(--white); color: var(--white); }
.btn-outline:hover { background: var(--white); color: var(--dark); }
/* Services Grid */
.section { padding: 80px 0; }
.section-title { text-align: center; margin-bottom: 50px; }
.section-title h2 { font-size: 2.5rem; color: var(--dark); position: relative; display: inline-block; padding-bottom: 15px; }
.section-title h2::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 80px; height: 4px; background: var(--primary); }
.services-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 30px; }
.service-card { background: var(--white); padding: 30px; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.05); transition: var(--transition); text-align: center; border-bottom: 4px solid var(--primary); }
.service-card:hover { transform: translateY(-10px); box-shadow: 0 15px 30px rgba(0,0,0,0.1); }
.icon-box { font-size: 3rem; margin-bottom: 20px; color: var(--primary); }
.service-card h3 { margin-bottom: 15px; font-size: 1.4rem; }
.specs { background: #f1f1f1; display: inline-block; padding: 5px 15px; border-radius: 20px; font-size: 0.9rem; margin-top: 10px; font-weight: bold; }
/* Locations Bar */
.locations-bar { background: var(--dark); color: var(--white); padding: 40px 0; text-align: center; }
.locations-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-top: 20px; }
.location-tag { background: rgba(255,255,255,0.1); padding: 8px 20px; border-radius: 30px; border: 1px solid var(--primary); color: var(--primary); }
/* Contact Section */
.contact-section { background: #f4f4f4; }
.contact-box { background: var(--white); padding: 40px; border-radius: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); text-align: center; max-width: 600px; margin: 0 auto; }
.phone-display { font-size: 2.5rem; font-weight: 900; color: var(--dark); margin: 20px 0; display: block; direction: ltr; }
/* Footer */
footer { background: #1a1a1a; color: #888; padding: 40px 0 20px; text-align: center; border-top: 5px solid var(--primary); }
.footer-links { margin-bottom: 20px; }
.footer-links a { margin: 0 10px; color: var(--white); }
/* Floating Buttons (Mobile UX) */
.floating-btns { position: fixed; bottom: 20px; left: 0; right: 0; display: flex; justify-content: center; gap: 10px; z-index: 999; padding: 0 20px; pointer-events: none; }
.float-btn { pointer-events: auto; flex: 1; text-align: center; padding: 15px; border-radius: 50px; font-weight: bold; font-size: 1.1rem; box-shadow: 0 4px 15px rgba(0,0,0,0.3); max-width: 200px; display: flex; align-items: center; justify-content: center; gap: 8px; }
.btn-call { background: var(--primary); color: var(--dark); }
.btn-whatsapp { background: #25D366; color: white; }
/* Mobile Responsive */
@media (max-width: 768px) {
.hero-content h1 { font-size: 2rem; }
.nav-links { display: none; } /* Simplified nav for mobile */
.btn-lg { width: 100%; margin-bottom: 10px; }
.floating-btns { display: flex; }
}
@media (min-width: 769px) {
.floating-btns { display: none; } /* Hide sticky buttons on desktop */
}
</style>
</head>
<body>
<header>
<div class="container nav-wrapper">
<div class="logo">المقداد للمعدات 🏗️</div>
<nav class="nav-links">
<a href="#home">الرئيسية</a>
<a href="#fleet">أسطولنا</a>
<a href="#locations">مناطق الخدمة</a>
<a href="#contact">اتصل بنا</a>
</nav>
<a href="tel:0530677958" class="cta-btn">0530677958 📞</a>
</div>
</header>
<section id="home" class="hero">
<div class="container hero-content">
<h1>تأجير رافعات شوكية (فوركلفت)<br>بجميع الأحجام <span>في المملكة</span></h1>
<p>نقدم أحدث معدات الرفع: فوركلفت، رافعات مقصية، تلسكوبية، وكرينات. خدمة فورية واحترافية في الدمام، الرياض، وكافة المناطق.</p>
<div class="hero-buttons">
<a href="tel:0530677958" class="btn-lg btn-primary">اتصل الآن: 0530677958</a>
<a href="https://wa.me/966530677958" class="btn-lg btn-outline">واتساب مباشر</a>
</div>
</div>
</section>
<section id="fleet" class="section">
<div class="container">
<div class="section-title">
<h2>أسطول المعدات المتوفر للإيجار</h2>
<p>خيارات متعددة تناسب المشاريع الإنشائية، المستودعات، والخدمات اللوجستية</p>
</div>
<div class="services-grid">
<div class="service-card">
<div class="icon-box">🚜</div>
<h3>رافعات شوكية (Forklifts)</h3>
<p>متوفرة بمحركات ديزل وكهرباء، مثالية للمستودعات والتحميل.</p>
<div class="specs">الأحجام: 3 - 5 - 7 طن</div>
</div>
<div class="service-card">
<div class="icon-box">🏗️</div>
<h3>فوركلفت ثقيل (Heavy Duty)</h3>
<p>للمهام الشاقة والمناولة في الموانئ والمواقع الإنشائية.</p>
<div class="specs">الأحجام: 10 - 16 طن</div>
</div>
<div class="service-card">
<div class="icon-box">🪜</div>
<h3>رافعات مقصية (Scissor Lifts)</h3>
<p>للعمل في الارتفاعات بأمان تام داخل وخارج المباني.</p>
<div class="specs">ارتفاعات متعددة</div>
</div>
<div class="service-card">
<div class="icon-box">📏</div>
<h3>رافعات تلسكوبية (Telehandlers)</h3>
<p>ذراع ممتد للوصول للأماكن الصعبة وحمل الأوزان.</p>
<div class="specs">متعدد الاستخدامات</div>
</div>
</div>
</div>
</section>
<section id="locations" class="locations-bar">
<div class="container">
<h2>نصل إليكم في جميع أنحاء المملكة</h2>
<p>شبكة لوجستية واسعة لضمان وصول المعدات لموقعك بأسرع وقت</p>
<div class="locations-list">
<span class="location-tag">الدمام والخبر</span>
<span class="location-tag">الرياض</span>
<span class="location-tag">الجبيل الصناعية</span>
<span class="location-tag">القطيف</span>
<span class="location-tag">جدة</span>
<span class="location-tag">مكة المكرمة</span>
<span class="location-tag">المدينة المنورة</span>
</div>
</div>
</section>
<section class="section" style="background-color: #fff;">
<div class="container">
<div class="section-title">
<h2>لماذا تختار المقداد؟</h2>
</div>
<div class="services-grid">
<div style="text-align: right;">
<h3>✅ جاهزية فورية</h3>
<p>أسطولنا جاهز للتحرك فور تأكيد الطلب لضمان عدم توقف عملك.</p>
</div>
<div style="text-align: right;">
<h3>✅ صيانة دورية</h3>
<p>جميع المعدات مفحوصة ولديها شهادات سلامة (TÜV) لضمان الأمان.</p>
</div>
<div style="text-align: right;">
<h3>✅ أسعار تنافسية</h3>
<p>عروض خاصة للعقود الشهرية والسنوية وللشركات والمشاريع الكبرى.</p>
</div>
</div>
</div>
</section>
<section id="contact" class="section contact-section">
<div class="container">
<div class="contact-box">
<h2>اطلب عرض سعرك الآن</h2>
<p>فريقنا متاح 24/7 للرد على استفساراتكم وتلبية طلباتكم</p>
<a href="tel:0530677958" class="phone-display">053 067 7958</a>
<p>البريد الإلكتروني: <a href="mailto:[email protected]" style="color:var(--primary-dark); font-weight:bold;">[email protected]</a></p>
<div style="margin-top: 20px;">
<a href="https://wa.me/966530677958" class="btn-lg btn-primary" style="display:inline-block; width:100%;">تواصل عبر الواتساب 💬</a>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="footer-links">
<a href="#home">الرئيسية</a> |
<a href="#fleet">المعدات</a> |
<a href="#contact">اتصل بنا</a>
</div>
<p>© 2024 المقداد لتأجير الرافعات والمعدات الثقيلة. جميع الحقوق محفوظة.</p>
<p style="font-size: 0.8rem; margin-top: 10px;">raffat-alsami.wuaze.com</p>
</div>
</footer>
<div class="floating-btns">
<a href="tel:0530677958" class="float-btn btn-call">📞 اتصال</a>
<a href="https://wa.me/966530677958" class="float-btn btn-whatsapp">💬 واتساب</a>
</div>
<script>
// Smooth scrolling for navigation links
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
// Add simple animation on scroll
window.addEventListener('scroll', function() {
const header = document.querySelector('header');
if (window.scrollY > 50) {
header.style.padding = '0.5rem 0';
} else {
header.style.padding = '1rem 0';
}
});
</script>
</body>
</html>
سيارات & مركبات 
عقارات وأراضي 
الكترونيات 
حيوانات & مستلزمات 
أزياء & فاشون 
الوظائف 
موسيقى وفنون 
هوايات & رياضة 
خدمات اخري 
رقم الجوال
رتبة البائع
