Welcome to the Corporate Website project! This repository contains the code for a multi-page, responsive website designed and developed using React, JavaScript, HTML5, and CSS3.
LIVE LINK : https://www.lavcraft.com/
The goal of this project was to develop a visually dynamic corporate website that enhances user experience through:
- Advanced CSS techniques for creating dynamic visuals.
- A cohesive color palette with modern typography trends.
- Smooth transitions and hover effects to improve interactivity.
- Responsive Design: Ensures the website looks great on all devices.
- Routing with React Router: Seamless navigation between different pages.
- Dynamic Interactivity: Utilizes framer-motion for animations and GSAP for scroll-based animation.
- Modern Visuals: Designed using advanced CSS and BEM methodology for maintainability.
- Global State Management (using Context API)
To set up the project locally, follow these steps:
- Clone the repository:
git clone https://github.com/OTH21DEV/agency_pro
- Navigate to the project directory:
cd agency_pro - Install dependencies:
npm install
- Run the application:
npm start
- Access the application:
Open your browser to http://localhost:3000.
Here is a list of primary dependencies used in this project:
- React & React DOM: Version 18.2.0
- React Router Dom: Version 6.22.3
- Framer Motion: For animations, version 11.0.3
- GSAP: For additional animation capabilities, version 2.1.0
- BEM React Classname: Helps create BEM-style class names
- Testing Libraries: Includes Jest and Testing Library for robust testing
For a complete list of dependencies, see the package.json file.