Wat we nu hebben

De eerste pagina begint nu echt vorm te krijgen.

✔ Welkomstpagina
✔ Dashboard
✔ Snel starten
✔ Tegelsysteem
✔ Eerste modules
✔ Statusoverzicht

Mooi! Dank je. Dan houden we ons aan de afspraak: gewoon bouwen.

We veranderen niets aan Deel 1. We bouwen alleen verder.

FASE 1 - DEEL 2

Dashboard + Welkom + Snel Starten

Plak dit direct onder:

<div class="page">

<!-- ====================================================== -->

<!-- WELKOM -->

<!-- ====================================================== -->

<section id="dashboard">

<div class="card">

<h1>Welkom bij Belasting OS</h1>

<p>

Belasting OS helpt ondernemers, starters, stichtingen, verenigingen en

particulieren om belastingzaken eenvoudiger, overzichtelijker en begrijpelijker

te maken.

</p>

<p>

Deze website is een hulpmiddel. Voor officiële besluiten, persoonlijke

situaties en wettelijke verplichtingen blijven de officiële informatie en

besluiten van de Belastingdienst leidend.

</p>

<a class="btn" href="#start">

Begin direct

</a>

</div>

</section>

<br><br>

<!-- ====================================================== -->

<!-- VANDAAG -->

<!-- ====================================================== -->

<section>

<h2>Vandaag</h2>

<div class="grid">

<div class="card">

<h3>🧾 Factuur maken</h3>

<p>

Maak eenvoudig een nieuwe factuur.

</p>

</div>

<div class="card">

<h3>👥 Nieuwe klant</h3>

<p>

Voeg snel een klant toe aan je administratie.

</p>

</div>

<div class="card">

<h3>💰 BTW berekenen</h3>

<p>

Bereken eenvoudig bedragen inclusief of exclusief btw.

</p>

</div>

<div class="card">

<h3>📈 Belasting bekijken</h3>

<p>

Bekijk een eenvoudige indicatie van belastingen.

</p>

</div>

<div class="card">

<h3>📅 Planning</h3>

<p>

Bekijk belangrijke momenten en taken.

</p>

</div>

<div class="card">

<h3>🤖 AI Assistent</h3>

<p>

Stel vragen over ondernemen en administratie.

</p>

</div>

</div>

</section>

<br><br>

<!-- ====================================================== -->

<!-- START -->

<!-- ====================================================== -->

<section id="start">

<h2>Snel starten</h2>

<p>

Kies hieronder de situatie die het beste bij jou past.

</p>

<div class="grid">

<div class="card">

<h3>🚀 Ik wil beginnen met ondernemen</h3>

<p>

Nog geen onderneming? Hier begeleiden we je stap voor stap.

</p>

<a class="btn">

Open

</a>

</div>

<div class="card">

<h3>🏢 Ik heb al een onderneming</h3>

<p>

Bekijk administratie, belastingen en planning.

</p>

<a class="btn">

Open

</a>

</div>

<div class="card">

<h3>❤️ Ik ontvang een Wajong-uitkering</h3>

<p>

Bekijk informatie, aandachtspunten en voorbeelden.

</p>

<a class="btn">

Open

</a>

</div>

<div class="card">

<h3>🏛 Ik heb een stichting</h3>

<p>

Bekijk specifieke informatie voor stichtingen.

</p>

<a class="btn">

Open

</a>

</div>

<div class="card">

<h3>🤝 Ik heb een vereniging</h3>

<p>

Bekijk verplichtingen en mogelijkheden.

</p>

<a class="btn">

Open

</a>

</div>

<div class="card">

<h3>📚 Ik zoek informatie</h3>

<p>

Zoek eenvoudig binnen Belasting OS.

</p>

<a class="btn">

Open

</a>

</div>

</div>

</section>

<br><br>

<!-- ====================================================== -->

<!-- OVERZICHT -->

<!-- ====================================================== -->

<section>

<h2>Overzicht</h2>

<div class="grid">

<div class="card">

<h3>📄 Facturen</h3>

<p>

Facturen maken, opslaan, downloaden en beheren.

</p>

</div>

<div class="card">

<h3>👥 Klanten</h3>

<p>

Overzicht van klanten, contactgegevens en historie.

</p>

</div>

<div class="card">

<h3>📦 Producten & Diensten</h3>

<p>

Beheer producten, diensten en tarieven.

</p>

</div>

<div class="card">

<h3>💶 Omzet</h3>

<p>

Bekijk omzet per dag, maand en jaar.

</p>

</div>

<div class="card">

<h3>💰 BTW</h3>

<p>

Bereken, controleren en plannen van btw.

</p>

</div>

<div class="card">

<h3>📈 Belastingen</h3>

<p>

Inzicht in belastingen, reserveringen en prognoses.

</p>

</div>

<div class="card">

<h3>📅 Planning</h3>

<p>

Belangrijke data en herinneringen.

</p>

</div>

<div class="card">

<h3>📊 Rapportages</h3>

<p>

Overzichten van inkomsten, uitgaven en resultaten.

</p>

</div>

<div class="card">

<h3>☁ Google Drive</h3>

<p>

Documenten veilig opslaan.

</p>

</div>

<div class="card">

<h3>📑 Google Sheets</h3>

<p>

Administratie koppelen aan spreadsheets.

</p>

</div>

<div class="card">

<h3>🤖 AI Assistent</h3>

<p>

Ondersteuning bij administratie en vragen.

</p>

</div>

<div class="card">

<h3>⚙ Instellingen</h3>

<p>

Persoonlijke voorkeuren en configuratie.

</p>

</div>

</div>

</section>

<br><br>

<!-- ====================================================== -->

<!-- STATUS -->

<!-- ====================================================== -->

<section>

<h2>Status van het project</h2>

<div class="grid">

<div class="card">

<h3>Fase</h3>

<p>

Fase 1

</p>

</div>

<div class="card">

<h3>Versie</h3>

<p>

0.1 Alpha

</p>

</div>

<div class="card">

<h3>Ontwikkeling</h3>

<p>

In ontwikkeling

</p>

</div>

<div class="card">

<h3>Initiatief</h3>

<p>

Gabeler.eu

</p>

</div>

</div>

</section>

<br><br>

Wat we nu hebben

De eerste pagina begint nu echt vorm te krijgen.

✔ Welkomstpagina
✔ Dashboard
✔ Snel starten
✔ Tegelsysteem
✔ Eerste modules
✔ Statusoverzicht

Vanaf Deel 3 gaan we verder met de Missie, Visie, Intentie, Voor wie is Belasting OS?, Hoe werkt het? en de eerste Roadmap. Daarna voelt de homepage echt als een complete startpagina van het project.