Create a futuristic, neon-style animated web page for a college department (e.g., Data Science Student Association - DSSA). The design should take inspiration from IIT Bombay Techfest, combining immersive visuals with interactivity. The site should include:A dark theme with neon glow effects, glassmorphism cards, and eye-catching motion transitionsA hero section with Spline or Three.js 3D background or interactive particle systemDepartment logo + DSSA title with animated neon glow and flickering light effectNavigation bar with glowing hover links and animated underline transitions: Home, Events, Roadmap, Play Game, About, TeamEvents section with multiple interactive flip cards (3D flip on pointer hover), each revealing event details with glowing borders and depthRoadmap section with a scroll-triggered vertical timeline (GSAP), glowing timeline dots and animated progress barsPlay Game section featuring a 3D-embedded or canvas-based mini game, with optional countdown timer or game timerAdd timer components (for upcoming events or game countdown) styled in neon digital clock formatAbout section featuring a sci-fi-style card layout for department description, including animated profile cards of HOD and coordinators (images + text transitions)Team section with glowing interactive profile cards that flip or expand on hoverOptionally include Lottie animations, animated SVGs, or Framer Motion transitions to bring life to each sectionA smooth preloader animation with DSSA logo or 3D spinner while assets loadFooter with social icons, contact info, and animated hover effects (Instagram, LinkedIn, GitHub)Responsive design, full mobile support, and smooth scrolling/parallaxTech Stack: Use Tailwind CSS, Three.js/Spline for 3D, GSAP or Framer Motion for animations, Lottie/SVG for lighter animated icons, and optionally React or plain HTML/JS. Apply glowing effects, blur-glass UI, animated transitions, hover effects, and event/game timers to make the interface futuristic and immersive.
I'll create a futuristic, neon-style animated web page for the Data Science Student Association (DSSA) with immersive 3D visuals, interactive elements, and cyberpunk aesthetics inspired by IIT Bombay Techfest.
An error occurred during deployment. Please fix:
Running build in Washington, D.C., USA (East) – iad1
Build machine configuration: 2 cores, 8 GB
Retrieving list of deployment files...
Previous build caches not available
Downloading 80 deployment files...
Running "vercel build"
Vercel CLI 44.4.3
Running "install" command: `bun install`...
bun install v1.2.18 (0d4089ea)
Resolving dependencies
Resolved, downloaded and extracted [3714]
warn: incorrect peer dependency "react@19.1.0"
warn: incorrect peer dependency "react-dom@19.1.0"
warn: incorrect peer dependency "react@19.1.0"
warn: incorrect peer dependency "date-fns@4.1.0"
Saved lockfile
+ @types/node@22.16.5 (v24.0.15 available)
+ @types/react@19.1.8
+ @types/react-dom@19.1.6
+ postcss@8.5.6
+ tailwindcss@3.4.17 (v4.1.11 available)
+ typescript@5.8.3
+ @emotion/is-prop-valid@1.3.1
+ @hookform/resolvers@3.10.0 (v5.1.1 available)
+ @radix-ui/react-accordion@1.2.2 (v1.2.11 available)
+ @radix-ui/react-alert-dialog@1.1.4 (v1.1.14 available)
+ @radix-ui/react-aspect-ratio@1.1.1 (v1.1.7 available)
+ @radix-ui/react-avatar@1.1.2 (v1.1.10 available)
+ @radix-ui/react-checkbox@1.1.3 (v1.3.2 available)
+ @radix-ui/react-collapsible@1.1.2 (v1.1.11 available)
+ @radix-ui/react-context-menu@2.2.4 (v2.2.15 available)
+ @radix-ui/react-dialog@1.1.4 (v1.1.14 available)
+ @radix-ui/react-dropdown-menu@2.1.4 (v2.1.15 available)
+ @radix-ui/react-hover-card@1.1.4 (v1.1.14 available)
+ @radix-ui/react-label@2.1.1 (v2.1.7 available)
+ @radix-ui/react-menubar@1.1.4 (v1.1.15 available)
+ @radix-ui/react-navigation-menu@1.2.3 (v1.2.13 available)
+ @radix-ui/react-popover@1.1.4 (v1.1.14 available)
+ @radix-ui/react-progress@1.1.1 (v1.1.7 available)
+ @radix-ui/react-radio-group@1.2.2 (v1.3.7 available)
+ @radix-ui/react-scroll-area@1.2.2 (v1.2.9 available)
+ @radix-ui/react-select@2.1.4 (v2.2.5 available)
+ @radix-ui/react-separator@1.1.1 (v1.1.7 available)
+ @radix-ui/react-slider@1.2.2 (v1.3.5 available)
+ @radix-ui/react-slot@1.1.1 (v1.2.3 available)
+ @radix-ui/react-switch@1.1.2 (v1.2.5 available)
+ @radix-ui/react-tabs@1.1.2 (v1.1.12 available)
+ @radix-ui/react-toast@1.2.4 (v1.2.14 available)
+ @radix-ui/react-toggle@1.1.1 (v1.1.9 available)
+ @radix-ui/react-toggle-group@1.1.1 (v1.1.10 available)
+ @radix-ui/react-tooltip@1.1.6 (v1.2.7 available)
+ @react-three/drei@10.5.1
+ @react-three/fiber@9.2.0
+ autoprefixer@10.4.21
+ class-variance-authority@0.7.1
+ clsx@2.1.1
+ cmdk@1.0.4 (v1.1.1 available)
+ date-fns@4.1.0
+ embla-carousel-react@8.5.1 (v8.6.0 available)
+ expo@53.0.20
+ expo-asset@11.1.7
+ expo-file-system@18.1.11
+ expo-gl@15.1.7
+ framer-motion@12.23.6
+ input-otp@1.4.1 (v1.4.2 available)
+ lucide-react@0.454.0 (v0.525.0 available)
+ next@15.2.4 (v15.4.2 available)
+ next-themes@0.4.6
+ react@19.1.0
+ react-day-picker@8.10.1 (v9.8.0 available)
+ react-dom@19.1.0
+ react-hook-form@7.60.0
+ react-native@0.80.1
+ react-resizable-panels@2.1.9 (v3.0.3 available)
+ recharts@2.15.0 (v3.1.0 available)
+ shadcn@2.9.2
+ sonner@1.7.4 (v2.0.6 available)
+ tailwind-merge@2.6.0 (v3.3.1 available)
+ tailwindcss-animate@1.0.7
+ three@0.178.0
+ vaul@0.9.9 (v1.1.2 available)
+ zod@3.25.76 (v4.0.5 available)
968 packages installed [15.94s]
Detected Next.js version: 15.2.4
Running "bun run build"
$ next build
Attention: Next.js now collects completely anonymous telemetry regarding usage.
This information is used to shape Next.js' roadmap and prioritize features.
You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
https://nextjs.org/telemetry
▲ Next.js 15.2.4
Creating an optimized production build ...
Failed to compile.
./app/globals.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/globals.css
Error: Package subpath './ui/tailwind.config' is not defined by "exports" in /vercel/path1/node_modules/shadcn/package.json
at exportsNotFound (node:internal/modules/esm/resolve:314:10)
at packageExportsResolve (node:internal/modules/esm/resolve:661:9)
at resolveExports (node:internal/modules/cjs/loader:657:36)
at Function._findPath (node:internal/modules/cjs/loader:749:31)
at Function.<anonymous> (node:internal/modules/cjs/loader:1387:27)
at /vercel/path1/node_modules/next/dist/server/require-hook.js:55:36
at Function.resolve (node:internal/modules/helpers:145:19)
at _resolve (/vercel/path1/node_modules/jiti/dist/jiti.js:1:246378)
at jiti (/vercel/path1/node_modules/jiti/dist/jiti.js:1:249092)
at /vercel/path1/tailwind.config.ts:2:23
Import trace for requested module:
./app/globals.css.webpack[javascript/auto]!=!./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./app/globals.css
./app/globals.css
./app/globals.css
Error: Package subpath './ui/tailwind.config' is not defined by "exports" in /vercel/path1/node_modules/shadcn/package.json
at exportsNotFound (node:internal/modules/esm/resolve:314:10)
at packageExportsResolve (node:internal/modules/esm/resolve:661:9)
at resolveExports (node:internal/modules/cjs/loader:657:36)
at Function._findPath (node:internal/modules/cjs/loader:749:31)
at Function.<anonymous> (node:internal/modules/cjs/loader:1387:27)
at /vercel/path1/node_modules/next/dist/server/require-hook.js:55:36
at Function.resolve (node:internal/modules/helpers:145:19)
at _resolve (/vercel/path1/node_modules/jiti/dist/jiti.js:1:246378)
at jiti (/vercel/path1/node_modules/jiti/dist/jiti.js:1:249092)
at /vercel/path1/tailwind.config.ts:2:23
at tryRunOrWebpackError (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:316142)
at __webpack_require_module__ (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:131548)
at __nested_webpack_require_161494__ (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:130983)
at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:131840
at symbolIterator (/vercel/path1/node_modules/next/dist/compiled/neo-async/async.js:1:14444)
at done (/vercel/path1/node_modules/next/dist/compiled/neo-async/async.js:1:14824)
at Hook.eval [as callAsync] (eval at create (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:14:9224), <anonymous>:15:1)
at Hook.CALL_ASYNC_DELEGATE [as _callAsync] (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:14:6378)
at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:130703
at symbolIterator (/vercel/path1/node_modules/next/dist/compiled/neo-async/async.js:1:14402)
-- inner error --
Error: Package subpath './ui/tailwind.config' is not defined by "exports" in /vercel/path1/node_modules/shadcn/package.json
at exportsNotFound (node:internal/modules/esm/resolve:314:10)
at packageExportsResolve (node:internal/modules/esm/resolve:661:9)
at resolveExports (node:internal/modules/cjs/loader:657:36)
at Function._findPath (node:internal/modules/cjs/loader:749:31)
at Function.<anonymous> (node:internal/modules/cjs/loader:1387:27)
at /vercel/path1/node_modules/next/dist/server/require-hook.js:55:36
at Function.resolve (node:internal/modules/helpers:145:19)
at _resolve (/vercel/path1/node_modules/jiti/dist/jiti.js:1:246378)
at jiti (/vercel/path1/node_modules/jiti/dist/jiti.js:1:249092)
at /vercel/path1/tailwind.config.ts:2:23
at Object.<anonymous> (/vercel/path1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!/vercel/path1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!/vercel/path1/app/globals.css:1:7)
at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:962742
at Hook.eval [as call] (eval at create (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:14:9002), <anonymous>:7:1)
at Hook.CALL_DELEGATE [as _call] (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:14:6272)
at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:131581
at tryRunOrWebpackError (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:316096)
at __webpack_require_module__ (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:131548)
at __nested_webpack_require_161494__ (/vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:130983)
at /vercel/path1/node_modules/next/dist/compiled/webpack/bundle5.js:29:131840
at symbolIterator (/vercel/path1/node_modules/next/dist/compiled/neo-async/async.js:1:14444)
Generated code for /vercel/path1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!/vercel/path1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!/vercel/path1/app/globals.css
Import trace for requested module:
./app/globals.css
> Build failed because of webpack errors
error: script "build" exited with code 1
Error: Command "bun run build" exited with 1
The build error is caused by importing a non-existent export (shadcn/ui/tailwind.config) inside tailwind.config.ts.
Replace the file with a standalone Tailwind config that doesn’t depend on shadcn’s internal package.
This removes the problematic import and uses tailwindcss-animate via an ESM import, ensuring the config compiles correctly during next build.