A sleek and responsive marketing website built with React, featuring modern UI components and smooth animations. This project showcases a professional landing page with multiple sections including hero, features, testimonials, and contact components.
- Modern and responsive design
- Smooth scroll animations using Framer Motion
- Interactive UI components
- Hero section with engaging call-to-action
- Feature showcase with dynamic layouts
- Testimonials section
- Contact form
- Mobile-first approach
- React 19.0.0
- Framer Motion
- React Router DOM
- React Icons
- React Intersection Observer
- React Scroll
- HeroIcons
- Lucide React
- Node.js (v14 or higher)
- npm or yarn
- Clone the repository
git clone [your-repo-link]- Install dependencies
npm install- Start the development server
npm startThe application will open in your default browser at http://localhost:3000.
npm start- Runs the app in development modenpm test- Launches the test runnernpm run build- Builds the app for productionnpm run eject- Ejects from Create React App
The website is fully responsive and optimized for:
- Desktop (1200px and above)
- Tablet (768px to 1199px)
- Mobile (below 768px)
- Navigation Bar
- Hero Section
- Feature Grid
- Testimonial Carousel
- Contact Form
- Footer
The project uses a combination of:
- Custom CSS
- CSS Modules
- Framer Motion for animations
The website is optimized for:
- Fast loading times
- SEO best practices
- Web vitals
- Accessibility
This project is licensed under the MIT License - see the LICENSE file for details.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
Rial Parmar - rialparmar007@gmail.com
Project Link: (https://marketing-website-tech.vercel.app/)
Made with ❤️ using React and modern web technologies
