A modern, multilingual website for automotive services built with Next.js, featuring a responsive design, dark mode support, and seamless user experience.
-
Multilingual Support
- German (Default)
- English
- Albanian
- Turkish
-
Modern Design
- Responsive layout
- Dark/Light mode
- Smooth animations with Framer Motion
- TailwindCSS styling
-
Core Services
- 24/7 Towing Service
- Vehicle Purchase
- Vehicle Sales
- Vehicle Brokerage
- Parts & Tires
-
Technical Features
- Server-Side Rendering (SSR)
- SEO Optimized
- Mobile-First Approach
- Progressive Web App (PWA) Ready
- Accessibility Compliant
- Clone the repository
git clone https://github.com/yourusername/autodienst24.git
- Install dependencies
npm install
# or
yarn install
- Run the development server
npm run dev
# or
yarn dev
- Open http://localhost:3000 with your browser
- Next.js 15.0 - React Framework
- React 18.3 - JavaScript Library
- TailwindCSS - CSS Framework
- Framer Motion - Animation Library
- i18next - Internationalization Framework
- Lucide Icons - Icon Library
autodienst24/
├── app/
│ ├── components/
│ ├── providers/
│ ├── public/
│ │ └── locales/
│ └── pages/
├── public/
│ ├── images/
│ └── fonts/
└── styles/
The website supports multiple languages through i18next. Language files are located in:
public/locales/
├── de/
├── en/
├── sq/
└── tr/
The website supports both light and dark modes, with seamless switching capabilities. Theme configurations can be modified in the ThemeProvider component.
The website is PWA-ready, allowing users to install it as a native app on their devices. PWA configurations can be customized in the next.config.js
file.
Key configuration files:
next.config.js
- Next.js configurationtailwind.config.js
- TailwindCSS configurationi18n.ts
- Internationalization configuration
This project is licensed under the MIT License - see the LICENSE.md file for details
- Website: www.autodienst24.at
- Email: [email protected]
- Phone: +43 664 5171020
- Design inspiration from modern automotive websites
- Icons provided by Lucide Icons
- Animations powered by Framer Motion
Made with ❤️ by Nikoll Gjokaj