Next.js Corporate GSAP Animation Theme

A modern, professional corporate theme built using Next.js and enhanced with smooth, high-performance animations powered by GSAP (GreenSock Animation Platform). This theme is perfect for businesses looking to deliver a sleek and engaging user experience with fast, SEO-optimized web performance.

Features

• Next.js Framework: A robust, scalable, and SEO-optimized React framework.
• GSAP Animations: Smooth and performant animations for a dynamic user experience.
• Responsive Design: Fully responsive for all screen sizes (mobile, tablet, desktop).
• Easy Customization: Modular and well-organized codebase for quick customizations.
• Optimized for Performance: Fast load times and best practices for web performance.

Demo

Check out the live demo: nextjs-corporate.vercel.app

Getting Started

Prerequisites

Before running the project, ensure you have the following installed:

• Node.js (v14.x or higher)
• Yarn (package manager)

Installation

1. Clone the repository:

   git clone https://github.com/ramthenmala/Nextjs-Corporate.git

2. Navigate into the project directory:

   cd Nextjs-Corporate

3. Install the dependencies using Yarn:

   yarn install

Running the Development Server

To start the local development server, run:

yarn dev

Visit http://localhost:3000 in your browser to see the site in development mode. Any changes you make will automatically reload the application.

Building for Production

To build the project for production:

yarn build

This will create an optimized build of your application.

Running the Production Server

After building, you can start the production server with:

yarn start

Your application will be available at http://localhost:3000 in production mode.

Linting and Formatting

This project uses ESLint and Prettier to maintain clean and consistent code formatting. You can lint and format your code using:

yarn lint
yarn format

Project Structure

• pages/: Contains the Next.js page components.
• components/: Reusable UI components.
• styles/: Global and component-specific CSS or SCSS files.
• public/: Static assets like images and fonts.
• animations/: GSAP-based animation logic.

Customization

• Styling: Modify styles in the styles/ directory to match your brand.
• Animations: Customize GSAP animations in the animations/ directory.
• Components: Reuse or extend the modular components in the components/ folder.

Deployment

To deploy your project, follow the Next.js deployment documentation.

Contributing

Contributions are welcome! Feel free to open an issue or submit a pull request if you have improvements or bug fixes.

How to Contribute

1. Fork the repository.
2. Create your feature branch (git checkout -b feature/your-feature).
3. Commit your changes (git commit -m 'Add your feature').
4. Push to the branch (git push origin feature/your-feature).
5. Open a pull request.