fix: add page

Les02-OpenCode/Les02-Bijlage-A-Lesopdracht.md

@@ -73,55 +73,40 @@ opencode
 Check dat je in Plan mode zit (📋 icoon).
 
 ```
-Analyseer dit project. Welke componenten zijn er?
-Waar zou ik een testimonials sectie kunnen toevoegen?
+Analyseer dit project. Hoe werkt de routing?
+Hoe maak ik een nieuwe pagina in Next.js?
 ```
 
-### Fase 2: Bouw (Build Mode)
+### Fase 2: Maak een nieuwe pagina (Build Mode)
 
 Druk `Tab` om naar Build mode (🔨) te gaan.
 
-**Kies minimaal 2 van deze opdrachten:**
+**Opdracht: Maak een nieuwe pagina met componenten**
 
-#### Optie A: Testimonials Sectie
+#### Stap 1: Kies je pagina
+Kies één van deze opties:
+- **About** - Over ons pagina
+- **Services** - Diensten pagina
+- **Contact** - Contact pagina
+
+#### Stap 2: Maak de pagina aan
 ```
-@src/components/
-Maak een Testimonials component met:
-- 3 testimonial cards naast elkaar
-- Foto placeholder, quote, naam, functie
-- Responsive: onder elkaar op mobile
-- Voeg toe aan de homepage onder de hero
+Maak een nieuwe pagina /about (of /services of /contact).
+De pagina moet minimaal 2 componenten bevatten:
+- Een hero sectie met titel en beschrijving
+- Een content sectie (bijv. team cards, diensten lijst, of contact info)
+Gebruik Tailwind CSS voor styling.
 ```
 
-#### Optie B: Pricing Sectie
+#### Stap 3: Voeg navigatie toe
 ```
-@src/components/
-Maak een Pricing component met:
-- 3 pricing tiers (Basic, Pro, Enterprise)
-- Features lijst per tier
-- CTA button per tier
-- Highlight de middelste (Pro)
+@app/page.tsx
+Voeg een link toe naar de nieuwe pagina.
+De link moet zichtbaar zijn in de hero of header.
+Gebruik Next.js Link component.
 ```
 
-#### Optie C: FAQ Sectie
-```
-@src/components/
-Maak een FAQ component met:
-- Minimaal 5 vragen
-- Accordion style (klik om te openen)
-- Smooth animatie
-```
-
-#### Optie D: Verbeter bestaande componenten
-```
-@src/components/[ComponentNaam].tsx
-Verbeter deze component:
-- Betere mobile responsiveness
-- Hover effecten toevoegen
-- Animaties bij scroll
-```
-
-**Checkpoint:** ✅ Nieuwe sectie(s) toegevoegd
+**Checkpoint:** ✅ Nieuwe pagina gemaakt + link op homepage
 
 ---
 
@@ -193,7 +178,8 @@ Maak de heading groter en gebruik een gradient
 
 Aan het einde van de les:
 - [ ] Website draait lokaal
-- [ ] Minimaal 1 nieuwe sectie toegevoegd
+- [ ] Nieuwe pagina aangemaakt (bijv. /about)
+- [ ] Link op homepage naar nieuwe pagina
 - [ ] Minimaal 2x gepusht naar Vercel
 - [ ] Wijzigingen zijn live
 
@@ -201,7 +187,7 @@ Aan het einde van de les:
 
 ## Bonus (als je klaar bent)
 
+- [ ] Voeg een tweede pagina toe
+- [ ] Maak een navbar component met links naar alle pagina's
 - [ ] Voeg dark mode toggle toe
-- [ ] Implementeer smooth scroll navigatie
-- [ ] Voeg contact formulier toe
-- [ ] Maak een aparte pagina (About, Contact)
+- [ ] Implementeer smooth scroll animaties