Veiron Auto is a modern, production-ready car rental website built with HTML, CSS, JavaScript, and PHP. The website features a clean, responsive design with a multi-step booking process and automated email notifications.
Company: Veiron Auto
Slogan: Simplu Si Rapid
Language: Romanian
Target Market: Romanian car rental market
VEIRONAUTO/
├── index.html # Main landing page
├── assets/
│ ├── css/
│ │ ├── main.css # Main stylesheet
│ │ ├── booking.css # Booking form styles (future)
│ │ └── responsive.css # Additional responsive styles (future)
│ ├── js/
│ │ ├── config.js # Configuration settings
│ │ ├── booking.js # Booking form functionality
│ │ ├── swiper-components.js # Swiper carousel components
│ │ ├── car-selection.js # Car selection logic (future)
│ │ └── utils.js # Utility functions (future)
│ ├── images/ # Image assets (future)
│ └── fonts/ # Custom fonts (future)
├── php/ # PHP backend files (future)
│ ├── mailer.php # PHPMailer integration
│ ├── config.php # PHP configuration
│ └── booking-handler.php # Form submission handler
├── templates/ # Email templates (future)
├── docs/ # Documentation
│ └── swiper-guide.md # Swiper implementation guide
└── README.md # This file
- Responsive Design: Works on all devices (desktop, tablet, mobile)
- Booking Form: Complete rental booking interface
- Form Validation: Real-time client-side validation
- Date Management: Smart date selection with validation
- Location Selection: Multiple pickup/dropoff locations
- Contact Integration: Floating contact buttons (Email, Phone, WhatsApp)
- Animations: Smooth transitions and loading states
- Accessibility: ARIA labels and keyboard navigation
- SEO Ready: Meta tags and structured markup
- Swiper Integration: Touch-friendly carousels and sliders ready for use
- Car Selection Page: Browse and select rental cars
- PHP Backend: Form processing and email notifications
- Payment Integration: Online payment gateway
- User Accounts: Registration and booking history
- Multi-language Support: Romanian and English
- Google Maps Integration: Location visualization
- SMS Notifications: Text message alerts
- HTML5: Semantic markup
- CSS3: Modern styling with Grid and Flexbox
- JavaScript (ES6+): Interactive functionality
- Font Awesome: Icon library
- Swiper.js: Touch-friendly carousels and sliders
- PHP 8.0+: Server-side processing
- PHPMailer: Email functionality
- MySQL: Database for bookings and cars
- Apache/Nginx: Web server
- Chrome 90+
- Firefox 88+
- Safari 14+
- Edge 90+
- Mobile browsers (iOS Safari, Chrome Mobile)
- Primary: #667eea (Blue gradient start)
- Secondary: #764ba2 (Purple gradient end)
- Success: #52c41a (Green for confirmations)
- Danger: #ff4d4f (Red for errors)
- Warning: #faad14 (Orange for warnings)
- Primary Font: Arial, sans-serif
- Headings: Bold weights
- Body Text: Regular weight, 1.6 line height
- Container: Max-width 1200px
- Padding: 20px standard
- Margins: Consistent 15-30px spacing
- Border Radius: 10-20px for modern look
The website uses a centralized configuration system in assets/js/config.js:
// Update company information
VeironConfig.company.contact.email = 'your-email@domain.com';
VeironConfig.company.contact.phone = '+40123456789';
// Add new locations
VeironConfig.locations.push({
value: 'new-location',
label: 'New Location',
coordinates: [lat, lng]
});- Web server (Apache/Nginx) or local development server
- PHP 8.0+ (for backend functionality)
- Modern web browser
- Clone or Download the project files
- Upload to your web server or local development environment
- Configure settings in
assets/js/config.js - Update contact information and company details
- Test the booking form functionality
# Using Python (if available)
python -m http.server 8000
# Using PHP built-in server
php -S localhost:8000
# Using Node.js (if you have it)
npx serve .Then open: http://localhost:8000
For PHPMailer integration:
- Install PHPMailer via Composer
- Configure SMTP settings in
php/config.php - Customize email templates in
templates/ - Test email delivery
Edit assets/js/config.js:
VeironConfig.locations.push({
value: 'new-city',
label: 'New City',
coordinates: [latitude, longitude]
});Update CSS variables in assets/css/main.css:
:root {
--primary-color: #your-color;
--secondary-color: #your-color;
}Edit assets/js/config.js:
VeironConfig.timeSlots.push('19:00', '20:00');- Lighthouse Score: 95+ (Performance, Accessibility, Best Practices, SEO)
- Load Time: < 2 seconds on 3G
- Bundle Size: Minimal CSS/JS footprint
- Image Optimization: WebP with fallbacks (when images added)
Enable debug mode in assets/js/config.js:
VeironConfig.development.debug = true;- Form not submitting: Check JavaScript console for errors
- Styling issues: Verify CSS file paths
- Mobile layout: Test responsive breakpoints
Recommended analytics setup:
- Google Analytics 4
- Google Tag Manager
- Facebook Pixel (for ads)
- Hotjar (for user behavior)
- Input validation and sanitization
- XSS prevention
- CSRF protection (when backend added)
- SQL injection prevention
- File upload security
- Rate limiting
- SSL certificate required
For technical support or customization requests:
- Email: contact@veironauto.ro
- Phone: +40123456789
- Documentation: Check this README and code comments
- Initial release
- Booking form implementation
- Responsive design
- Basic validation
- Car selection page
- PHP backend integration
- Email notifications
- Payment integration
- User accounts
- Advanced features
This project is proprietary software for Veiron Auto. All rights reserved.
- Lead Developer: [Your Name]
- UI/UX Designer: [Designer Name]
- Project Manager: [PM Name]
Last Updated: June 15, 2025
Next Review: July 15, 2025
- Base currency: All prices in the system are stored and processed in EUR.
- Display:
- For Romanian users, prices are shown in RON (converted at display time using
eurRatefrom config). - For English users, prices are shown in EUR.
- For Romanian users, prices are shown in RON (converted at display time using
- Conversion formula:
- RON = EUR * (1/eurRate)
- (ex: if eurRate = 0.20, then 1 EUR = 5 RON)
- Data storage:
- All reservation data is saved with the price in EUR, not RON.
- Important:
- Any future changes to currency logic must respect this convention for consistency.
/*
* Currency Conversion Policy:
* - All base prices are stored in EUR.
* - For Romanian language (RO), prices are displayed in RON, converted using eurRate from config.
* - For English language (EN), prices are displayed in EUR (no conversion).
* - Conversion formula: RON = EUR * (1/eurRate)
* - eurRate should reflect the value: 1 RON = eurRate EUR (ex: eurRate = 0.20 means 1 EUR = 5 RON)
* - When saving reservations, always store the price in EUR.
*/Unde să pui comentariul în cod:
- Înaintea funcției
formatPricedin fiecare fișier JS relevant (reservation-en.js,reservation-ro.js, etc.). - Sau la începutul fișierului de config (
config.js).
Unde să pui în README:
- Într-o secțiune separată, de preferat după "Instalare" sau "Structura proiectului".
Dacă vrei, pot insera direct comentariul în fișierele tale JS. Spune-mi dacă vrei să fac asta!