GloryLabs Website - Session Plan

Created: October 16, 2025 Related Assessment: GLORYLABS_WEBSITE_ASSESSMENT.md Total Sessions: 8 sessions Total Time: 35-50 hours Approach: Build GloryLabs website + Polish InterimPlaza site

Note: This plan is SEPARATE from the InterimPlaza platform (Angular/Spring Boot) sessions.

Session Overview

This plan covers the creation of the GloryLabs corporate website and polishing of the InterimPlaza job portal website. Both are static/Astro-based sites, separate from the main platform development.

Parallel Work Opportunities

Track A (GloryLabs): Sessions 1-5 can be done sequentially
Track B (InterimPlaza): Sessions 6-7 can run parallel to Sessions 3-5
Track C (Deployment): Session 8 requires all previous sessions complete

PHASE 1: GLORYLABS WEBSITE (New Build)

Session 1: GloryLabs - Project Setup & Branding

Time: 4-6 hours Dependencies: None Can Run in Parallel: No

Tasks:

[ ] Create new Astro.js project in website/glorylabs/
[ ] Set up TypeScript configuration
[ ] Install dependencies (Astro, TailwindCSS or keep simple CSS)
[ ] Create basic project structure (pages, components, layouts)
[ ] Define color palette and typography
[ ] Create simple text-based logo (or use logo generator)
[ ] Create favicon
[ ] Set up Git for new directory

Deliverables:

Working Astro.js project
Basic layout component
Brand colors and fonts defined
README with setup instructions

Brand Guidelines (Decision Needed):

Primary Color: ?
Secondary Color: ?
Font: Inter (already used) or ?
Logo: Text-based "GloryLabs" or custom?

Success Criteria:

npm run dev starts development server
Homepage renders with header/footer
Branding is consistent

Session 2: GloryLabs - Homepage & Core Pages Structure

Time: 6-8 hours Dependencies: Session 1 Can Run in Parallel: No

Tasks:

[ ] Create homepage (src/pages/index.astro)
- Hero section with CTA
- Services overview (4-6 services)
- Technology stack showcase
- Featured case study (InterimPlaza)
- CTA section
[ ] Create layout components
- Navigation (desktop & mobile)
- Footer with links
- Page wrapper
[ ] Create About page (src/pages/about.astro)
- Company mission/vision
- Team section (can be placeholder for MVP)
- Values and culture
[ ] Create Contact page (src/pages/contact.astro)
- Contact form
- Company information
- Map (optional)
[ ] Responsive design (mobile-first)

Deliverables:

3 complete pages (Home, About, Contact)
Navigation component
Footer component
Mobile responsive layouts

Success Criteria:

All pages accessible via navigation
Forms are functional (can use Formspree or similar for MVP)
Mobile and desktop layouts work
Clean, professional design

Session 3: GloryLabs - Services Page

Time: 4-6 hours Dependencies: Session 2 Can Run in Parallel: Yes (can run while Session 6-7 work on InterimPlaza)

Tasks:

[ ] Create Services page (src/pages/services.astro)
[ ] Detail each service offering:
1. Custom Software Development
  - Web applications
  - Mobile apps
  - API development
  - Microservices architecture
2. Cloud Solutions
  - Cloud migration
  - Kubernetes deployment
  - Infrastructure as Code
  - Cost optimization
3. Data & Analytics
  - Business intelligence
  - Data warehousing
  - Machine learning
  - Real-time analytics
4. DevOps & Consulting
  - CI/CD pipelines
  - Infrastructure automation
  - Performance optimization
  - Technical consulting
[ ] Create service card components
[ ] Add pricing information (or "Contact for Quote")
[ ] Add CTAs for each service

Deliverables:

Complete Services page
Service card components
Clear descriptions and benefits

Success Criteria:

Each service has clear description
CTAs lead to contact form
Page is scannable and easy to navigate

Session 4: GloryLabs - Portfolio/Case Studies

Time: 6-8 hours Dependencies: Session 2 Can Run in Parallel: Yes

Tasks:

[ ] Create Portfolio page (src/pages/portfolio.astro)
[ ] Create InterimPlaza case study:
- Challenge: Building a recruitment platform
- Solution: Full-stack microservices architecture
- Technologies: Spring Boot, Angular, PostgreSQL, Redis, MinIO, Kubernetes
- Results: Production-ready platform in 12 weeks
- Features: Job listings, CV management, admin dashboard, search, etc.
- Screenshots: (can use placeholder or real screenshots)
[ ] Create case study template component
[ ] Add "Future Projects" section (placeholder)
[ ] Create project detail page template (src/pages/portfolio/[slug].astro)

Deliverables:

Portfolio overview page
InterimPlaza case study (detailed)
Case study component template
Project detail page template

Success Criteria:

InterimPlaza is showcased professionally
Technical details are clear
Can easily add more case studies in future

Session 5: GloryLabs - Technology & Blog Setup

Time: 4-6 hours Dependencies: Session 2 Can Run in Parallel: Yes

Tasks:

[ ] Create Technology page (src/pages/technology.astro)
- Tech stack overview (visual grid)
- Development methodologies (Agile, DevOps, CI/CD)
- Quality assurance approach
- Security practices
[ ] Set up blog structure (optional for MVP, but good to have):
- Create src/content/blog/ directory
- Configure content collections for blog posts
- Create blog index page (src/pages/blog/index.astro)
- Create blog post template (src/pages/blog/[slug].astro)
- Write 1-2 sample posts (e.g., "Building InterimPlaza", "Our Tech Stack")
[ ] Add RSS feed (Astro built-in)
[ ] SEO optimization for all pages

Deliverables:

Technology page
Blog structure (even if posts come later)
SEO meta tags on all pages
OpenGraph tags for social sharing

Success Criteria:

Technology page showcases expertise
Blog is ready for future content
All pages have proper meta tags

PHASE 2: INTERIMPLAZA POLISH

Session 6: InterimPlaza - Branding Consistency

Time: 3-4 hours Dependencies: None (independent of GloryLabs) Can Run in Parallel: Yes (can run parallel to Sessions 3-5)

Tasks:

[ ] Audit all pages for branding inconsistencies
[ ] Fix "Over Ons" page (website/website/src/pages/over-ons.astro)
- Change "Mahmoud Consultancy B.V." to "InterimPlaza"
- Update company description to focus on recruitment
- Update stats to reflect recruitment focus
- Add link to GloryLabs as "Powered by GloryLabs"
[ ] Update navigation across all pages
[ ] Ensure all pages use "InterimPlaza" consistently
[ ] Update footer with correct links
[ ] Add "Powered by GloryLabs" badge in footer

Deliverables:

Consistent InterimPlaza branding
Updated About page
Footer with GloryLabs link

Success Criteria:

No "Mahmoud Consultancy" references (except legal)
Clear InterimPlaza brand identity
Link to GloryLabs present

Session 7: InterimPlaza - Content & SEO Enhancement

Time: 3-4 hours Dependencies: Session 6 Can Run in Parallel: No

Tasks:

[ ] Improve SEO on all pages
- Meta descriptions
- Title tags
- OpenGraph tags
- Structured data (JSON-LD for job postings)
[ ] Add more sample jobs (at least 10 total)
- Use realistic Dutch IT job market data
- Various locations (Amsterdam, Rotterdam, Utrecht, etc.)
- Various roles (Frontend, Backend, DevOps, Data, etc.)
[ ] Improve "Werkwijze" page content
- Explain recruitment process step-by-step
- Add visual timeline
[ ] Improve "Services" page content
- Detail recruitment services
- Explain value proposition

Deliverables:

10+ sample job listings
Improved SEO across site
Enhanced content on all pages
Structured data for jobs

Success Criteria:

Each page has unique, descriptive meta tags
Job listings are realistic and varied
Content is professional and clear

PHASE 3: DEPLOYMENT & TESTING

Session 8: Deployment & Testing

Time: 5-7 hours Dependencies: Sessions 1-7 complete Can Run in Parallel: No

Tasks:

[ ] GloryLabs Build & Deploy:
- Run production build (npm run build)
- Optimize images and assets
- Test production build locally
- Upload to VPS at /var/www/glorylabs/
- Configure nginx for glorylabs.nl (or subdomain for testing)
- Set up SSL certificate (Let's Encrypt)
- Test on production domain
[ ] InterimPlaza Build & Deploy:
- Run production build in website/website/
- Test production build locally
- Upload to VPS at /var/www/interimplaza/
- Configure nginx for interimplaza.nl (or subdomain)
- Set up SSL certificate
- Test on production domain
[ ] Cross-site Testing:
- Test navigation between sites
- Verify all links work
- Test contact forms
- Mobile responsiveness testing
- Cross-browser testing (Chrome, Firefox, Safari, Edge)
- Performance testing (PageSpeed Insights)
[ ] Documentation:
- Deployment guide
- Content update instructions
- Domain setup documentation
- Backup procedures

Nginx Configuration Example:

# /etc/nginx/sites-available/glorylabs.nl
server {
    listen 80;
    server_name glorylabs.nl www.glorylabs.nl;
    root /var/www/glorylabs;
    index index.html;

    location / {
        try_files $uri $uri/ =404;
    }
}

# /etc/nginx/sites-available/interimplaza.nl
server {
    listen 80;
    server_name interimplaza.nl www.interimplaza.nl;
    root /var/www/interimplaza;
    index index.html;

    location / {
        try_files $uri $uri/ =404;
    }
}

Deliverables:

Both sites deployed and accessible
SSL certificates configured
Deployment documentation
Testing report

Success Criteria:

Both sites load correctly on production domains
HTTPS works without warnings
All links work
Forms submit successfully
Mobile and desktop views work
No console errors

Content Requirements (To Gather Before Starting)

GloryLabs Content Needed:

Company Information:

[ ] Mission statement
[ ] Vision statement
[ ] Company values (3-5 core values)
[ ] Company history/founding story
[ ] Team bios (optional for MVP)

Service Descriptions:

[ ] Custom Software Development (detailed description)
[ ] Cloud Solutions (detailed description)
[ ] Data & Analytics (detailed description)
[ ] DevOps & Consulting (detailed description)

Case Study Content (InterimPlaza):

[ ] Project overview
[ ] Challenge/problem statement
[ ] Solution description
[ ] Technologies used
[ ] Timeline and results
[ ] Screenshots (optional but recommended)

Legal/Contact:

[ ] Official company name and registration (KvK number)
[ ] Office address
[ ] Contact email
[ ] Contact phone (optional)
[ ] Privacy policy
[ ] Terms of service
[ ] Cookie policy

InterimPlaza Content Needed:

Company Information:

[ ] About InterimPlaza (recruitment focus)
[ ] Value proposition for job seekers
[ ] Value proposition for employers
[ ] Recruitment process description

Job Listings:

[ ] 10+ realistic IT job descriptions
[ ] Various roles and locations
[ ] Salary ranges
[ ] Company profiles

Design Assets Needed

GloryLabs:

[ ] Logo (can use text-based for MVP)
[ ] Favicon
[ ] Color palette (primary, secondary, accent)
[ ] Hero image or illustration (optional)
[ ] Technology icons (can use free icon sets)
[ ] Team photos (optional for MVP)

InterimPlaza:

[ ] Logo (can use text-based for MVP)
[ ] Favicon
[ ] Consistent color scheme

Quick Solution: Use AI image generators or free resources:

Logos: Use text-based logos with clean typography
Images: Unsplash, Pexels (free stock photos)
Icons: Heroicons, Font Awesome, SVG icons
Illustrations: unDraw, Storyset (free illustrations)

Technology Stack