https://github.com/amr12338kh/rentcars

A sleek and responsive car rental landing page built with Next.js, TypeScript, and Tailwind CSS, featuring smooth animations powered by Framer Motion. This project demonstrates modern front-end development practices with a focus on clean design, reusable components, and optimal performance. Deployed on Vercel for a fast and seamless user experience
https://github.com/amr12338kh/rentcars

framer-motion nextjs shadcn-ui tailwindcss typescript vercel

Last synced: about 15 hours ago
JSON representation

A sleek and responsive car rental landing page built with Next.js, TypeScript, and Tailwind CSS, featuring smooth animations powered by Framer Motion. This project demonstrates modern front-end development practices with a focus on clean design, reusable components, and optimal performance. Deployed on Vercel for a fast and seamless user experience

• Host: GitHub
• URL: https://github.com/amr12338kh/rentcars
• Owner: amr12338kh
• Created: 2025-01-30T13:25:11.000Z (about 20 hours ago)
• Default Branch: main
• Last Pushed: 2025-01-30T14:16:17.000Z (about 19 hours ago)
• Last Synced: 2025-01-30T14:29:43.797Z (about 19 hours ago)
• Topics: framer-motion, nextjs, shadcn-ui, tailwindcss, typescript, vercel
• Language: TypeScript
• Homepage: https://rentcars-ak.vercel.app/
• Size: 16.4 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Rentcars - Car Rental Landing Page

Rentcars is a responsive and animated landing page created to showcase a car rental business. This project is designed as part of my portfolio to demonstrate my front-end development skills, including animation, styling, and responsiveness.

## Features

- **Modern Design**: Clean, visually appealing layout with a professional aesthetic.

- **Responsive**: Fully optimized for devices of all sizes, ensuring a great user experience on mobile, tablet, and desktop.

- **Framer Motion Animations**: Smooth and interactive animations to enhance user engagement.

- **Showcase Sections**:

  - Highlights of top car rental deals.

  - A simple explanation of the booking process.

  - Customer testimonials to build trust.

  - Promotion of a mobile app for additional convenience.

## Technologies Used

- **Next.js**: For building a performant React-based web app with server-side rendering.

- **TypeScript**: For better type safety and maintainable code.

- **Tailwind CSS**: For efficient and consistent styling with utility-first classes.

- **Shadcn UI**: For reusable and modern UI components.

- **Framer Motion**: For creating smooth, interactive animations.

- **Vercel**: For deployment and hosting.

## Project Purpose

This landing page was created as part of my portfolio to demonstrate my proficiency in modern front-end technologies, animations, and responsive design.

## Installation and Running Locally

1. **Clone the Repository**:

   ```bash

   git clone https://github.com/amr12338kh/Rentcars.git

   cd Rentcars