Modern React Site with Advanced Animations

This repository contains a static web application built with React and Vite, featuring rich animations and 3D elements.

Tech Stack

• React (latest) — Core UI framework
• Vite — Fast build tool with instant HMR
• Framer Motion — UI animations
• GSAP — Timeline animation control
• React Three Fiber + Three.js — Interactive 3D visualizations

Features

• Animated UI:

  • Hero animations
  • Smooth page transitions
  • Scroll-triggered effects
  • Responsive navigation

• 3D Visuals:

  • Interactive 3D fire safety equipment
  • Post-processing visual enhancements
  • Performance-optimized rendering

• Performance:

  • Code splitting
  • Lazy loading
  • Optimized animations and assets
  • Minimal production bundle

Project Structure

• public/ — Static assets and HTML template
• src/ — React application source code
• .gitignore — Excluded files from version control
• package.json — Dependencies and scripts
• vite.config.js — Vite build configuration
• eslint.config.js — Linting rules

Scripts

Run these commands from the project root:

# Install dependencies
npm install

# Run in development mode
npm run dev

# Build for production
npm run build

# Preview production build
npm run preview

# Deploy to GitHub Pages (if configured)
npm run deploy