Athena — mahmoud-consultancy/archive/old-docs/GLORYLABS_QUICK_START.md

GloryLabs Website - Quick Start Guide

Date: October 16, 2025 Status: Ready to Begin Estimated Time: 2-3 weeks part-time


TL;DR

You need TWO websites:

  1. GloryLabs (glorylabs.nl) - Software development company site → DOES NOT EXIST, BUILD IT
  2. InterimPlaza (interimplaza.nl) - Job portal site → EXISTS, NEEDS POLISH

Full docs:

  • GLORYLABS_WEBSITE_ASSESSMENT.md - Detailed analysis
  • GLORYLABS_WEBSITE_SESSION_PLAN.md - 8 sessions to complete both sites

What Exists Now

✅ InterimPlaza Job Portal

  • Location: website/website/ (Astro.js)
  • Status: Production-ready MVP (90%)
  • Needs: Branding fixes, more content, SEO
  • Time: 6-8 hours

❌ GloryLabs Corporate Site

  • Location: NONE (needs to be built)
  • Status: Does not exist
  • Needs: Everything from scratch
  • Time: 24-34 hours

⚠️ Mahmoud Consultancy Site

  • Location: website/index.html (static HTML)
  • Status: Complete but unclear purpose
  • Decision: Convert to GloryLabs OR retire
  • Time: 8-12 hours (if converting)

Recommended Approach

Option A: Build New GloryLabs Site (RECOMMENDED)

Why: Clean start, modern stack, consistency with InterimPlaza Tech: Astro.js (same as InterimPlaza) Time: 24-34 hours Sessions: 1-5 (new build)

Option B: Convert Existing Mahmoud Site

Why: Faster, reuse existing HTML/CSS Tech: Keep as static HTML or migrate to Astro Time: 8-12 hours Sessions: Modified sessions 1-2 (adapt existing)


The 8 Sessions

GloryLabs (New Build):

  1. Session 1: Project setup & branding (4-6h)
  2. Session 2: Homepage & core pages (6-8h)
  3. Session 3: Services page (4-6h)
  4. Session 4: Portfolio/case studies (6-8h)
  5. Session 5: Technology & blog setup (4-6h)

InterimPlaza (Polish):

  1. Session 6: Branding consistency (3-4h)
  2. Session 7: Content & SEO enhancement (3-4h)

Deployment:

  1. Session 8: Deploy both sites + testing (5-7h)

Total: 35-49 hours (or ~6 days full-time)


Before You Start

1. Branding Decisions

  • [ ] Choose GloryLabs color palette
  • [ ] Choose fonts (Inter already used, keep it?)
  • [ ] Logo concept (text-based OK for MVP)
  • [ ] Create favicon

Quick Win: Keep it simple, clean, professional. Blue/tech colors. Text logo "GloryLabs".

2. Content to Gather

GloryLabs:

  • [ ] Mission/vision statement
  • [ ] Service descriptions (4 main services)
  • [ ] Company values (3-5 core values)
  • [ ] InterimPlaza case study details
  • [ ] Contact information (address, email, phone)

InterimPlaza:

  • [ ] 10+ realistic IT job descriptions
  • [ ] Company description (recruitment focused)
  • [ ] Recruitment process explanation

Quick Win: Use AI (ChatGPT) to generate professional content, then edit.

3. Design Assets

Required:

  • [ ] Logo (can use text for MVP)
  • [ ] Favicon (16x16, 32x32 PNG)
  • [ ] Hero image (optional, can use gradient)

Optional:

  • [ ] Team photos
  • [ ] Office photos
  • [ ] Screenshots of InterimPlaza platform

Quick Win: Use Unsplash for stock photos, Heroicons for icons, text-based logo initially.


Quick Start: Session 1

If you want to start RIGHT NOW without gathering everything:

# Create new GloryLabs site
cd website
npm create astro@latest glorylabs

# Choose:
# - Template: Empty
# - TypeScript: Yes
# - Install deps: Yes
# - Initialize git: No (already in parent repo)

cd glorylabs
npm run dev
# Open http://localhost:4321

Then follow Session 1 tasks in GLORYLABS_WEBSITE_SESSION_PLAN.md.


Parallel Work Strategy

If you want to work on both projects at once (or have 2 developers):

Developer 1: GloryLabs Track

  • Sessions 1-2 (setup + core pages)
  • Session 3 (services)
  • Session 4 (portfolio)
  • Session 5 (technology)

Developer 2: InterimPlaza Track

  • Session 6 (branding fixes)
  • Session 7 (content & SEO)

Then together: Session 8 (deployment)

Advantage: Finish in ~1 week instead of 2-3 weeks


Deployment Plan

Domains:

glorylabs.nl           → GloryLabs corporate site
www.glorylabs.nl       → Same as above

interimplaza.nl        → InterimPlaza job portal
www.interimplaza.nl    → Same as above

platform.interimplaza.nl → InterimPlaza platform (Angular app, separate)
api.interimplaza.nl      → API (Spring Boot, separate)

VPS Structure:

TransIP VPS: 136.144.174.219
├── /var/www/glorylabs/       (GloryLabs site)
├── /var/www/interimplaza/    (InterimPlaza site)
├── /var/www/platform/         (Angular platform)
└── /var/www/api/              (Spring Boot API)

Nginx Config:

Simple static file serving for both GloryLabs and InterimPlaza. See Session 8 for details.


Success Criteria

GloryLabs Site Launch Checklist:

  • [ ] 6+ pages (Home, Services, Portfolio, Tech, About, Contact)
  • [ ] InterimPlaza showcased as case study
  • [ ] Professional design
  • [ ] Mobile responsive
  • [ ] SEO optimized
  • [ ] Deployed with SSL

InterimPlaza Site Polish Checklist:

  • [ ] Consistent InterimPlaza branding (no "Mahmoud Consultancy")
  • [ ] 10+ job listings
  • [ ] Enhanced SEO
  • [ ] Link to GloryLabs ("Powered by")
  • [ ] Deployed with SSL

What You'll Have When Done

Two Professional Websites:

1. GloryLabs.nl

Showcases your software development company:
- Custom software development services
- Cloud solutions
- Data & analytics
- DevOps consulting
- Portfolio (featuring InterimPlaza!)
- Technology stack
- Blog (ready for content)
- Contact form

2. InterimPlaza.nl

Job portal for IT recruitment:
- Job listings (10+ sample jobs)
- Search & filter
- Job detail pages
- Application forms
- About/contact pages
- Admin system
- Powered by GloryLabs badge

Clear Business Structure:

Mahmoud Consultancy B.V. (Holding)
├── GloryLabs → glorylabs.nl
└── InterimPlaza → interimplaza.nl + platform.interimplaza.nl

Budget Breakdown

DIY (Recommended):

  • Time: 35-49 hours (your time or Claude's help)
  • Cost: €50-70 (VPS + domains + SSL)
  • Total: Essentially free (internal development)

Outsourced (For Reference):

  • Development: €2,000-€3,000
  • Design: €200-500
  • Content: €300-600
  • Total: €2,500-€4,100

Savings: ~€2,500-€4,000 by doing it yourself!


Common Questions

Q: Can I skip building GloryLabs for now?

A: Not recommended. GloryLabs is your main brand. InterimPlaza is just one product. You need a company website.

Q: Can I just rebrand the existing Mahmoud Consultancy site?

A: Yes, Option B. Faster but less modern. Good for quick MVP.

Q: Do I need to finish both before deploying?

A: No! Deploy GloryLabs first, then InterimPlaza. Or deploy both at once.

Q: Can the sites share a design system?

A: Somewhat. Keep them distinct but use similar fonts/structure for consistency.

Q: What about the Angular platform?

A: Separate project. The other session is working on it. This plan is only for the static websites.

Q: Do I need professional photos/logos?

A: Not for MVP. Text-based logos and stock photos work fine initially.


Next Steps

Today:

  1. ✅ Read GLORYLABS_WEBSITE_ASSESSMENT.md (5 min)
  2. ✅ Read GLORYLABS_WEBSITE_SESSION_PLAN.md (10 min)
  3. ⏳ Make branding decisions (colors, fonts)
  4. ⏳ Gather basic content (mission, services)

This Week:

  1. 🚀 Session 1: GloryLabs setup
  2. 🚀 Session 2: Core pages
  3. 🚀 Session 3: Services

Next Week:

  1. 🚀 Sessions 4-5: Portfolio + Tech
  2. 🚀 Sessions 6-7: Polish InterimPlaza
  3. 🚀 Session 8: Deploy!

Let's Build! 🚀

You have everything you need:

  • ✅ Clear assessment of what exists
  • ✅ Detailed 8-session plan
  • ✅ Content gathering checklist
  • ✅ Deployment strategy
  • ✅ Success criteria

Ready to start? Begin with Session 1 in GLORYLABS_WEBSITE_SESSION_PLAN.md.

Need help? Review GLORYLABS_WEBSITE_ASSESSMENT.md for context.

Have questions? Ask before starting to clarify the approach.


Generated: October 16, 2025 Documents:

  • GLORYLABS_WEBSITE_ASSESSMENT.md
  • GLORYLABS_WEBSITE_SESSION_PLAN.md
  • GLORYLABS_QUICK_START.md (this file)

Reacties

Nog geen reacties