feat: initialize project with Tailwind CSS, React, and TypeScript setup

- Added Tailwind CSS configuration with custom theme colors and animations.
- Created global styles in index.css including custom scrollbar and button components.
- Set up main entry point in main.tsx to render the App component.
- Configured TypeScript with strict settings and path mapping.
- Added support for high contrast mode and reduced motion in styles.
- Included print styles for better printing experience.

package.json

@@ -1,12 +1,14 @@
 {
   "name": "miracles-in-motion-web",
+  "private": true,
   "version": "1.0.0",
+  "type": "module",
   "description": "Public website for Miracles In Motion 501(c)3 non-profit organization",
-  "main": "index.html",
   "scripts": {
-    "dev": "live-server --port=3000",
-    "build": "npm run copy-files",
-    "copy-files": "mkdir -p dist && cp -r *.html *.jsx *.css *.js *.json assets/ dist/",
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
     "deploy": "npm run build && gh-pages -d dist"
   },
   "keywords": [
@@ -16,7 +18,10 @@
     "miracles-in-motion",
     "community",
     "donations",
-    "volunteers"
+    "volunteers",
+    "react",
+    "vite",
+    "tailwind"
   ],
   "author": "Miracles In Motion",
   "license": "MIT",
@@ -25,13 +30,27 @@
     "url": "https://github.com/Miracles-In-Motion/public-web.git"
   },
   "homepage": "https://miraclesinmotion.org",
-  "devDependencies": {
-    "live-server": "^1.2.2",
-    "gh-pages": "^5.0.0"
-  },
   "dependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "framer-motion": "^10.16.4"
+    "framer-motion": "^10.16.16",
+    "lucide-react": "^0.290.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.37",
+    "@types/react-dom": "^18.2.15",
+    "@typescript-eslint/eslint-plugin": "^6.10.0",
+    "@typescript-eslint/parser": "^6.10.0",
+    "@vitejs/plugin-react": "^4.1.0",
+    "autoprefixer": "^10.4.16",
+    "eslint": "^8.53.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.4",
+    "gh-pages": "^6.0.0",
+    "postcss": "^8.4.31",
+    "tailwindcss": "^3.3.5",
+    "@tailwindcss/typography": "^0.5.10",
+    "typescript": "^5.2.2",
+    "vite": "^4.5.0"
   }
 }