Overview

This GitHub repository contains the code for a product website built using Next.js v14, GSAP for animations, Material-UI for UI components, and Tailwind CSS for utility-based styling

Key technologies

• Next.js v14: A React framework for server-side rendering, static site generation, and incremental static regeneration.
• GSAP: A high-performance JavaScript animation library for creating complex and dynamic effects.
• Material-UI: A comprehensive set of React components based on Google's Material Design guidelines.
• Tailwind CSS: A low-level utility-first CSS framework for building responsive layouts and UI components.

Layout

src/
├── public/      // Static assets like images and fonts
├── app/
│   ├── page.tsx   // Start here , Main page component
│   └── layout.tsx // Layout component for consistent page structure
│
├── components/
│   ├── pages/    // All page component files (e.g., Homepage.tsx, AboutPage.tsx)
│   └── ui/       // Reusable UI component files (e.g., Box.tsx, Card.tsx, Navbar.tsx, Footer.tsx)
│
├── constants/  // Data and configuration files used by different components

Getting Started

install packages

npm install
or
yarn

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev