A modern, responsive automotive landing page with a complete admin panel built using Laravel 12, Bootstrap 5, and jQuery. This project features a dynamic content management system that allows administrators to manage all sections of the landing page through an intuitive admin interface.
- Hero Section - Dynamic carousel slider with multiple slides support
- Services - Showcase your automotive services with icons/images
- About Us - Company information with image
- Features - Highlight key features with icons
- Testimonials - Customer testimonials carousel
- Gallery - Image gallery with lightbox
- Contact - Contact information with Google Maps embed
- Full CRUD Operations - Manage all landing page sections
- Bulk Actions - Delete multiple items, update status in bulk
- Image Upload - Upload and manage images for each section
- Status Toggle - Enable/disable sections visibility
- Responsive Design - Works on desktop and mobile devices
| Requirement | Version |
|---|---|
| PHP | >= 8.2 |
| Composer | >= 2.0 |
| MySQL | >= 5.7 / MariaDB >= 10.3 |
| Node.js | >= 18.0 (optional, for asset compilation) |
- BCMath
- Ctype
- Fileinfo
- JSON
- Mbstring
- OpenSSL
- PDO
- Tokenizer
- XML
- GD (for image processing)
git clone https://github.com/adhityasukma/autocare-pro.git
cd autocare-procomposer installCopy the example environment file and generate an application key:
cp .env.example .env
php artisan key:generateOpen the .env file and update the database configuration:
DB_CONNECTION=mysql
DB_HOST=127.0.0.1
DB_PORT=3306
DB_DATABASE=automotive_lp
DB_USERNAME=root
DB_PASSWORD=your_passwordCreate the database manually in MySQL:
CREATE DATABASE automotive_lp;Or using command line (MySQL):
mysql -u root -p -e "CREATE DATABASE IF NOT EXISTS automotive_lp"php artisan migratePopulate the database with sample data:
php artisan db:seedLink the storage folder to public:
php artisan storage:linkphp artisan serveThe application will be available at: http://localhost:8000
Access URLs:
- Landing Page:
http://localhost:8000 - Admin Panel:
http://localhost:8000/admin - Admin Login:
http://localhost:8000/admin/login
After seeding the database, use these credentials to access the admin panel:
| Field | Value |
|---|---|
| URL | http://localhost:8000/admin/login |
admin@automotive.com |
|
| Password | password123 |
├── app/
│ ├── Http/Controllers/
│ │ ├── Admin/ # Admin panel controllers
│ │ ├── Api/ # API controllers
│ │ └── Auth/ # Authentication controllers
│ └── Models/ # Eloquent models
├── database/
│ ├── migrations/ # Database migrations
│ └── seeders/ # Database seeders
├── resources/
│ └── views/
│ ├── admin/ # Admin panel views
│ ├── auth/ # Authentication views
│ └── landing/ # Landing page view
├── routes/
│ ├── api.php # API routes
│ └── web.php # Web routes
└── storage/
└── app/public/ # Uploaded files
php artisan testphp artisan cache:clear
php artisan config:clear
php artisan view:clear- Landing Page: AutoCare Pro Landing Page.
- Admin Panel: AutoCare Pro - Admin.
This project is open-sourced software licensed under the MIT license.
Adhitya Sukma
Contributions, issues, and feature requests are welcome! Feel free to check the issues page.
Give a ⭐ if this project helped you!