Arne Moerman
294c197d62
Refactored Home.razor to use modular Blazor components for each site section (navigation, hero, values, impact, process, expertise, testimonials, team, footer). Added corresponding CSS files for each component. Implemented responsive navigation with hamburger menu and interactive logic. Updated process section with animated connectors and Bootstrap Icons. Switched to inline SVGs for values and impact icons. Cleaned up app.css and updated background color. Added new image for impact section. Improved maintainability and responsive design.
66 lines
3.4 KiB
Plaintext
66 lines
3.4 KiB
Plaintext
<section class="frc-process" id="process">
|
|
<h2>Een bewezen aanpak die waarde creëert</h2>
|
|
<div class="frc-process-grid">
|
|
<article class="frc-process-step">
|
|
<div class="frc-step-header">
|
|
<span class="frc-step-number">01</span>
|
|
<div class="frc-step-icon">
|
|
<svg width="42" height="42" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
|
|
<circle cx="10" cy="10" r="6"></circle>
|
|
<line x1="5.8" y1="15.8" x2="2" y2="22"></line>
|
|
<path d="M7.5 7 Q8.5 6 10 6.5" stroke-width="0.9" stroke-opacity="0.6"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div class="frc-step-line"><div class="frc-step-line-fill"></div></div>
|
|
<h4>Analyse</h4>
|
|
<p>Diepgaande analyse van jouw financiële situatie en uitdagingen.</p>
|
|
</article>
|
|
|
|
<article class="frc-process-step">
|
|
<div class="frc-step-header">
|
|
<span class="frc-step-number">02</span>
|
|
<div class="frc-step-icon">
|
|
<svg width="42" height="42" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M4 4l3 3m0-3l-3 3M17 4l3 3m0-3l-3 3M4 17l3 3m0-3l-3 3"></path>
|
|
<circle cx="18.5" cy="18.5" r="2.5"></circle>
|
|
<path d="M7 12h10" stroke-dasharray="2 2"></path>
|
|
<path d="M12 7v10" stroke-dasharray="2 2"></path>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div class="frc-step-line"><div class="frc-step-line-fill"></div></div>
|
|
<h4>Strategie</h4>
|
|
<p>Samen ontwikkelen we een heldere strategie op maat van jouw ambities.</p>
|
|
</article>
|
|
|
|
<article class="frc-process-step">
|
|
<div class="frc-step-header">
|
|
<span class="frc-step-number">03</span>
|
|
<div class="frc-step-icon">
|
|
<i class="bi bi-gear-wide-connected"></i>
|
|
</div>
|
|
</div>
|
|
<div class="frc-step-line"><div class="frc-step-line-fill"></div></div>
|
|
<h4>Implementatie</h4>
|
|
<p>We ondersteunen bij de uitvoering en zorgen voor draagvlak en efficiënte processen.</p>
|
|
</article>
|
|
|
|
<article class="frc-process-step">
|
|
<div class="frc-step-header">
|
|
<span class="frc-step-number">04</span>
|
|
<div class="frc-step-icon">
|
|
<svg width="42" height="42" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M3 20h18" stroke-opacity="0.25"></path>
|
|
<polyline points="3 16 7 11 11 13 17 6 21 8" stroke-width="1.2"></polyline>
|
|
<polyline points="3 18 7 14 11 16 17 10 21 12" stroke-width="1.2" stroke-opacity="0.45"></polyline>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<div class="frc-step-line"><div class="frc-step-line-fill"></div></div>
|
|
<h4>Resultaat</h4>
|
|
<p>Duurzame waarde en groei, meetbaar in cijfers en voelbaar in jouw organisatie.</p>
|
|
</article>
|
|
</div>
|
|
</section>
|