Main Page: Difference between revisions
From vehicle Rental wiki demo
Tanvir Wiki (talk | contribs) No edit summary |
Tanvir Wiki (talk | contribs) No edit summary |
||
| Line 34: | Line 34: | ||
</div> | </div> | ||
<!-- | <!-- ========== ছবি + গ্রেডিয়েন্ট + কন্টেন্ট (একসাথে) ========== --> | ||
<div style=" | <div style="position: relative; text-align: center;"> | ||
<div style=" | <!-- ছবি --> | ||
[[File:Vehicle_Rental.png|center|100%|link=]] | |||
<!-- গ্রেডিয়েন্ট ওভারলে (কালো ট্রানজিশন) --> | |||
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(10,10,10,0.2) 0%, rgba(10,10,10,0.6) 45%, #0a0a0a 100%); pointer-events: none;"></div> | |||
<!-- কন্টেন্ট (ছবির ওপরে) --> | |||
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 2;"> | |||
<div style="display: flex; justify-content: center; gap: 15px; margin-bottom: 20px; flex-wrap: wrap;"> | <div style="display: flex; justify-content: center; gap: 15px; margin-bottom: 20px; flex-wrap: wrap;"> | ||
<div style="background: rgba(255,107,0,0. | <div style="background: rgba(255,107,0,0.25); padding: 8px 20px; border-radius: 40px; border: 1px solid rgba(255,107,0,0.6); backdrop-filter: blur(4px);"> | ||
<span style="color: #ff6b00;">🚘 247+ FLEET VEHICLES</span> | <span style="color: #ff6b00;">🚘 247+ FLEET VEHICLES</span> | ||
</div> | </div> | ||
<div style="background: rgba(255,255,255,0.1); padding: 8px 20px; border-radius: 40px;"> | <div style="background: rgba(255,255,255,0.1); padding: 8px 20px; border-radius: 40px; backdrop-filter: blur(4px);"> | ||
<span style="color: #ff6b00;">⭐ 4.8 CUSTOMER RATING</span> | <span style="color: #ff6b00;">⭐ 4.8 CUSTOMER RATING</span> | ||
</div> | </div> | ||
<div style="background: rgba(255,255,255,0.1); padding: 8px 20px; border-radius: 40px;"> | <div style="background: rgba(255,255,255,0.1); padding: 8px 20px; border-radius: 40px; backdrop-filter: blur(4px);"> | ||
<span style="color: #cbd5e1;">🏆 15 YEARS EXCELLENCE</span> | <span style="color: #cbd5e1;">🏆 15 YEARS EXCELLENCE</span> | ||
</div> | </div> | ||
</div> | </div> | ||
<h1 style="font-size: 4em; margin: 0 0 15px 0; font-weight: 800; letter-spacing: -1px; background: linear-gradient(135deg, #ff6b00 0%, #ff8533 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;">Welcome to SERIX Vehicle Rental</h1> | <h1 style="font-size: 4em; margin: 0 0 15px 0; font-weight: 800; letter-spacing: -1px; background: linear-gradient(135deg, #ff6b00 0%, #ff8533 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-shadow: 0 0 20px rgba(255,107,0,0.3);">Welcome to SERIX Vehicle Rental</h1> | ||
<p style="font-size: 1.3em; color: #ff8533; margin-bottom: 20px; font-weight: 300;">Your Complete Fleet Management & Rental Operations Platform</p> | <p style="font-size: 1.3em; color: #ff8533; margin-bottom: 20px; font-weight: 300; text-shadow: 1px 1px 4px rgba(0,0,0,0.3);">Your Complete Fleet Management & Rental Operations Platform</p> | ||
<div style="width: 100px; height: 3px; background: #ff6b00; margin: 20px auto;"></div> | <div style="width: 100px; height: 3px; background: #ff6b00; margin: 20px auto;"></div> | ||
<p style="font-size: 1.1em; color: #cbd5e1; max-width: 700px; margin: 20px auto 0;">Internal Knowledge Base for Fleet Managers, Rental Agents, Maintenance Staff, and Customer Service Teams</p> | <p style="font-size: 1.1em; color: #cbd5e1; max-width: 700px; margin: 20px auto 0; text-shadow: 1px 1px 3px rgba(0,0,0,0.3);">Internal Knowledge Base for Fleet Managers, Rental Agents, Maintenance Staff, and Customer Service Teams</p> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
<!-- | <!-- ========== নিচের অংশ পুরোপুরি আপনার আগের কোডের মতো ========== --> | ||
<!-- Key Metrics Dashboard - Sporty Automotive Style --> | <!-- Key Metrics Dashboard - Sporty Automotive Style --> | ||
| Line 177: | Line 181: | ||
</div> | </div> | ||
<!-- Welcome Section | <!-- Welcome Section --> | ||
<div style="background: linear-gradient(145deg, #1f1f1f, #171717); padding: 20px 30px; margin: 0;"> | <div style="background: linear-gradient(145deg, #1f1f1f, #171717); padding: 20px 30px; margin: 0;"> | ||
<div style="max-width: 1400px; margin: 0 auto; text-align: center;"> | <div style="max-width: 1400px; margin: 0 auto; text-align: center;"> | ||
| Line 430: | Line 434: | ||
</div> | </div> | ||
<!-- ফ্লিট ক্যাটাগরি সেকশন | <!-- ফ্লিট ক্যাটাগরি সেকশন --> | ||
<div style="width: 100%; padding: 30px 20px; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);"> | <div style="width: 100%; padding: 30px 20px; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);"> | ||
<div style="max-width: 1400px; margin: 0 auto;"> | <div style="max-width: 1400px; margin: 0 auto;"> | ||
| Line 443: | Line 447: | ||
</div> | </div> | ||
<!-- লোকেশন & ব্রাঞ্চ | <!-- লোকেশন & ব্রাঞ্চ --> | ||
<div style="width: 100%; padding: 30px 20px; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);"> | <div style="width: 100%; padding: 30px 20px; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);"> | ||
<div style="max-width: 1400px; margin: 0 auto;"> | <div style="max-width: 1400px; margin: 0 auto;"> | ||
| Line 456: | Line 460: | ||
</div> | </div> | ||
<!-- স্পেশাল অফার ব্যানার | <!-- স্পেশাল অফার ব্যানার --> | ||
<div style="width: 100%; padding: 30px 20px; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);"> | <div style="width: 100%; padding: 30px 20px; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);"> | ||
<div style="max-width: 1400px; margin: 0 auto;"> | <div style="max-width: 1400px; margin: 0 auto;"> | ||
| Line 467: | Line 471: | ||
</div> | </div> | ||
<!-- কুইক অ্যাক্সেস টুলবার | <!-- কুইক অ্যাক্সেস টুলবার --> | ||
<div style="width: 100%; padding: 20px 20px; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);"> | <div style="width: 100%; padding: 20px 20px; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);"> | ||
<div style="max-width: 1400px; margin: 0 auto;"> | <div style="max-width: 1400px; margin: 0 auto;"> | ||
| Line 482: | Line 486: | ||
</div> | </div> | ||
<!-- কুইক নেভিগেশন বাটন | <!-- কুইক নেভিগেশন বাটন --> | ||
<div style="width: 100%; padding: 20px 20px; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);"> | <div style="width: 100%; padding: 20px 20px; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);"> | ||
<div style="max-width: 1400px; margin: 0 auto;"> | <div style="max-width: 1400px; margin: 0 auto;"> | ||
| Line 496: | Line 500: | ||
</div> | </div> | ||
<!-- টুডেস আপডেট | <!-- টুডেস আপডেট --> | ||
<div style="width: 100%; padding: 30px 20px; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);"> | <div style="width: 100%; padding: 30px 20px; background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);"> | ||
<div style="max-width: 1400px; margin: 0 auto;"> | <div style="max-width: 1400px; margin: 0 auto;"> | ||
<div style="background: linear-gradient(145deg, #1a1a1a, #0d0d0d); border-radius: 28px; padding: 25px; border: 1px solid #333;"> | <div style="background: linear-gradient(145deg, #1a1a1a, #0d0d0d); border-radius: 28px; padding: 25px; border: 1px solid #333;"> | ||
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;"><h3 style="margin: 0; color: white;">📋 TODAY'S ACTIVITY · MARCH | <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;"><h3 style="margin: 0; color: white;">📋 TODAY'S ACTIVITY · MARCH 31, 2026</h3><span style="background: #ff6b00; color: white; padding: 5px 15px; border-radius: 40px;">LIVE</span></div> | ||
<div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;"> | <div style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;"> | ||
<div style="background: #2a2a2a; padding: 20px; border-radius: 18px;"><strong style="color: #ff6b00;">🚗 12 Pickups Scheduled</strong><div style="margin-top: 8px; color: #cccccc;">Downtown: 5 | Airport: 4 | Suburban: 3</div></div> | <div style="background: #2a2a2a; padding: 20px; border-radius: 18px;"><strong style="color: #ff6b00;">🚗 12 Pickups Scheduled</strong><div style="margin-top: 8px; color: #cccccc;">Downtown: 5 | Airport: 4 | Suburban: 3</div></div> | ||
| Line 510: | Line 514: | ||
</div> | </div> | ||
<!-- ফুটার | <!-- ফুটার --> | ||
<div style="width: 100%; background: #0a0a0a; color: #999; padding: 40px 20px; margin-top: 0; text-align: center; border-top: 1px solid #333;"> | <div style="width: 100%; background: #0a0a0a; color: #999; padding: 40px 20px; margin-top: 0; text-align: center; border-top: 1px solid #333;"> | ||
<div style="max-width: 1400px; margin: 0 auto;"> | <div style="max-width: 1400px; margin: 0 auto;"> | ||
| Line 521: | Line 525: | ||
</div> | </div> | ||
<p style="margin: 10px 0 0 0;">© 2026 Serix Vehicle Rental. All rights reserved.</p> | <p style="margin: 10px 0 0 0;">© 2026 Serix Vehicle Rental. All rights reserved.</p> | ||
<p style="margin: 5px 0 0 0; font-size: 0.9em;">Internal Knowledge Base - Last updated: March | <p style="margin: 5px 0 0 0; font-size: 0.9em;">Internal Knowledge Base - Last updated: March 31, 2026</p> | ||
<div style="margin-top: 20px; background: #1a1a1a; padding: 10px 25px; border-radius: 60px; display: inline-block;">🌟 DEMO ENVIRONMENT · Showcasing MediaWiki with Fluent Skin for Vehicle Rental Operations</div> | <div style="margin-top: 20px; background: #1a1a1a; padding: 10px 25px; border-radius: 60px; display: inline-block;">🌟 DEMO ENVIRONMENT · Showcasing MediaWiki with Fluent Skin for Vehicle Rental Operations</div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
Revision as of 08:20, 31 March 2026
🚗
247
Total Fleet
↑ 12 new vehicles
🔑
52
Available Now
Ready for pickup
📋
38
Active Rentals
Currently on road
⏰
12
Due Today
Returns expected
📊
94%
Fleet Utilization
↑ 5% vs last month
💰
$42.5K
Revenue YTD
↑ 18% target
👋 Good Morning, Rental Team!
Today's Manager: James Wilson (Ext. 101) | Fleet Supervisor: Sarah Chen (Ext. 110) | Maintenance Lead: Robert Miller (Ext. 120)
🔔 12 Pickups Today ⭐ VIP Customer: Luxury SUV at 3 PM 🔧 3 Vehicles in Service
🚗
Welcome to SERIX Mobility Solutions
🚘 Internal Knowledge Management System | Fleet Operations Portal 🚘
A complete digital workplace for fleet managers, rental agents, maintenance staff, and customer service teams
🏆 98% Customer Satisfaction ⭐ 4.8 Star Rating 📈 15% Growth YoY
📋 Vehicle Rental Departments & Resources
🚘 Fleet Management & Operations
👥 Customer Service & Rental Policies
📊 Administration & Staff Management
🚙 Fleet Categories
📍 Locations & Branches
🌆
Downtown Branch
123 Main St, Downtown
Mon-Sat: 8am-8pm
📞 (555) 123-4567
🏢
Airport Branch
Terminal 3, International Airport
Open 24/7
📞 (555) 234-5678
🏘️
Suburban Branch
456 Oak Avenue, Suburb
Mon-Sun: 9am-6pm
📞 (555) 345-6789
🏭
Corporate Office
789 Corporate Blvd, Downtown
Mon-Fri: 9am-5pm
📞 (555) 456-7890
🔥 SPECIAL OFFER
20% OFF on all Luxury Vehicle Rentals
Valid until March 31, 2026 | Use Code: LUXURY20
⚡ QUICK ACCESS: 📋 Rental Policies 🚘 Fleet List 🔧 Maintenance 📞 Contact ❓ FAQ 🚨 Accident Report
📋 TODAY'S ACTIVITY · MARCH 31, 2026
LIVE🚗 12 Pickups Scheduled
Downtown: 5 | Airport: 4 | Suburban: 3
🔧 3 Vehicles in Maintenance
Expected completion by 5 PM
✅ 8 Returns Processed
All vehicles inspected and cleaned
