Softy Hygiene Website

This repository contains the Softy Hygiene Website, a modern and responsive frontend web application built using Next.js, Tailwind CSS, ShadCN UI, and TypeScript. The website showcases Softy Hygiene's products, categories, dealer locator, about section, and contact information, providing a seamless user experience.

Deployment Link: https://internship-task-frontend-using-next-js-4evc.vercel.app/

Table of Contents

• Features
• Technologies Used
• Installation
• Deployment

Features

• Dynamic Pages: Includes pages for products, categories, dealer locator, about section, and contact information.
• Responsive Design: Fully optimized for desktop, tablet, and mobile devices.
• Interactive Components: Carousel, navigation bar, and dealer locator with sorting functionality.
• Modern UI: Built with ShadCN UI and Tailwind CSS for a clean and professional look.
• Google Maps Integration: Dealer locator includes embedded Google Maps for easy navigation.
• Reusable Components: Modular and reusable components for scalability and maintainability.
• Next.js Framework: Utilizes the power of server-side rendering and static site generation.
• Optimized Performance: Implements best practices for fast loading and smooth user experience.
• Deployed on Vercel: Seamless deployment for production-ready applications.

Technologies Used

• Framework: Next.js (App Router)
• Styling: Tailwind CSS
• UI Components: ShadCN UI
• TypeScript: For type safety and better developer experience
• Icons: Lucide React and React Icons
• Carousel: Embla Carousel

Installation

To run the project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/your-username/softy-hygiene.git
   cd softy-hygiene

2. Navigate to the project directory:

   cd task

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev