ruby-website

As a developer I want to implement the global CSS design tokens (Void Black #0D0B0E, Neon Magenta #E8006F, Electric Lime #A8FF3E, Charcoal Grunge #1C1720, Bruised Purple #5C2D6E, Rust Scratch #3E2A2A, Dusty Mauve #6B4F5E, Dirty White #EDE8E1), typography (Bebas Neue for headings, Inter/DM Sans for body, Permanent Marker for accent), noise/grain texture overlays, torn-edge SVG dividers, glow effects, distressed border styles, and global layout scaffolding so that all pages share a consistent punk-rock grunge visual identity matching the SRD Section 6 design spec. Remove any scaffolded pages not present in the design (welcome page, ai-assistant page, settings page).

As a developer I want an Idea Submission API that accepts and stores user-submitted ideas with validation and returns a confirmation response so that the Contact page can reliably capture and persist fan submissions. Supports both anonymous guest and authenticated user submissions.

As an admin I want an admin dashboard overview page (Admin Dashboard v2 JSX design) with TopBar, Sidebar navigation, WelcomeBanner, StatsCards, IdeasTable, ContentManagement, ActivityFeed, QuickActions, and StatusBar so that I can efficiently manage the site from a central hub. Reached from Admin Login; links to Ideas and Content pages.

As a registered user I want to log in through a styled login page matching the punk-rock aesthetic (Login v2 JSX design) so that I can securely access my personal dashboard and submissions. Page includes NavBar, a punk-styled login card with neon magenta accents, links to Signup, and navigates to Dashboard on success.

As a registered user I want a personal dashboard (Dashboard v2 JSX design) where I can view my submitted ideas, track their approval status, and access edit or delete actions so that I have full control over my contributions. Reached from Login; includes idea list, status tracking badges, and edit/delete flows.

As a guest I want to submit ideas or messages via a Contact page (Contact v2 JSX design) with a backstage-pass-styled form and receive a confirmation screen with a stamp animation so that I feel heard and know my submission was received. Connects to Idea Submission API on submit. Links from Home and navbar.

As a guest I want to read blog posts on a grunge-styled blog listing and detail page (Blog v2 JSX design) so that I can stay updated with news, stories, and thoughts. Implements BlogHero, FeaturedPost, CategoryFilter, PostsGrid, SidebarCallout, PaginationBar, NewsletterBanner, and Footer sections. Links from Home and navbar.

As a developer I want a Gallery API providing endpoints to list, upload, and manage gallery images with metadata so that the frontend Gallery page can display dynamically managed photo content.

As a developer I want a RESTful Music API exposing endpoints for listing albums, tracks, and related metadata so that the frontend Music page can dynamically render up-to-date music catalogue content.

As a visitor I want to land on a visually striking home page that captures the punk-rock Avril Lavigne 2010 aesthetic so that I immediately understand the vibe and identity of the site and am compelled to explore further. Implement based on the existing Home (v2) JSX design — includes NavBar, Hero with shattered-glass mosaic effect and parallax shimmer, FeaturedContent, MusicMedia, GalleryPreview, TourDates, BlogFeed, IdeaSubmission backstage-pass form, AuthCTA, and Footer sections. Cursor spark trail and electric zap nav animations must be included.

As a guest I want to view a photo gallery page (Gallery v2 JSX design) with a torn-edge, punk collage aesthetic featuring hover animations, image lightbox, and captions so that I can visually connect with the artist's identity through curated imagery. Links from Home navbar and leads to dynamically fetched gallery content.

As an admin I want a content management page (Content v2 JSX design) where I can create, edit, and delete blog posts, gallery images, and tour dates so that I can keep all public-facing content on the site fresh and accurate. Reached from Admin Dashboard sidebar; connects to Admin Content API.

As a guest I want to view upcoming tour dates and concert information on a styled concert-poster page (Tour Dates v2 JSX design) so that I can find out when and where to attend live events and follow external ticket links. Links from Home navbar.

As a developer I want a Tour Dates API providing endpoints to list, create, update, and delete tour date entries so that the frontend Tour Dates page and admin tools stay synchronized with live event data.

As an admin I want a dedicated admin login page (Admin Login v2 JSX design) with a secure, on-brand design distinct from the public login so that I can authenticate into the admin panel separately from regular users. Page leads to Admin Dashboard on successful authentication.

As a guest I want to browse a Music page (Music v2 JSX design) featuring discography, albums, and tracks with a grunge-styled layout so that I can discover and explore the music catalogue in an immersive way. Includes album art, track listings, embedded media player, and links from Home navbar.

As a new visitor I want to create an account through a themed signup page (Signup v2 JSX design) so that I can become a registered user, submit ideas under my identity, and track their status. Page includes NavBar, SignupHero, backstage-pass-styled signup card with lanyard graphic, stamp animation on submit, SocialProofStrip, and Footer. Links from Home and connects to Login.

As a developer I want a Blog API providing endpoints to list, create, update, and delete blog posts so that both the public blog page and admin content management can consume and manage written content.

As an admin I want an ideas management page (Ideas v2 JSX design) where I can view all submitted ideas in a filterable table and take approve, reject, archive, or comment actions so that I can moderate community contributions effectively. Reached from Admin Dashboard sidebar; connects to Admin Ideas Moderation API.