diff --git a/For Real Consulting/For Real Consulting/Components/App.razor b/For Real Consulting/For Real Consulting/Components/App.razor index afd2eb4..294d08c 100644 --- a/For Real Consulting/For Real Consulting/Components/App.razor +++ b/For Real Consulting/For Real Consulting/Components/App.razor @@ -8,6 +8,7 @@ + diff --git a/For Real Consulting/For Real Consulting/Components/Pages/Home.razor b/For Real Consulting/For Real Consulting/Components/Pages/Home.razor index 5325297..fe06ae1 100644 --- a/For Real Consulting/For Real Consulting/Components/Pages/Home.razor +++ b/For Real Consulting/For Real Consulting/Components/Pages/Home.razor @@ -1,196 +1,16 @@ @page "/" +@using For_Real_Consulting.Components.Sections FRC - Finance Experts & Business Partners
- - -
-
-

- Finance Experts.
- Business Partners.
- Meet FRC. -

-

- Wij brengen helderheid in cijfers, inzicht in cash en vertrouwen in beslissingen. - Zodat jij vandaag de juiste keuzes maakt voor duurzame groei morgen. -

- Plan een kennismaking -
-
- For Real Consulting -
-
- -
-
-
○
-

Clarity in numbers

-

Heldere financiële inzichten die complexiteit omzetten in richting en focus.

-
-
-
👁
-

Visibility in cash

-

Volledig zicht op cashflow en financiële gezondheid, vandaag en morgen.

-
-
-
→
-

Confidence in decisions

-

Onderbouwde beslissingen met vertrouwen, gedreven door feiten.

-
-
- -
-
-

Waarom partneren met FRC?

-

MEER DAN CIJFERS.
ÉCHT IMPACT.

-

Wij zijn jouw financiële sparringpartner en brengen meer dan rapporten.

-
    -
  • ✓ Strategisch partner op C-level
    • -
  • ✓ Proactief en ondememend
    • -
  • ✓ Diepgaande financiële expertise
    • -
  • ✓ Praktisch. hands-on en resultaatgericht
    • -
  • ✓ Onafhankelijk. transparant en betrouwbaar
    • -
  • ✓ Gepassioneerd om jouw groei te versnellen
    • -
-
-
- For Real Consulting -
-

"Wij helpen ambitieuze ondernemers grip te krijgen op hun cijfers, met strategisch inzicht en een duidelijke focus op waardecreatie."

-
-
-
- -
-

Een bewezen aanpak die waarde creëert

-
-
-
01
-

Analyse

-

Diepgaande analyse van jouw financiële situatie en uitdagingen.

-
-
-
02
-

Strategie

-

Samen ontwikkelen we een heldere strategie op maat van jouw ambities.

-
-
-
03
-

Implementatie

-

We ondersteunen bij de uitvoering en zorgen voor draagvlak.

-
-
-
04
-

Resultaat

-

Duurzame waarde en groei, meetbaar in cijfers en voelbaar in de organisatie.

-
-
-
- -
-

Onze Expertise

-
-
Financial Strategy
-
Cash & Liquidity
-
Performance
-
Mergers & Acq.
-
Interim Finance
-
-
- -
-
- “ -

"For Real Consulting brengt helderheid waar we die het meest nodig hadden. Dankzij hun inzicht en betrokkenheid maken we vandaag betere beslissingen met vertrouwen."

-

CEO, Industrieel bedrijf

-
-
- AVEC - COFANO - ZUIDERKEMPEN - DE PAEP - TRILEC -
-
- -
-

Over Ons

-
-

KLAAR OM SAMEN HET VERSCHIL TE MAKEN?

-
-

Laten we kennismaken en ontdekken hoe wij jouw organisatie vooruithelpen.

- Plan een kennismaking -
-
- -
-
-
-
-

PETER SNIJKERS

-

Bestuurder & Finance Expert

-

0476 17 12 49

-

Peter.Snijkers@forrealconsulting.be

-
-
-
-
-
-

DYLAN TIJSBAERT

-

Bestuurder & Finance Expert

-

0498 16 94 49

-

Dylan.Tijsbaert@forrealconsulting.be

-
-
-
-
- -
-
-
- -

For Real Consulting

-

CLARITY TODAY, COMFORT TOMORROW

-
-
- Home - Aanpak - Expertise - Over Ons -
-
-

✉ info@forrealconsulting.be

-

📞 0476 17 12 49

-

📍 Gent, België

-
-
- Contact -
-
-
-

© 2026 For Real Consulting. Alle rechten voorbehouden.

- -
-
+ + + + + + + + +
diff --git a/For Real Consulting/For Real Consulting/Components/Sections/FrcExpertise.razor b/For Real Consulting/For Real Consulting/Components/Sections/FrcExpertise.razor new file mode 100644 index 0000000..1fbcac6 --- /dev/null +++ b/For Real Consulting/For Real Consulting/Components/Sections/FrcExpertise.razor @@ -0,0 +1,10 @@ +
+

Onze Expertise

+
+
Financial Strategy
+
Cash & Liquidity
+
Performance
+
Mergers & Acq.
+
Interim Finance
+
+
diff --git a/For Real Consulting/For Real Consulting/Components/Sections/FrcExpertise.razor.css b/For Real Consulting/For Real Consulting/Components/Sections/FrcExpertise.razor.css new file mode 100644 index 0000000..823cbdd --- /dev/null +++ b/For Real Consulting/For Real Consulting/Components/Sections/FrcExpertise.razor.css @@ -0,0 +1,38 @@ +.frc-expertise-grid { + padding: 5rem 2rem; +} + +.frc-expertise-grid h4 { + margin: 0 0 3rem; + font-size: 0.75rem; + text-transform: uppercase; + letter-spacing: 0.2em; + color: #c5a368; +} + +.frc-expertise-items { + border-top: 1px solid rgba(255, 255, 255, 0.1); + padding-top: 3rem; + display: grid; + gap: 1.5rem; + grid-template-columns: repeat(2, minmax(0, 1fr)); + text-align: center; +} + +.frc-expertise-items h5 { + margin: 0; + font-size: 0.65rem; + text-transform: uppercase; + letter-spacing: 0.2em; + color: #e5e7eb; +} + +@media (min-width: 768px) { + .frc-expertise-grid { + padding: 5rem 6rem; + } + + .frc-expertise-items { + grid-template-columns: repeat(5, minmax(0, 1fr)); + } +} diff --git a/For Real Consulting/For Real Consulting/Components/Sections/FrcFooter.razor b/For Real Consulting/For Real Consulting/Components/Sections/FrcFooter.razor new file mode 100644 index 0000000..7ce1164 --- /dev/null +++ b/For Real Consulting/For Real Consulting/Components/Sections/FrcFooter.razor @@ -0,0 +1,33 @@ +
+
+
+ +

For Real Consulting

+

CLARITY TODAY, COMFORT TOMORROW

+
+
+ Home + Aanpak + Expertise + Over Ons +
+
+

✉ info@forrealconsulting.be

+

📞 0476 17 12 49

+

📍 Gent, België

+
+
+ Contact +
+
+
+

© 2026 For Real Consulting. Alle rechten voorbehouden.

+ +
+
diff --git a/For Real Consulting/For Real Consulting/Components/Sections/FrcFooter.razor.css b/For Real Consulting/For Real Consulting/Components/Sections/FrcFooter.razor.css new file mode 100644 index 0000000..5d63fc9 --- /dev/null +++ b/For Real Consulting/For Real Consulting/Components/Sections/FrcFooter.razor.css @@ -0,0 +1,104 @@ +.frc-footer { + background: #09090b; + padding: 5rem 2rem 2.5rem; + border-top: 1px solid rgba(255, 255, 255, 0.1); +} + +.frc-logo { + display: flex; + align-items: center; +} + +.frc-logo-img { + height: 2rem; + width: auto; + filter: invert(68%) sepia(38%) saturate(502%) hue-rotate(3deg) brightness(92%) contrast(87%); +} + +.frc-footer-grid { + display: grid; + gap: 2.5rem; +} + +.frc-foot-title { + margin: 0.8rem 0 0; + font-size: 0.72rem; + text-transform: uppercase; + letter-spacing: 0.2em; + color: #9ca3af; +} + +.frc-foot-subtitle { + margin: 0.5rem 0 0; + font-size: 0.72rem; + color: #6b7280; +} + +.frc-footer-links { + display: grid; + gap: 0.7rem; + font-size: 0.72rem; + text-transform: uppercase; + letter-spacing: 0.15em; + color: #9ca3af; +} + +.frc-footer-links a:hover { + color: #ffffff; +} + +.frc-footer-contact { + color: #9ca3af; + font-size: 0.85rem; +} + +.frc-footer-contact p { + margin: 0 0 0.5rem; +} + +.frc-footer-bottom { + margin-top: 4rem; + padding-top: 1.5rem; + border-top: 1px solid rgba(255, 255, 255, 0.07); + display: flex; + flex-direction: column; + gap: 0.8rem; + font-size: 0.62rem; + text-transform: uppercase; + letter-spacing: 0.18em; + color: #6b7280; +} + +.frc-footer-bottom a:hover { + color: #ffffff; +} + +.frc-footer-bottom div { + display: flex; + gap: 1rem; +} + +.frc-footer-bottom span { + opacity: 0.25; +} + +.frc-footer-cta-wrap { + display: flex; + align-items: flex-start; +} + +@media (min-width: 768px) { + .frc-footer { + padding: 5rem 6rem 2.5rem; + } + + .frc-footer-grid { + grid-template-columns: 2fr 1fr 1fr 1fr; + align-items: start; + } + + .frc-footer-bottom { + flex-direction: row; + justify-content: space-between; + } +} diff --git a/For Real Consulting/For Real Consulting/Components/Sections/FrcHero.razor b/For Real Consulting/For Real Consulting/Components/Sections/FrcHero.razor new file mode 100644 index 0000000..6160109 --- /dev/null +++ b/For Real Consulting/For Real Consulting/Components/Sections/FrcHero.razor @@ -0,0 +1,17 @@ +
+
+

+ Finance Experts.
+ Business Partners.
+ Meet FRC. +

+

+ Wij brengen helderheid in cijfers, inzicht in cash en vertrouwen in beslissingen. + Zodat jij vandaag de juiste keuzes maakt voor duurzame groei morgen. +

+ Plan een kennismaking +
+
+ For Real Consulting +
+
diff --git a/For Real Consulting/For Real Consulting/Components/Sections/FrcHero.razor.css b/For Real Consulting/For Real Consulting/Components/Sections/FrcHero.razor.css new file mode 100644 index 0000000..94b18db --- /dev/null +++ b/For Real Consulting/For Real Consulting/Components/Sections/FrcHero.razor.css @@ -0,0 +1,102 @@ +.frc-hero { + position: relative; + min-height: 50vh; + display: flex; + flex-direction: column; + align-items: stretch; + overflow: hidden; + background: #0a0a0a; +} + +.frc-hero-content { + position: relative; + z-index: 10; + display: flex; + flex-direction: column; + justify-content: center; + padding: 3rem 2rem; +} + +.frc-hero-content .frc-outline-btn { + align-self: flex-start; +} + +.frc-hero h1 { + font-weight: 300; + font-size: clamp(1.8rem, 4vw, 3.6rem); + line-height: 1.08; + margin: 0 0 1.25rem; + text-transform: uppercase; + letter-spacing: -0.01em; +} + +.frc-hero h1 span { + color: #c5a368; +} + +.frc-hero p { + max-width: 36rem; + color: #d1d5db; + font-size: clamp(0.9rem, 1.3vw, 1.05rem); + font-weight: 300; + line-height: 1.7; + margin: 0 0 2rem; +} + +/* Mobile: image below text */ +.frc-hero-image-col { + width: 100%; + min-height: 30vh; + overflow: hidden; + flex-shrink: 0; +} + +.frc-hero-img { + width: 100%; + height: 100%; + min-height: 30vh; + object-fit: cover; + object-position: left center; + display: block; +} + +/* Desktop: side-by-side 40/60 split */ +@media (min-width: 768px) { + .frc-hero { + flex-direction: row; + min-height: 60vh; + align-items: stretch; + } + + .frc-hero-content { + flex: 0 0 40%; + max-width: 40%; + padding: 3rem 3rem 3rem 6rem; + } + + .frc-hero-image-col { + flex: 1; + position: relative; + min-height: unset; + overflow: hidden; + } + + .frc-hero-image-col::before { + content: ''; + position: absolute; + inset: 0 auto 0 0; + width: 8rem; + background: linear-gradient(to right, #0a0a0a, transparent); + z-index: 1; + } + + .frc-hero-img { + position: absolute; + inset: 0; + width: 100%; + height: 100%; + min-height: unset; + object-fit: cover; + object-position: left center; + } +} diff --git a/For Real Consulting/For Real Consulting/Components/Sections/FrcImpact.razor b/For Real Consulting/For Real Consulting/Components/Sections/FrcImpact.razor new file mode 100644 index 0000000..588126d --- /dev/null +++ b/For Real Consulting/For Real Consulting/Components/Sections/FrcImpact.razor @@ -0,0 +1,60 @@ +
+
+

Waarom partneren met FRC?

+

Meer dan cijfers.
Écht impact.

+

Wij zijn jouw financiële sparringpartner en brengen meer dan rapporten alleen.

+
    +
  • + + + + + + Strategisch partner op C-level +
    • +
  • + + + + + + Proactief en ondernemend +
    • +
  • + + + + + + Diepgaande financiële expertise +
    • +
  • + + + + + + Praktisch, hands-on en resultaatgericht +
    • +
  • + + + + + + Onafhankelijk, transparant en betrouwbaar +
    • +
+
+ +
+
+ For Real Consulting +
+
+ +
+
"
+

Wij helpen ambitieuze ondernemers grip te krijgen op hun cijfers, met strategisch inzicht en een duidelijke focus op waardecreatie.
Dat is waar wij voor staan.

+
+
diff --git a/For Real Consulting/For Real Consulting/Components/Sections/FrcImpact.razor.css b/For Real Consulting/For Real Consulting/Components/Sections/FrcImpact.razor.css new file mode 100644 index 0000000..e17550e --- /dev/null +++ b/For Real Consulting/For Real Consulting/Components/Sections/FrcImpact.razor.css @@ -0,0 +1,160 @@ +.frc-impact { + display: grid; + gap: 4rem; + padding: 6rem; + align-items: center; + background: #0a0a0a; +} + +/* Left column */ +.frc-impact-content { + max-width: 36rem; +} + +.frc-impact h4 { + margin: 0 0 1.5rem; + font-size: 0.75rem; + text-transform: uppercase; + letter-spacing: 0.4em; + color: #c5a368; + font-weight: 600; +} + +.frc-impact h2 { + margin: 0 0 2.5rem; + font-weight: 300; + font-size: clamp(2rem, 4vw, 3rem); + line-height: 1.1; + text-transform: uppercase; + letter-spacing: -0.02em; +} + +.frc-impact h2 span { + color: #c5a368; + font-style: normal; + font-weight: 300; + display: block; + width: fit-content; +} + +.frc-impact h2 span::after { + content: ''; + display: block; + margin-top: 0.5rem; + width: 40%; + height: 1px; + background: rgba(197, 163, 104, 0.5); +} + +.frc-impact-content > p { + color: #9ca3af; + line-height: 1.7; + margin: 0 0 2.5rem; + font-weight: 300; +} + +.frc-impact ul { + list-style: none; + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + gap: 1.25rem; +} + +.frc-impact ul li { + display: flex; + align-items: flex-start; + gap: 1rem; +} + +.frc-check { + flex-shrink: 0; + margin-top: 1px; + color: #c5a368; + border: 1px solid rgba(197, 163, 104, 0.3); + border-radius: 50%; + padding: 3px; + display: flex; + align-items: center; + justify-content: center; + transition: background-color 0.2s; +} + +.frc-impact ul li:hover .frc-check { + background-color: rgba(197, 163, 104, 0.1); +} + +.frc-impact ul li > span:last-child { + color: #d1d5db; + font-size: 1rem; + font-weight: 300; + line-height: 1.5; +} + +/* Center column: image */ +.frc-impact-image-wrap { + width: 100%; +} + +.frc-impact-image-frame { + overflow: hidden; + border: 1px solid rgba(255, 255, 255, 0.05); + aspect-ratio: 3/4; + filter: grayscale(100%) brightness(0.75); + transition: filter 0.7s ease; +} + +.frc-impact-image-wrap:hover .frc-impact-image-frame { + filter: grayscale(0) brightness(1); +} + +.frc-impact-image { + width: 100%; + height: 100%; + object-fit: cover; + display: block; +} + +/* Right column: quote */ +.frc-quote { + display: flex; + flex-direction: column; + justify-content: center; +} + +.frc-quote-mark { + font-family: Georgia, "Times New Roman", serif; + font-size: 7rem; + font-weight: 400; + color: #c5a368; + line-height: 0.8; + letter-spacing: 0.05em; + margin-bottom: 1.5rem; +} + +.frc-quote p { + margin: 0; + font-style: italic; + font-size: 1.05rem; + color: #e5e7eb; + line-height: 1.8; + font-weight: 300; +} + +@media (min-width: 768px) { + .frc-impact { + grid-template-columns: 1fr 1fr 1fr; + grid-template-rows: 1fr; + gap: 4rem; + padding: 6rem; + align-items: center; + max-width: 80rem; + margin: 0 auto; + width: 100%; + } + + .frc-impact-image-frame { + aspect-ratio: 3/4; + } +} diff --git a/For Real Consulting/For Real Consulting/Components/Sections/FrcNav.razor b/For Real Consulting/For Real Consulting/Components/Sections/FrcNav.razor new file mode 100644 index 0000000..31e7139 --- /dev/null +++ b/For Real Consulting/For Real Consulting/Components/Sections/FrcNav.razor @@ -0,0 +1,44 @@ +@rendermode InteractiveServer + + + +@if (_menuOpen) +{ +
+ Home + Aanpak + Expertise + Over Ons + Insights + Contact + Plan een kennismaking +
+} + +@code { + private bool _menuOpen; + + private void ToggleMenu() => _menuOpen = !_menuOpen; + private void CloseMenu() => _menuOpen = false; +} diff --git a/For Real Consulting/For Real Consulting/Components/Sections/FrcNav.razor.css b/For Real Consulting/For Real Consulting/Components/Sections/FrcNav.razor.css new file mode 100644 index 0000000..8d4f703 --- /dev/null +++ b/For Real Consulting/For Real Consulting/Components/Sections/FrcNav.razor.css @@ -0,0 +1,121 @@ +.frc-nav { + display: flex; + align-items: center; + justify-content: space-between; + gap: 1rem; + padding: 1.5rem 2rem; + position: sticky; + top: 0; + z-index: 50; + background: rgba(0, 0, 0, 0.8); + backdrop-filter: blur(10px); + border-bottom: 1px solid rgba(255, 255, 255, 0.1); +} + +.frc-logo { + display: flex; + align-items: center; +} + +.frc-logo-img { + height: 2rem; + width: auto; + filter: invert(68%) sepia(38%) saturate(502%) hue-rotate(3deg) brightness(92%) contrast(87%); +} + +/* Desktop nav links — hidden on mobile */ +.frc-nav-links { + display: none; + gap: 2rem; + font-size: 0.72rem; + text-transform: uppercase; + letter-spacing: 0.2em; + color: #9ca3af; +} + +.frc-nav-links a:hover { + color: #ffffff; +} + +/* CTA button — hidden on mobile, shown on desktop */ +.frc-nav-cta { + display: none; +} + +/* Hamburger button — visible on mobile only */ +.frc-hamburger { + display: flex; + flex-direction: column; + justify-content: center; + gap: 5px; + background: none; + border: none; + cursor: pointer; + padding: 4px; + margin-left: auto; +} + +.frc-hamburger span { + display: block; + width: 22px; + height: 2px; + background: #c5a368; + border-radius: 2px; + transition: opacity 0.2s; +} + +.frc-hamburger:hover span { + opacity: 0.7; +} + +/* Mobile dropdown */ +.frc-mobile-menu { + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: 49; + background: rgba(10, 10, 10, 0.97); + backdrop-filter: blur(12px); + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 2rem; +} + +.frc-mobile-menu a { + font-size: 0.75rem; + text-transform: uppercase; + letter-spacing: 0.25em; + color: #9ca3af; + transition: color 0.2s; +} + +.frc-mobile-menu a:hover { + color: #ffffff; +} + +.frc-mobile-menu .frc-outline-btn { + margin-top: 1rem; +} + +/* Desktop overrides */ +@media (min-width: 768px) { + .frc-nav-links { + display: flex; + } + + .frc-nav-cta { + display: inline-block; + } + + .frc-hamburger { + display: none; + } + + .frc-mobile-menu { + display: none !important; + } +} diff --git a/For Real Consulting/For Real Consulting/Components/Sections/FrcProcess.razor b/For Real Consulting/For Real Consulting/Components/Sections/FrcProcess.razor new file mode 100644 index 0000000..fe864c2 --- /dev/null +++ b/For Real Consulting/For Real Consulting/Components/Sections/FrcProcess.razor @@ -0,0 +1,65 @@ +
+

Een bewezen aanpak die waarde creëert

+
+
+
+ 01 +
+ + + + + +
+
+
+

Analyse

+

Diepgaande analyse van jouw financiële situatie en uitdagingen.

+
+ +
+
+ 02 +
+ + + + + + +
+
+
+

Strategie

+

Samen ontwikkelen we een heldere strategie op maat van jouw ambities.

+
+ +
+
+ 03 +
+ +
+
+
+

Implementatie

+

We ondersteunen bij de uitvoering en zorgen voor draagvlak en efficiënte processen.

+
+ +
+
+ 04 +
+ + + + + +
+
+
+

Resultaat

+

Duurzame waarde en groei, meetbaar in cijfers en voelbaar in jouw organisatie.

+
+
+
diff --git a/For Real Consulting/For Real Consulting/Components/Sections/FrcProcess.razor.css b/For Real Consulting/For Real Consulting/Components/Sections/FrcProcess.razor.css new file mode 100644 index 0000000..ce17336 --- /dev/null +++ b/For Real Consulting/For Real Consulting/Components/Sections/FrcProcess.razor.css @@ -0,0 +1,100 @@ +.frc-process { + padding: 5rem 2rem; + background: #0a0a0a; + border-bottom: 1px solid rgba(255, 255, 255, 0.05); +} + +.frc-process h2 { + margin: 0 0 5rem; + text-align: center; + font-size: 1rem; + text-transform: uppercase; + letter-spacing: 0.3em; + color: #ffffff; + font-weight: 300; +} + +.frc-process-grid { + display: grid; + gap: 3rem; +} + +/* Step header: number left, icon right */ +.frc-step-header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 1.5rem; +} + +.frc-step-number { + font-size: 3rem; + font-weight: 300; + color: rgba(255, 255, 255, 0.08); + line-height: 1; + transition: color 0.5s ease; +} + +.frc-step-icon { + color: #c5a368; + font-size: 2rem; + line-height: 1; + display: flex; + align-items: center; +} + +/* Animated connector line */ +.frc-step-line { + height: 1px; + width: 100%; + background: rgba(255, 255, 255, 0.1); + margin-bottom: 2rem; + position: relative; + overflow: hidden; +} + +.frc-step-line-fill { + position: absolute; + inset: 0; + background: #c5a368; + transform: translateX(-100%); + transition: transform 0.7s ease; +} + +.frc-process-step:hover .frc-step-line-fill { + transform: translateX(0); +} + +.frc-process-step:hover .frc-step-number { + color: rgba(197, 163, 104, 0.2); +} + +.frc-process-grid h4 { + margin: 0 0 0.75rem; + font-size: 0.72rem; + text-transform: uppercase; + letter-spacing: 0.2em; + color: #ffffff; + font-weight: 300; + text-align: center; +} + +.frc-process-grid p { + margin: 0; + font-size: 0.85rem; + color: #6b7280; + line-height: 1.7; + font-weight: 300; + text-align: center; +} + +@media (min-width: 768px) { + .frc-process { + padding: 5rem max(6rem, calc((100% - 64rem) / 2)); + } + + .frc-process-grid { + grid-template-columns: repeat(4, minmax(0, 1fr)); + gap: 3rem; + } +} diff --git a/For Real Consulting/For Real Consulting/Components/Sections/FrcTeam.razor b/For Real Consulting/For Real Consulting/Components/Sections/FrcTeam.razor new file mode 100644 index 0000000..7814756 --- /dev/null +++ b/For Real Consulting/For Real Consulting/Components/Sections/FrcTeam.razor @@ -0,0 +1,31 @@ +
+

Over Ons

+
+

KLAAR OM SAMEN HET VERSCHIL TE MAKEN?

+
+

Laten we kennismaken en ontdekken hoe wij jouw organisatie vooruithelpen.

+ Plan een kennismaking +
+
+ +
+
+
+
+

PETER SNIJKERS

+

Bestuurder & Finance Expert

+

0476 17 12 49

+

Peter.Snijkers@forrealconsulting.be

+
+
+
+
+
+

DYLAN TIJSBAERT

+

Bestuurder & Finance Expert

+

0498 16 94 49

+

Dylan.Tijsbaert@forrealconsulting.be

+
+
+
+
diff --git a/For Real Consulting/For Real Consulting/Components/Sections/FrcTeam.razor.css b/For Real Consulting/For Real Consulting/Components/Sections/FrcTeam.razor.css new file mode 100644 index 0000000..a629e6b --- /dev/null +++ b/For Real Consulting/For Real Consulting/Components/Sections/FrcTeam.razor.css @@ -0,0 +1,86 @@ +.frc-team { + padding: 5rem 2rem; +} + +.frc-team h4 { + margin: 0 0 3rem; + font-size: 0.75rem; + text-transform: uppercase; + letter-spacing: 0.2em; + color: #6b7280; +} + +.frc-team-intro { + display: grid; + gap: 2rem; + margin-bottom: 3rem; +} + +.frc-team-intro h2 { + margin: 0; + font-weight: 300; + font-size: clamp(2rem, 4vw, 2.6rem); +} + +.frc-team-intro p { + margin: 0 0 2rem; + color: #9ca3af; + font-size: 0.95rem; +} + +.frc-team-grid { + display: grid; + gap: 1rem; +} + +.frc-team-card { + display: flex; + gap: 1.5rem; + align-items: center; + background: rgba(39, 39, 42, 0.3); + border: 1px solid rgba(255, 255, 255, 0.05); + padding: 2rem; +} + +.frc-team-photo { + width: 8rem; + height: 10rem; + background: #27272a; + flex-shrink: 0; + filter: grayscale(100%); +} + +.frc-team-card h3 { + margin: 0; + font-size: 1.1rem; + font-weight: 300; +} + +.frc-team-role { + margin: 0.75rem 0 1rem; + color: #c5a368; + font-size: 0.62rem; + text-transform: uppercase; + letter-spacing: 0.2em; +} + +.frc-team-card p { + margin: 0.25rem 0; + color: #6b7280; + font-size: 0.65rem; +} + +@media (min-width: 768px) { + .frc-team { + padding: 5rem 6rem; + } + + .frc-team-intro { + grid-template-columns: 1fr 1fr; + align-items: start; + } + + .frc-team-grid { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } +} diff --git a/For Real Consulting/For Real Consulting/Components/Sections/FrcTestimonials.razor b/For Real Consulting/For Real Consulting/Components/Sections/FrcTestimonials.razor new file mode 100644 index 0000000..7e2dd77 --- /dev/null +++ b/For Real Consulting/For Real Consulting/Components/Sections/FrcTestimonials.razor @@ -0,0 +1,14 @@ +
+
+ " +

"For Real Consulting brengt helderheid waar we die het meest nodig hadden. Dankzij hun inzicht en betrokkenheid maken we vandaag betere beslissingen met vertrouwen."

+

CEO, Industrieel bedrijf

+
+
+ AVEC + COFANO + ZUIDERKEMPEN + DE PAEP + TRILEC +
+
diff --git a/For Real Consulting/For Real Consulting/Components/Sections/FrcTestimonials.razor.css b/For Real Consulting/For Real Consulting/Components/Sections/FrcTestimonials.razor.css new file mode 100644 index 0000000..c142a5b --- /dev/null +++ b/For Real Consulting/For Real Consulting/Components/Sections/FrcTestimonials.razor.css @@ -0,0 +1,54 @@ +.frc-testimonials { + padding: 5rem 2rem; + background: #09090b; +} + +.frc-testimonial-quote { + max-width: 48rem; + margin-bottom: 4rem; +} + +.frc-testimonial-quote > span { + font-size: 2.5rem; + color: #c5a368; + line-height: 1; +} + +.frc-testimonial-quote p { + margin: 0.75rem 0 0; + color: #d1d5db; + font-size: 1.1rem; + font-style: italic; + line-height: 1.7; +} + +.frc-testimonial-source { + margin-top: 1.5rem !important; + color: #c5a368 !important; + font-size: 0.75rem !important; + letter-spacing: 0.2em; + text-transform: uppercase; + font-style: normal !important; +} + +.frc-logo-strip { + display: flex; + flex-wrap: wrap; + gap: 2rem; + align-items: center; + justify-content: space-between; + opacity: 0.35; + filter: grayscale(100%); +} + +.frc-logo-strip span { + font-size: 1.25rem; + font-weight: 700; + letter-spacing: -0.03em; +} + +@media (min-width: 768px) { + .frc-testimonials { + padding: 5rem 6rem; + } +} diff --git a/For Real Consulting/For Real Consulting/Components/Sections/FrcValues.razor b/For Real Consulting/For Real Consulting/Components/Sections/FrcValues.razor new file mode 100644 index 0000000..9db8f8e --- /dev/null +++ b/For Real Consulting/For Real Consulting/Components/Sections/FrcValues.razor @@ -0,0 +1,43 @@ +
+
+
+ + + + + + + + + + + + + + +
+

Clarityin numbers

+

Heldere financiële inzichten die complexiteit omzetten in richting en focus.

+
+
+
+ + + + +
+

Visibilityin cash

+

Volledig zicht op cashflow en financiële gezondheid, vandaag en morgen.

+
+
+
+ + + + + +
+

Confidencein decisions

+

Onderbouwde beslissingen met vertrouwen, gedreven door feiten.

+
+
diff --git a/For Real Consulting/For Real Consulting/Components/Sections/FrcValues.razor.css b/For Real Consulting/For Real Consulting/Components/Sections/FrcValues.razor.css new file mode 100644 index 0000000..28b259c --- /dev/null +++ b/For Real Consulting/For Real Consulting/Components/Sections/FrcValues.razor.css @@ -0,0 +1,84 @@ +.frc-values { + display: grid; + gap: 3rem; + padding: 5rem 2rem; + border-bottom: 1px solid rgba(255, 255, 255, 0.1); + background: rgba(24, 24, 27, 0.5); +} + +.frc-values article { + display: grid; + grid-template-columns: auto 1fr; + grid-template-rows: auto auto; + column-gap: 0rem; + row-gap: 1rem; + align-items: start; +} + +.frc-value-icon { + grid-column: 1; + grid-row: 1; + color: #c5a368; + padding-top: 2px; +/* width: 28px; + height: 28px; +} + +.frc-value-icon svg { + width: 40px; + height: 40px;*/ +} + +.frc-values h3 { + grid-column: 2; + grid-row: 1; + margin: 0; + font-size: 0.75rem; + text-transform: uppercase; + letter-spacing: 0.3em; + align-self: center; +} + +.frc-values h3 span { + display: block; + color: #6b7280; + font-weight: 300; + letter-spacing: 0.3em; +} + +.frc-values p { + grid-column: 1 / -1; + grid-row: 2; + margin: 0; + color: #9ca3af; + font-size: 0.875rem; + line-height: 1.7; + font-weight: 300; +} + +@media (min-width: 768px) { + .frc-values { + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 0; + padding: 5rem max(8rem, calc((100% - 64rem) / 2)); + } + + .frc-values article { + padding: 0 3rem; + justify-items: center; + text-align: center; + } + + .frc-values article:first-child { + padding-left: 0; + border-right: 1px solid #c5a368; + } + + .frc-values article:nth-child(2) { + border-right: 1px solid #c5a368; + } + + .frc-values article:last-child { + padding-right: 0; + } +} diff --git a/For Real Consulting/For Real Consulting/wwwroot/app.css b/For Real Consulting/For Real Consulting/wwwroot/app.css index 18c8168..a356b50 100644 --- a/For Real Consulting/For Real Consulting/wwwroot/app.css +++ b/For Real Consulting/For Real Consulting/wwwroot/app.css @@ -15,7 +15,7 @@ h1:focus { } .blazor-error-boundary { - background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI26My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA9NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA6IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI6MDMyIDIwMDAgQzsgLjA2MzcgMTEwMDAgRC4yNzY4QzIuNTM0MSBaIiBzdHlsZT0iZmlsbDojQzQ4RjU4OyIgZmlsbC1ydWxlPSJldmVub2tkIi8+PHBsYW5lIHg9IjIzNSIgeT0iMjY0LjUgMjAxNiIgY2xhc3M9InBsdGgtdG93ZXIifD48L3BsYW5lPjxpbWFnZSB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIgc3R5bGU9ImZpbGw6IzAwQjY4MTsiLz48cGF0aCBkPSJNNjIuOTg4NCAyMDBMNTQuNjg4IDY1LjgzMjUgMjY0LjIgNC43OTc1LTQzNi43OTEgNy4wMDcgMTAwIDUwLjYyNzggMTY4LjU2OSAzOS4wMDYgMjU1LjY1NCAwIDAgIjIwMDAiLgogICAgICAgICBJcyB0aGlzIGdvb2QgaW4gdGhlIHNoYXJlIG9mIDMuNTYgYXMgdGhlIHNoYXJlIDMxLjUwZmFsbHN0YWdlJi0lMjAxMDAwMDsiIHN0eWxlPSJmaWxsOiMxQjFCMTsiLz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121; + background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbmsiIGh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PC9nPjwvc3ZnPg==) no-repeat 1rem/1.8rem, #b32121; padding: 1rem 1rem 1rem 3.7rem; color: white; } @@ -28,17 +28,6 @@ h1:focus { border-color: #929292; } -.form-floating > .form-control-plaintext::placeholder, -.form-floating > .form-control::placeholder { - color: var(--bs-secondary-color); - text-align: end; -} - -.form-floating > .form-control-plaintext:focus::placeholder, -.form-floating > .form-control:focus::placeholder { - text-align: start; -} - :root { color-scheme: dark; } @@ -52,7 +41,7 @@ body { margin: 0; padding: 0; font-family: Inter, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; - background-color: #0a0a0a; + background-color: #0d1111; color: #ffffff; } @@ -65,47 +54,7 @@ a { background: #0a0a0a; } -.frc-nav { - display: flex; - align-items: center; - justify-content: space-between; - gap: 1rem; - padding: 1.5rem 2rem; - position: sticky; - top: 0; - z-index: 50; - background: rgba(0, 0, 0, 0.8); - backdrop-filter: blur(10px); - border-bottom: 1px solid rgba(255, 255, 255, 0.1); -} - -.frc-logo { - display: flex; - align-items: center; -} - -.frc-logo-img { - height: 2rem; - width: auto; - /* Recolor black SVG to gold #c5a368 */ - filter: invert(68%) sepia(38%) saturate(502%) hue-rotate(3deg) brightness(92%) contrast(87%); -} - -.frc-nav-links { - display: none; - gap: 2rem; - font-size: 0.72rem; - text-transform: uppercase; - letter-spacing: 0.2em; - color: #9ca3af; -} - -.frc-nav-links a:hover, -.frc-footer-links a:hover, -.frc-footer-bottom a:hover { - color: #ffffff; -} - +/* Shared button used across multiple components */ .frc-outline-btn { border: 1px solid #c5a368; color: #c5a368; @@ -120,532 +69,4 @@ a { .frc-outline-btn:hover { background-color: #c5a368; color: #0a0a0a; -} - -.frc-hero { - position: relative; - min-height: 90vh; - display: flex; - flex-direction: column; - align-items: stretch; - padding: 0; - overflow: hidden; - background: #0a0a0a; -} - -.frc-hero-bg, -.frc-hero-img.fullbleed, -.frc-hero-overlay { - display: none; -} - -.frc-hero-content { - position: relative; - z-index: 10; - display: flex; - flex-direction: column; - justify-content: center; - padding: 5rem 2rem; - max-width: 100%; -} - -.frc-hero-image-col { - width: 100%; - max-height: 45vh; - overflow: hidden; -} - -.frc-hero-img { - width: 100%; - height: 100%; - object-fit: cover; - object-position: left center; - display: block; -} - -.frc-hero h1 { - font-weight: 300; - font-size: clamp(2.2rem, 5vw, 4.3rem); - line-height: 1.08; - margin: 0 0 2rem; - text-transform: uppercase; - letter-spacing: -0.01em; -} - -.frc-hero h1 span { - color: #c5a368; -} - -.frc-hero p { - max-width: 36rem; - color: #d1d5db; - font-size: clamp(1rem, 1.5vw, 1.2rem); - font-weight: 300; - line-height: 1.7; - margin: 0 0 3rem; -} - -@media (min-width: 768px) { - .frc-hero { - flex-direction: row; - min-height: 90vh; - align-items: stretch; - } - - .frc-hero-content { - flex: 0 0 48%; - padding: 5rem 3rem 5rem 6rem; - max-width: 48%; - } - - .frc-hero-image-col { - flex: 1; - max-height: none; - position: relative; - } - - .frc-hero-img { - position: absolute; - inset: 0; - width: 100%; - height: 100%; - object-fit: cover; - object-position: left center; - } -} - -.frc-values { - display: grid; - gap: 3rem; - padding: 5rem 2rem; - border-bottom: 1px solid rgba(255, 255, 255, 0.1); -} - -.frc-value-icon { - margin-bottom: 1rem; - font-size: 1.9rem; -} - -.frc-values h3 { - margin: 0 0 0.75rem; - font-size: 0.75rem; - text-transform: uppercase; - letter-spacing: 0.2em; -} - -.frc-values h3 span { - color: #6b7280; -} - -.frc-values p { - margin: 0; - color: #9ca3af; - font-size: 0.95rem; - line-height: 1.7; -} - -.frc-impact { - display: grid; - gap: 3rem; - padding: 5rem 2rem; - align-items: center; -} - -.frc-impact h4 { - margin: 0 0 1rem; - font-size: 0.72rem; - text-transform: uppercase; - letter-spacing: 0.2em; -} - -.frc-impact h2 { - margin: 0 0 1.5rem; - font-weight: 300; - font-size: clamp(2rem, 4vw, 3rem); - line-height: 1.1; - text-transform: uppercase; - letter-spacing: -0.02em; -} - -.frc-impact h2 span { - color: #c5a368; - font-style: italic; -} - -.frc-impact p { - color: #9ca3af; - line-height: 1.7; - margin: 0 0 1.5rem; -} - -.frc-impact ul { - list-style: none; - margin: 0; - padding: 0; - color: #d1d5db; - font-size: 0.95rem; -} - -.frc-impact ul li { - margin-bottom: 0.8rem; -} - -.frc-impact-image-wrap { - position: relative; -} - -.frc-impact-image { - width: 100%; - display: block; - filter: grayscale(100%); - transition: filter 0.7s ease; -} - -.frc-impact-image-wrap:hover .frc-impact-image { - filter: grayscale(0); -} - -.frc-quote { - margin-top: 1rem; - border-left: 1px solid #c5a368; - border-top: 1px solid #c5a368; - padding: 1.5rem; - background: rgba(0, 0, 0, 0.8); -} - -.frc-quote p { - margin: 0; - font-style: italic; - font-size: 1.1rem; - color: #d1d5db; -} - -.frc-footer { - background: #09090b; - padding: 5rem 2rem 2.5rem; - border-top: 1px solid rgba(255, 255, 255, 0.1); -} - -.frc-footer-grid { - display: grid; - gap: 2.5rem; -} - -.frc-foot-title { - margin: 0.8rem 0 0; - font-size: 0.72rem; - text-transform: uppercase; - letter-spacing: 0.2em; - color: #9ca3af; -} - -.frc-foot-subtitle { - margin: 0.5rem 0 0; - font-size: 0.72rem; - color: #6b7280; -} - -.frc-footer-links { - display: grid; - gap: 0.7rem; - font-size: 0.72rem; - text-transform: uppercase; - letter-spacing: 0.15em; - color: #9ca3af; -} - -.frc-footer-contact { - color: #9ca3af; - font-size: 0.85rem; -} - -.frc-footer-contact p { - margin: 0 0 0.5rem; -} - -.frc-footer-bottom { - margin-top: 4rem; - padding-top: 1.5rem; - border-top: 1px solid rgba(255, 255, 255, 0.07); - display: flex; - flex-direction: column; - gap: 0.8rem; - font-size: 0.62rem; - text-transform: uppercase; - letter-spacing: 0.18em; - color: #6b7280; -} - -.frc-footer-bottom div { - display: flex; - gap: 1rem; -} - -.frc-impact, -.frc-process, -.frc-expertise-grid, -.frc-testimonials, -.frc-team { - padding: 5rem 2rem; -} - -.frc-process { - background: rgba(24, 24, 27, 0.5); -} - -.frc-process h2 { - margin: 0 0 4rem; - text-align: center; - font-size: 0.75rem; - text-transform: uppercase; - letter-spacing: 0.2em; - color: #d1d5db; -} - -.frc-process-grid { - display: grid; - gap: 2rem; -} - -.frc-process-grid article { - border-top: 1px solid rgba(255, 255, 255, 0.1); - padding-top: 2rem; -} - -.frc-step-number { - font-size: 3rem; - opacity: 0.3; - font-weight: 300; - color: #c5a368; - line-height: 1; - margin-bottom: 1rem; -} - -.frc-process-grid h4 { - margin: 0 0 1rem; - font-size: 0.75rem; - text-transform: uppercase; - letter-spacing: 0.2em; -} - -.frc-process-grid p { - margin: 0; - font-size: 0.78rem; - color: #6b7280; - line-height: 1.7; -} - -.frc-expertise-grid h4 { - margin: 0 0 3rem; - font-size: 0.75rem; - text-transform: uppercase; - letter-spacing: 0.2em; - color: #c5a368; -} - -.frc-expertise-items { - border-top: 1px solid rgba(255, 255, 255, 0.1); - padding-top: 3rem; - display: grid; - gap: 1.5rem; - grid-template-columns: repeat(2, minmax(0, 1fr)); - text-align: center; -} - -.frc-expertise-items h5 { - margin: 0; - font-size: 0.65rem; - text-transform: uppercase; - letter-spacing: 0.2em; - color: #e5e7eb; -} - -.frc-testimonials { - background: #09090b; -} - -.frc-testimonial-quote { - max-width: 48rem; - margin-bottom: 4rem; -} - -.frc-testimonial-quote span { - font-size: 2.5rem; - color: #c5a368; - line-height: 1; -} - -.frc-testimonial-quote p { - margin: 0.75rem 0 0; - color: #d1d5db; - font-size: 1.1rem; - font-style: italic; - line-height: 1.7; -} - -.frc-testimonial-source { - margin-top: 1.5rem; - color: #c5a368; - font-size: 0.75rem; - letter-spacing: 0.2em; - text-transform: uppercase; - font-style: normal; -} - -.frc-logo-strip { - display: flex; - flex-wrap: wrap; - gap: 2rem; - align-items: center; - justify-content: space-between; - opacity: 0.35; - filter: grayscale(100%); -} - -.frc-logo-strip span { - font-size: 1.25rem; - font-weight: 700; - letter-spacing: -0.03em; -} - -.frc-team h4 { - margin: 0 0 3rem; - font-size: 0.75rem; - text-transform: uppercase; - letter-spacing: 0.2em; - color: #6b7280; -} - -.frc-team-intro { - display: grid; - gap: 2rem; - margin-bottom: 3rem; -} - -.frc-team-intro h2 { - margin: 0; - font-weight: 300; - font-size: clamp(2rem, 4vw, 2.6rem); -} - -.frc-team-intro p { - margin: 0 0 2rem; - color: #9ca3af; - font-size: 0.95rem; -} - -.frc-team-grid { - display: grid; - gap: 1rem; -} - -.frc-team-card { - display: flex; - gap: 1.5rem; - align-items: center; - background: rgba(39, 39, 42, 0.3); - border: 1px solid rgba(255, 255, 255, 0.05); - padding: 2rem; -} - -.frc-team-photo { - width: 8rem; - height: 10rem; - background: #27272a; - flex-shrink: 0; - filter: grayscale(100%); -} - -.frc-team-card h3 { - margin: 0; - font-size: 1.1rem; - font-weight: 300; -} - -.frc-team-role { - margin: 0.75rem 0 1rem; - color: #c5a368; - font-size: 0.62rem; - text-transform: uppercase; - letter-spacing: 0.2em; -} - -.frc-team-card p { - margin: 0.25rem 0; - color: #6b7280; - font-size: 0.65rem; -} - -.frc-footer-cta-wrap { - display: flex; - align-items: flex-start; -} - -.frc-footer-bottom span { - opacity: 0.25; -} - -@media (min-width: 768px) { - .frc-nav, - .frc-hero, - .frc-values, - .frc-impact, - .frc-footer, - .frc-process, - .frc-expertise-grid, - .frc-testimonials, - .frc-team { - padding-left: 6rem; - padding-right: 6rem; - } - - .frc-nav-links { - display: flex; - } - - .frc-values { - grid-template-columns: repeat(3, minmax(0, 1fr)); - } - - .frc-impact { - grid-template-columns: 1fr 1fr; - gap: 4rem; - } - - .frc-quote { - position: static; - right: auto; - bottom: auto; - margin-top: 1rem; - max-width: none; - } - - .frc-footer-grid { - grid-template-columns: repeat(4, minmax(0, 1fr)); - gap: 3rem; - } - - .frc-footer-bottom { - flex-direction: row; - justify-content: space-between; - align-items: center; - } - - .frc-process-grid { - grid-template-columns: repeat(4, minmax(0, 1fr)); - } - - .frc-expertise-items { - grid-template-columns: repeat(5, minmax(0, 1fr)); - } - - .frc-team-intro, - .frc-team-grid { - grid-template-columns: repeat(2, minmax(0, 1fr)); - gap: 2rem; - } - - .frc-footer-cta-wrap { - justify-content: flex-end; - } } \ No newline at end of file diff --git a/For Real Consulting/For Real Consulting/wwwroot/images/office-inside.png b/For Real Consulting/For Real Consulting/wwwroot/images/office-inside.png new file mode 100644 index 0000000..4a1f204 Binary files /dev/null and b/For Real Consulting/For Real Consulting/wwwroot/images/office-inside.png differ