Homepage Guide
The Menon Mobility homepage serves as the main entry point for visitors, featuring a powerful search interface, featured listings, category browsing, and trust-building elements.
Hero Section with Search
The hero section dominates the top of the page with a full-width background image and the main search interface.
Tabbed Search Interface
The search form supports three modes via tabs:
| Tab | Purpose | Key Fields |
|---|---|---|
| Buy | Search vehicles for sale | Category, keyword, price, year, country |
| Rent | Find rental vehicles | Category, keyword, duration, country, city |
| Services | Locate service providers | Service type, keyword, country, city |
Buy Tab Search Fields
- Category Dropdown - Hierarchical selection with parent categories and subcategories
- Make/Model/Keyword - Free text search with autocomplete suggestions
- Price Range - Predefined ranges based on selected currency
- Year - Filter by manufacture year (last 30 years)
- Country - Filter by vehicle location
Location Search
Click "Find Near Me" in the country dropdown to use geolocation. This opens an interactive map where you can:
- Set your location by clicking on the map
- Adjust the search radius (25-1000 km)
- Search for vehicles within that area
Rent Tab Search Fields
- Category selection
- Keyword search
- Rental duration (Daily, Weekly, Monthly, Yearly)
- Country and city filters
- Location radius search
Services Tab Search Fields
- Service category (Mechanic, Rental, Towing, etc.)
- Provider keyword search
- Country and city filters
- Location radius search
Quick Search Functionality
The search interface includes intelligent features:
Autocomplete Suggestions
As you type in the keyword field, the system provides real-time suggestions based on:
- Popular makes and models
- Recent searches
- Matching listings
Keyboard Navigation
- Arrow Up/Down - Navigate suggestions
- Enter - Select highlighted suggestion
- Escape - Close suggestions dropdown
Category Browsing
Below the hero section, an 8-category grid provides quick access to main vehicle types:
| Category | Icon | Description |
|---|---|---|
| Cars | Car icon | Passenger cars, SUVs, sedans |
| Trucks | Truck icon | All truck types |
| Construction | Forklift icon | Heavy equipment |
| Vans | Van icon | Commercial vans |
| Trailers | Container icon | Semi-trailers, flatbeds |
| Agricultural | Tractor icon | Farm equipment |
| Industrial | Cog icon | Industrial machinery |
| Parts | Cog icon | Vehicle components |
| Containers | Ship icon | Shipping containers |
View All Categories
Click "View All Categories" to see the complete list including subcategories.
Featured Listings Section
When featured listings are available from sellers, they display in a prominent grid:
- Grid Layout - 4 columns on desktop, 2 on tablet, 1 on mobile
- Up to 8 listings displayed
- Featured Badge - Gold/amber badge indicating premium placement
- "View All Listings" link to see more
Listing Card Information
Each card shows:
- Main image with navigation arrows
- Title and year
- Price (in user's selected currency)
- Location (city, country)
- Key specs (mileage, fuel type)
- Seller name and verification status
- Favorite button
Most Searched Vehicles
A section showing trending listings based on view counts and user interest:
- Dynamically populated from API
- Falls back to curated examples if no data
- Same card format as featured listings
- "View All" link to search page
Dual CTA Section
Two side-by-side call-to-action cards:
"Looking for a Vehicle?"
- Green gradient background
- Links to search page
- Targets buyers
"Want to Sell?"
- Dark gradient background
- Links to registration
- Targets potential sellers
Trust Features Section
Four trust pillars displayed in a grid:
| Feature | Description |
|---|---|
| Certified Dealers | Verified dealer program |
| Hassle-Free Financing | Finance calculator integration |
| Expert Service | Customer support |
| Secure Messaging | Built-in communication |
Popular Makes Section
Brand logos grid with links to filtered searches:
- 6 featured brands displayed
- Dark background styling
- Hover effects on logos
- Links to
search?brand=BRAND_NAME
Featured brands include:
- Mercedes-Benz
- Volvo
- Scania
- MAN
- DAF
- Caterpillar
Customer Testimonials
Social proof section featuring customer reviews:
- Star rating display (5-star system)
- Review content with quotes
- Reviewer info - name, role, avatar
- TrustPilot-style rating summary
Platform Statistics
Animated counter section showing:
| Stat | Display |
|---|---|
| Vehicles Listed | 2,500+ |
| Happy Customers | 1,200+ |
| Dealers Worldwide | 150+ |
| Years of Service | 12 |
Animated Counters
Numbers animate from 0 when the section scrolls into view, creating an engaging visual effect.
Newsletter Subscription
Email capture section in the footer area:
- Email input field
- Subscribe button
- Dark background styling
- Confirmation messaging
Newsletter Features
- Marketing updates
- New listing alerts
- Platform announcements
Footer Navigation
The footer provides comprehensive navigation:
Quick Links
- About Us
- Contact
- FAQ
- How It Works
- Terms of Service
- Privacy Policy
Category Links
- Direct links to main categories
- Popular searches
Social Media
- Facebook, Twitter, LinkedIn, Instagram links
Company Information
- Copyright notice
- Company address
- Contact details
Mobile Responsiveness
The homepage is fully responsive:
| Breakpoint | Adjustments |
|---|---|
| Desktop (1024px+) | Full 4-column grids, side-by-side layouts |
| Tablet (768px-1023px) | 2-column grids, stacked CTAs |
| Mobile (<768px) | Single column, collapsed menus, touch-optimized |
SEO Features
The homepage includes comprehensive SEO optimization:
- Schema.org markup for Organization and WebSite
- Open Graph tags for social sharing
- Twitter Card support
- Meta descriptions for search engines
- Canonical URL declaration