Phoenix Lab Website & Blog

A scalable, business-friendly website and blog for Phoenix Lab, built with Next.js. Features static article pages, curated posts, modern branding, and a modular architecture for easy expansion.

Features

• Next.js 14+ with App Router
• Modular page structure (src/app)
• Dynamic blog, portfolio, and team sections
• Custom branding, fonts, and icons
• Responsive design with Bootstrap 5
• Image and PDF asset management
• JSON-based content for easy updates
• Advanced UI components (carousels, grids, animations)
• SEO-ready and optimized for performance

Getting Started

Install dependencies:

npm install

Run the development server:

npm run dev

Visit http://localhost:3000 to view the site.

Project Structure

• src/app/ — Main pages (about, blog, portfolio, contact, etc.)
• src/components/ — Reusable UI and section components
• src/assets/ — CSS and static assets
• src/db/ — JSON data for blog, team, services, etc.
• public/images/ — Organized image assets
• public/pdfs/ — Downloadable PDF resources
• public/fonts/ — Custom fonts

Scripts

• npm run dev — Start development server
• npm run build — Build for production
• npm run start — Start production server
• npm run lint — Lint codebase

Technologies

• Next.js
• React 18
• Bootstrap 5
• Isotope, Swiper, Slick Carousel
• ESLint

Deployment

Deploy easily on Vercel or any Node.js hosting platform.

Contributing

Open to improvements and new features. Please submit issues or pull requests!