Main Page: Difference between revisions

From vehicle Rental wiki demo

← Older edit
undoTanvir Wiki (talk | contribs)
Bureaucrats, Interface administrators, Administrators
39 edits
No edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
Line 28: Line 28:
</div>
</div>


<!-- ==================== HERO SECTION - FULL WIDTH IMAGE (চারকোণা) ==================== -->
<!-- ==================== HERO SECTION - FULL WIDTH IMAGE ==================== -->
<div style="position: relative; width: 100%; margin: 0; padding: 0;">
<div style="position: relative; width: 100%; margin: 0; padding: 0;">
     [[File:Vehicle_Rental.png|100%|link=]]
     [[File:Vehicle_Rental.png|100%|link=]]
Line 116: Line 116:
         </div>
         </div>


        <!-- ========== REDESIGNED CRITICAL ALERTS & TODAY'S PRIORITIES - CLEAN MODERN STYLE ========== -->
         <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin-top: 30px;">
         <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 25px; margin-top: 30px;">
             <div style="background: rgba(0,0,0,0.4); border-radius: 20px; overflow: hidden; border: 1px solid rgba(239,68,68,0.3);">
           
                 <div style="background: rgba(220,38,38,0.25); padding: 14px 20px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid rgba(239,68,68,0.3);">
            <!-- LEFT: CRITICAL ALERTS - Clean Card Style -->
                    <div style="background: #dc2626; width: 36px; height: 36px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.2em;">🚨</div>
             <div style="background: #0a0e1a; border-radius: 20px; overflow: hidden; border: 1px solid #2a2e3a;">
                    <div style="flex: 1;">
                 <div style="padding: 18px 22px; background: #111827; border-bottom: 1px solid #1f2937;">
                         <div style="font-weight: 700; font-size: 1.1em; color: white;">CRITICAL ALERTS</div>
                    <div style="display: flex; align-items: center; gap: 12px;">
                         <div style="font-size: 0.7em; color: #fecaca;">Requires Immediate Attention</div>
                        <div style="background: #dc2626; width: 10px; height: 10px; border-radius: 50%;"></div>
                         <div style="font-weight: 700; font-size: 1em; color: #f3f4f6; letter-spacing: 0.5px;">⚠️ CRITICAL ALERTS</div>
                         <div style="margin-left: auto; background: #dc2626; padding: 4px 12px; border-radius: 30px; font-size: 0.7em; font-weight: 600; color: white;">2 ACTIVE</div>
                     </div>
                     </div>
                     <div style="background: #dc2626; padding: 4px 12px; border-radius: 20px; font-size: 0.7em; font-weight: 600; color: white;">2 ACTIVE</div>
                     <div style="font-size: 0.7em; color: #9ca3af; margin-top: 6px;">Requires Immediate Attention</div>
                 </div>
                 </div>
                 <div style="padding: 18px 20px;">
                 <div style="padding: 18px 20px;">
                     <div style="background: rgba(220,38,38,0.15); border-left: 3px solid #ef4444; padding: 12px 15px; border-radius: 10px; margin-bottom: 12px;">
                    <!-- Alert Item 1 -->
                         <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 6px;">
                     <div style="background: #111827; border-radius: 14px; padding: 14px 16px; margin-bottom: 12px;">
                             <span style="background: #ef4444; width: 8px; height: 8px; border-radius: 50%; display: inline-block;"></span>
                         <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 8px;">
                             <span style="color: #dc2626; font-weight: 600; font-size: 0.7em;">FLEET ALERT · URGENT</span>
                             <span style="background: #ef4444; width: 8px; height: 8px; border-radius: 50%;"></span>
                            <span style="color: #fca5a5; font-size: 0.7em; font-weight: 600;">FLEET ALERT · URGENT</span>
                             <span style="margin-left: auto; background: #1f2937; color: #fca5a5; padding: 2px 8px; border-radius: 20px; font-size: 0.65em;">Overdue</span>
                        </div>
                        <div style="color: white; font-weight: 500; font-size: 0.9em; margin-bottom: 6px;">🚨 Vehicle #VH-3842 - Brake inspection overdue by 3 days</div>
                        <div style="display: flex; gap: 12px; flex-wrap: wrap;">
                            <span style="color: #6b7280; font-size: 0.7em;">🔧 Maintenance notified</span>
                            <span style="color: #fbbf24; font-size: 0.7em;">⏰ Service scheduled for today</span>
                         </div>
                         </div>
                        <div style="color: white; font-weight: 500;">🚨 Vehicle #VH-3842 - Brake inspection overdue by 3 days</div>
                        <div style="color: #fecaca; font-size: 0.7em; margin-top: 6px;">Maintenance notified | Service scheduled for today</div>
                     </div>
                     </div>
                     <div style="background: rgba(245,158,11,0.15); border-left: 3px solid #f59e0b; padding: 12px 15px; border-radius: 10px;">
                    <!-- Alert Item 2 -->
                         <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 6px;">
                     <div style="background: #111827; border-radius: 14px; padding: 14px 16px;">
                             <span style="background: #f59e0b; width: 8px; height: 8px; border-radius: 50%; display: inline-block;"></span>
                         <div style="display: flex; align-items: center; gap: 10px; margin-bottom: 8px;">
                             <span style="color: #dc2626; font-weight: 600; font-size: 0.7em;">RESERVATION ALERT · HIGH</span>
                             <span style="background: #f59e0b; width: 8px; height: 8px; border-radius: 50%;"></span>
                            <span style="color: #fcd34d; font-size: 0.7em; font-weight: 600;">RESERVATION ALERT · HIGH</span>
                             <span style="margin-left: auto; background: #1f2937; color: #fcd34d; padding: 2px 8px; border-radius: 20px; font-size: 0.65em;">Waitlist</span>
                        </div>
                        <div style="color: white; font-weight: 500; font-size: 0.9em; margin-bottom: 6px;">📋 Overbooking for Economy class - 4 customers on waitlist</div>
                        <div style="display: flex; gap: 12px; flex-wrap: wrap;">
                            <span style="color: #6b7280; font-size: 0.7em;">🔄 Upgrade options available</span>
                            <span style="color: #fbbf24; font-size: 0.7em;">👥 Customer service notified</span>
                         </div>
                         </div>
                        <div style="color: white; font-weight: 500;">📋 Overbooking for Economy class - 4 customers on waitlist</div>
                        <div style="color: #fed7aa; font-size: 0.7em; margin-top: 6px;">Upgrade options available | Customer service notified</div>
                     </div>
                     </div>
                 </div>
                 </div>
             </div>
             </div>
              
              
             <div style="background: rgba(0,0,0,0.4); border-radius: 20px; overflow: hidden; border: 1px solid rgba(245,158,11,0.3);">
            <!-- RIGHT: TODAY'S PRIORITIES - Clean Card Style -->
                 <div style="background: rgba(245,158,11,0.2); padding: 14px 20px; display: flex; align-items: center; gap: 12px; border-bottom: 1px solid rgba(245,158,11,0.3);">
             <div style="background: #0a0e1a; border-radius: 20px; overflow: hidden; border: 1px solid #2a2e3a;">
                    <div style="background: #f59e0b; width: 36px; height: 36px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.2em;">⭐</div>
                 <div style="padding: 18px 22px; background: #111827; border-bottom: 1px solid #1f2937;">
                    <div style="flex: 1;">
                    <div style="display: flex; align-items: center; gap: 12px;">
                         <div style="font-weight: 700; font-size: 1.1em; color: white;">TODAY'S PRIORITIES</div>
                        <div style="background: #f59e0b; width: 10px; height: 10px; border-radius: 50%;"></div>
                         <div style="font-size: 0.7em; color: #fed7aa;">Key Tasks & Deadlines</div>
                         <div style="font-weight: 700; font-size: 1em; color: #f3f4f6; letter-spacing: 0.5px;">⭐ TODAY'S PRIORITIES</div>
                         <div style="margin-left: auto; background: #f59e0b; padding: 4px 12px; border-radius: 30px; font-size: 0.7em; font-weight: 600; color: #0a0e1a;">3 ITEMS</div>
                     </div>
                     </div>
                     <div style="background: #f59e0b; padding: 4px 12px; border-radius: 20px; font-size: 0.7em; font-weight: 600; color: white;">3 ITEMS</div>
                     <div style="font-size: 0.7em; color: #9ca3af; margin-top: 6px;">Key Tasks & Deadlines</div>
                 </div>
                 </div>
                 <div style="padding: 18px 20px;">
                 <div style="padding: 18px 20px;">
                     <div style="display: flex; align-items: center; gap: 15px; background: rgba(255,255,255,0.05); padding: 12px 15px; border-radius: 12px; margin-bottom: 12px;">
                    <!-- Priority Item 1 -->
                         <div style="background: #003366; width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center;">🚗</div>
                     <div style="display: flex; align-items: center; gap: 14px; background: #111827; padding: 12px 14px; border-radius: 12px; margin-bottom: 10px;">
                         <div style="flex: 1;"><div style="color: white; font-weight: 600;">Fleet Inspection - Downtown Branch</div><div style="color: #ffd966; font-size: 0.75em;">2:30 PM | Main Office</div></div>
                         <div style="background: #1e3a5f; width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.1em;">🚗</div>
                         <div style="background: #003366; padding: 4px 10px; border-radius: 20px; font-size: 0.7em;">IN 2 HRS</div>
                         <div style="flex: 1;">
                            <div style="color: white; font-weight: 600; font-size: 0.9em;">Fleet Inspection - Downtown Branch</div>
                            <div style="color: #9ca3af; font-size: 0.7em; margin-top: 3px;">📍 Main Office | 2:30 PM</div>
                        </div>
                         <div style="background: #1e3a5f; padding: 4px 10px; border-radius: 20px; font-size: 0.65em; font-weight: 500; color: white;">IN 2 HRS</div>
                     </div>
                     </div>
                     <div style="display: flex; align-items: center; gap: 15px; background: rgba(255,255,255,0.05); padding: 12px 15px; border-radius: 12px; margin-bottom: 12px;">
                    <!-- Priority Item 2 -->
                         <div style="background: #10b981; width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center;">📅</div>
                     <div style="display: flex; align-items: center; gap: 14px; background: #111827; padding: 12px 14px; border-radius: 12px; margin-bottom: 10px;">
                         <div style="flex: 1;"><div style="color: white; font-weight: 600;">VIP Delivery - Luxury SUV</div><div style="color: #ffd966; font-size: 0.75em;">4:00 PM | Airport Branch</div></div>
                         <div style="background: #0f5c4a; width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.1em;">📅</div>
                         <div style="background: #10b981; padding: 4px 10px; border-radius: 20px; font-size: 0.7em;">3.5 HRS</div>
                         <div style="flex: 1;">
                            <div style="color: white; font-weight: 600; font-size: 0.9em;">VIP Delivery - Luxury SUV</div>
                            <div style="color: #9ca3af; font-size: 0.7em; margin-top: 3px;">📍 Airport Branch | 4:00 PM</div>
                        </div>
                         <div style="background: #0f5c4a; padding: 4px 10px; border-radius: 20px; font-size: 0.65em; font-weight: 500; color: white;">3.5 HRS</div>
                     </div>
                     </div>
                     <div style="display: flex; align-items: center; gap: 15px; background: rgba(255,255,255,0.05); padding: 12px 15px; border-radius: 12px;">
                    <!-- Priority Item 3 -->
                         <div style="background: #f59e0b; width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center;">🔧</div>
                     <div style="display: flex; align-items: center; gap: 14px; background: #111827; padding: 12px 14px; border-radius: 12px;">
                         <div style="flex: 1;"><div style="color: white; font-weight: 600;">Maintenance Review Meeting</div><div style="color: #ffd966; font-size: 0.75em;">Tomorrow 9:00 AM | Conference Room</div></div>
                         <div style="background: #854d0e; width: 40px; height: 40px; border-radius: 12px; display: flex; align-items: center; justify-content: center; font-size: 1.1em;">🔧</div>
                         <div style="background: #f59e0b; padding: 4px 10px; border-radius: 20px; font-size: 0.7em;">TOMORROW</div>
                         <div style="flex: 1;">
                            <div style="color: white; font-weight: 600; font-size: 0.9em;">Maintenance Review Meeting</div>
                            <div style="color: #9ca3af; font-size: 0.7em; margin-top: 3px;">📍 Conference Room | Tomorrow 9:00 AM</div>
                        </div>
                         <div style="background: #854d0e; padding: 4px 10px; border-radius: 20px; font-size: 0.65em; font-weight: 500; color: white;">TOMORROW</div>
                     </div>
                     </div>
                 </div>
                 </div>
Line 177: Line 203:
</div>
</div>


<!-- ==================== GOOD MORNING MESSAGE SECTION - MODERN & VIBRANT ==================== -->
<!-- ==================== GOOD MORNING MESSAGE SECTION ==================== -->
<div style="max-width: 1400px; margin: 20px auto; padding: 0 20px;">
<div style="max-width: 1400px; margin: 20px auto; padding: 0 20px;">
     <div style="background: linear-gradient(135deg, #e0f2fe 0%, #fef3c7 100%); padding: 28px; border-radius: 28px; box-shadow: 0 12px 30px rgba(0,0,0,0.1); position: relative; overflow: hidden;">
     <div style="background: linear-gradient(135deg, #e0f2fe 0%, #fef3c7 100%); padding: 28px; border-radius: 28px; box-shadow: 0 12px 30px rgba(0,0,0,0.1); position: relative; overflow: hidden;">
          
          
        <!-- Decorative Circle Background -->
         <div style="position: absolute; top: -50px; right: -50px; width: 180px; height: 180px; background: radial-gradient(circle, rgba(255,107,0,0.15) 0%, transparent 70%); border-radius: 50%; pointer-events: none;"></div>
         <div style="position: absolute; top: -50px; right: -50px; width: 180px; height: 180px; background: radial-gradient(circle, rgba(255,107,0,0.15) 0%, transparent 70%); border-radius: 50%; pointer-events: none;"></div>
         <div style="position: absolute; bottom: -30px; left: -30px; width: 130px; height: 130px; background: radial-gradient(circle, rgba(0,51,102,0.1) 0%, transparent 70%); border-radius: 50%; pointer-events: none;"></div>
         <div style="position: absolute; bottom: -30px; left: -30px; width: 130px; height: 130px; background: radial-gradient(circle, rgba(0,51,102,0.1) 0%, transparent 70%); border-radius: 50%; pointer-events: none;"></div>
          
          
         <div style="display: flex; align-items: center; gap: 20px; flex-wrap: wrap; justify-content: space-between;">
         <div style="display: flex; align-items: center; gap: 20px; flex-wrap: wrap; justify-content: space-between;">
            <!-- Left Section: Welcome Message -->
             <div style="flex: 2; min-width: 250px;">
             <div style="flex: 2; min-width: 250px;">
                 <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 12px;">
                 <div style="display: flex; align-items: center; gap: 12px; margin-bottom: 12px;">
Line 200: Line 224:
             </div>
             </div>
              
              
            <!-- Right Section: Team Contacts -->
             <div style="flex: 3; min-width: 300px;">
             <div style="flex: 3; min-width: 300px;">
                 <div style="background: rgba(255,255,255,0.6); border-radius: 24px; padding: 12px 20px; backdrop-filter: blur(4px);">
                 <div style="background: rgba(255,255,255,0.6); border-radius: 24px; padding: 12px 20px; backdrop-filter: blur(4px);">
Line 221: Line 244:
         </div>
         </div>
          
          
        <!-- Status Badges Row -->
         <div style="display: flex; gap: 15px; margin-top: 25px; flex-wrap: wrap; justify-content: space-between; align-items: center;">
         <div style="display: flex; gap: 15px; margin-top: 25px; flex-wrap: wrap; justify-content: space-between; align-items: center;">
             <div style="display: flex; gap: 12px; flex-wrap: wrap;">
             <div style="display: flex; gap: 12px; flex-wrap: wrap;">
Line 240: Line 262:
         </div>
         </div>
          
          
        <!-- Animated Progress Bar (Decorative) -->
         <div style="margin-top: 20px;">
         <div style="margin-top: 20px;">
             <div style="background: rgba(0,51,102,0.1); border-radius: 30px; height: 6px; width: 100%; overflow: hidden;">
             <div style="background: rgba(0,51,102,0.1); border-radius: 30px; height: 6px; width: 100%; overflow: hidden;">
Line 253: Line 274:
</div>
</div>


<!-- ==================== VEHICLE RENTAL DEPARTMENTS & RESOURCES - 10 CATEGORIES IN 3 SERIES ==================== -->
<!-- ==================== VEHICLE RENTAL DEPARTMENTS & RESOURCES ==================== -->
<div style="margin: 40px 20px;">
<div style="margin: 40px 20px;">
<h2 style="font-size: 2.2em; color: #003366; border-left: 8px solid #ff6b00; padding-left: 20px; margin-bottom: 30px;">📋 Vehicle Rental Departments & Resources</h2>
<h2 style="font-size: 2.2em; color: #003366; border-left: 8px solid #ff6b00; padding-left: 20px; margin-bottom: 30px;">📋 Vehicle Rental Departments & Resources</h2>

Latest revision as of 16:25, 3 April 2026


🚗
DRIVE HUB
Serix Mobility Solutions
🚘 James Wilson
🔔
⚙️
   100%
247+
FLEET VEHICLES
4.8
CUSTOMER RATING
15
YEARS EXCELLENCE

Welcome to SERIX Vehicle Rental

Your Complete Fleet Management & Rental Operations Platform

Internal Knowledge Base for Fleet Managers, Rental Agents, Maintenance Staff, and Customer Service Teams

🚗

Fleet Operations Center

⚡ Live Dashboard | Last Sync: Just now

               🚘 Welcome, James Wilson | Fleet Manager
🚗
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
⚠️ CRITICAL ALERTS
2 ACTIVE
Requires Immediate Attention
                           
                           FLEET ALERT · URGENT
                           Overdue
🚨 Vehicle #VH-3842 - Brake inspection overdue by 3 days
                           🔧 Maintenance notified
                           ⏰ Service scheduled for today

                           
                           RESERVATION ALERT · HIGH
                           Waitlist
📋 Overbooking for Economy class - 4 customers on waitlist
                           🔄 Upgrade options available
                           👥 Customer service notified
⭐ TODAY'S PRIORITIES
3 ITEMS
Key Tasks & Deadlines
🚗
Fleet Inspection - Downtown Branch
📍 Main Office | 2:30 PM
IN 2 HRS
📅
VIP Delivery - Luxury SUV
📍 Airport Branch | 4:00 PM
3.5 HRS
🔧
Maintenance Review Meeting
📍 Conference Room | Tomorrow 9:00 AM
TOMORROW
🌅

Good Morning, Rental Team!

⚡ Ready for a productive day ahead

📅 March 31, 2026 · Tuesday

👨‍💼
James Wilson
Manager · Ext 101
👩‍🔧
Sarah Chen
Fleet Sup. · Ext 110
🔧
Robert Miller
Maintenance · Ext 120
                   🔔 12 Pickups Today

                   ⭐ VIP Customer: Luxury SUV at 3 PM

                   🔧 3 Vehicles in Service

               📊 Fleet Status: 
               ● Operational

               Day Progress
               65% Complete

📋 Vehicle Rental Departments & Resources

🚘 Fleet Management & Operations

1️⃣

Fleet Inventory Management

📌 Vehicle tracking, inventory updates, fleet optimization, and utilization reporting.

2️⃣

Rental Reservation System

📌 Booking management, reservation workflows, availability calendar, and confirmation procedures.

3️⃣

Maintenance & Repair

📌 Preventive maintenance schedules, repair logs, service records, and vendor management.

4️⃣

Fuel Management

📌 Fuel card management, consumption tracking, cost optimization, and refueling protocols.

👥 Customer Service & Rental Policies

5️⃣

Rental Policies & Contracts

📌 Rental agreements, terms and conditions, insurance requirements, and liability policies.

6️⃣

Driver Management

📌 Driver eligibility, license verification, age requirements, and authorized driver policies.

7️⃣

Insurance & Claim Management

📌 Insurance coverage, accident reporting, claim processing, and damage assessment.

📊 Administration & Staff Management

8️⃣

Staff Training & Development

📌 Employee onboarding, customer service training, sales techniques, and safety protocols.

9️⃣

Accounting & Billing

📌 Payment processing, invoice generation, revenue tracking, and financial reporting.

🔟

Vendor & Supply Chain

📌 Vendor management, parts procurement, service contracts, and supply chain coordination.

🚙 Fleet Categories

🚗

Economy

Nissan Sunny, Suzuki Swift, Hyundai i10

View All →
🚙

Sedan

Toyota Prius, Honda Civic, Toyota Allion

View All →
🚙

SUV

Mitsubishi Pajero, Land Cruiser, Nissan X-Trail

View All →
🚘

Luxury

Mercedes E-Class, BMW 7 Series, Audi Q7

View All →

📍 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

📋 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

🚗 About 📧 Contact 🔒 Privacy 📋 Terms

This is a demonstration wiki created for SERIX Vehicle Rental. All fleet data, rental information, and customer details shown are fictional and for demonstration purposes only.

© 2026 SERIX Vehicle Rental Knowledge Management System | Fluent Skin | MediaWiki Platform

Last updated: April 2026

Retrieved from "https://vehiclerentalwikidemo.serix.group/index.php?title=Main_Page&oldid=40"