Local Administrator
a5d4c50186
CONTRAST (white-on-white on light surfaces, mirrors the prior article-body pass): - show-coverage/page.tsx:72 <main> wrapper text-[#e5e7eb] → text-[#0F172A] - show-coverage/page.tsx:76 '0 upcoming / 0 past / 0 total' subtitle text-[#9ca3af] → text-[#475569] - manufacturers/page.tsx:79 H1 'AV Integration Manufacturers' text-[#e0e0e0] → text-[#0F172A] - manufacturers/page.tsx:82 '… manufacturers' subtitle text-[#e0e0e0]/70 → text-[#475569] - forum/page.tsx:294 hero H1 text-white → text-[#0F172A] - forum/page.tsx:296 hero intro 'Connect with pro AV integrators…' text-[#aab4c4] → text-[#475569] - forum/page.tsx:116 'Top Performing Threads' H2 text-white → text-[#0F172A] - forum/page.tsx:581 'Browse Categories' H2 text-white → text-[#0F172A] Skipped per direct exclusion: forum/page.tsx:591 (per-category card titles). Homepage featured grid checked, no edit needed: FeaturedBento 2x2 h3 is already text-[#0F172A] on bg-#FFFFFF; FeaturedBentoFromDb hero is white on a dark image gradient (correct overlay pattern). BRAND RENAME: forum is renamed everywhere user-visible. - forum/page.tsx hero img alt + H1 text 'The Crew Lounge' → 'The Integration Room' - forum/layout.tsx — all 7 occurrences (title, description, openGraph, twitter, JSON-LD WebPage name, breadcrumb item) - components/crew-lounge/CrewLoungeLogo.tsx — img alt - forum/user/[username]/page.tsx — '← Back to The Crew Lounge' link Logo SVG filename (/logos/crew-lounge-logo.svg) and React component name (CrewLoungeLogo) intentionally NOT renamed — they're internal asset paths and would cascade through unrelated imports; only user-visible brand strings touched.
Next.js
A modern Next.js 15 application built with TypeScript and Tailwind CSS.
🚀 Features
- Next.js 15 - Latest version with improved performance and features
- React 19 - Latest React version with enhanced capabilities
- Tailwind CSS - Utility-first CSS framework for rapid UI development
🛠️ Installation
- Install dependencies:
npm install
# or
yarn install
- Start the development server:
npm run dev
# or
yarn dev
- Open http://localhost:4028 with your browser to see the result.
📁 Project Structure
nextjs/
├── public/ # Static assets
├── src/
│ ├── app/ # App router components
│ │ ├── layout.tsx # Root layout component
│ │ └── page.tsx # Main page component
│ ├── components/ # Reusable UI components
│ ├── styles/ # Global styles and Tailwind configuration
├── next.config.mjs # Next.js configuration
├── package.json # Project dependencies and scripts
├── postcss.config.js # PostCSS configuration
└── tailwind.config.js # Tailwind CSS configuration
🧩 Page Editing
You can start editing the page by modifying src/app/page.tsx. The page auto-updates as you edit the file.
🎨 Styling
This project uses Tailwind CSS for styling with the following features:
- Utility-first approach for rapid development
- Custom theme configuration
- Responsive design utilities
- PostCSS and Autoprefixer integration
📦 Available Scripts
npm run dev- Start development server on port 4028npm run build- Build the application for productionnpm run start- Start the development servernpm run serve- Start the production servernpm run lint- Run ESLint to check code qualitynpm run lint:fix- Fix ESLint issues automaticallynpm run format- Format code with Prettier
📱 Deployment
Build the application for production:
npm run build
📚 Learn More
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API
- Learn Next.js - an interactive Next.js tutorial
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
🙏 Acknowledgments
- Built with Rocket.new
- Powered by Next.js and React
- Styled with Tailwind CSS
Built with ❤️ on Rocket.new