Create a high-end, production-grade, multi-page freelance agency portfolio application for my business named "SCROLL STOPPERS". The visual core must achieve an elite, $100K USD Awwwards "Site of the Year" design standard using a highly cinematic, ethereal, godly, dark cosmic aesthetic.
[CRITICAL REQUIREMENT]: Do not output generic HTML text or fallback wireframe blueprints. Initialize a full-stack layout architecture using a central Next.js layout engine, Tailwind CSS configuration variables, and lucide-react typography iconography. Ensure a global CSS provider stylesheet is active so the site is rich with dark colors, animated gradients, and advanced layout metrics out of the box.
The "Scroll Stopping" Cosmic Aesthetics & Motion System:
#020205) featuring an immersive, high-performance animated particle starfield overlay where deep-space stars twinkle on variable loops.#6d28d9) and electric cyan (#06b6d4).The Complete Multi-Page State Architecture (Switchable Views):
Build an inline global state router mapped to a sleek, floating glass header navigation menu, allowing the user to switch seamlessly between these three view modules:
View 1: The Event Horizon (Home Hub & Brand Manifesto)
View 2: The Nebula Vault (Premium Integrated Portfolio Gallery)
View 3: The Singularity Terminal (Intake Form & Booking Hub)
Fill every text node with fully developed, professional agency copywriting. Ensure all layouts are entirely fluid, handling small mobile phones and iPad touchscreen frame aspect ratios flawlessly.
I'll build this cosmic agency portfolio. Let me first check the key starter files, then construct the full architecture.
This is Tailwind v4 with a CSS-first config. I'll build the entire cosmic design system in globals.css, then construct the layout engine and view modules. Let me create the design foundation first.
Now the root layout with fonts, metadata, viewport, and PWA manifest:
Now the animated particle starfield canvas:
Now the interactive CSS Black Hole centerpiece:
Now the floating glass navigation header:
Now the three view modules. First, the Event Horizon (home):
Now let me generate premium cinematic thumbnails for the portfolio while I build the Nebula Vault:
Now the Nebula Vault portfolio gallery with filtering tabs:
Now the Singularity Terminal intake form with the ripple button:
I used a .cosmic-input class — let me add it to the stylesheet with the required 16px input sizing:
Now the main page with the global state router that ties everything together:
Let me verify the build compiles and check for errors:
Run this command?
cd /vercel/share/v0-project && pnpm exec next build 2>&1 | tail -30