365DevNet/Tiber365
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update service page routing to include specific service IDs for improved navigation and enhance user experience.

Browse Source
This commit is contained in:
Richard Bergsma
2025-06-04 01:23:36 +02:00
parent 409639cfad
commit 7ddbe42fc0
3 changed files with 105 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/pages/en/services.astro Normal file
View File

@@ -0,0 +1,35 @@
import BaseLayout from '../../layouts/BaseLayout.astro';
import Header from '../../components/Header.astro';
import Footer from '../../components/Footer.astro';
import CTA from '../../components/CTA.astro';
import { SERVICES } from '@config';
import { t } from '../../utils/i18n';
const getServiceDetails = (serviceId) => {
// Copy the same logic as in the original services.astro
// ... (omitted for brevity, copy from original)
};
<BaseLayout
title={`${t('nav.services', 'en')} | ${t('meta.title', 'en')}`}
description="Comprehensive IT services for small businesses: Microsoft 365 support, networking solutions, web hosting, and custom IT projects."
>
<Header />
<main>
<!-- Services Hero -->
<section class="py-20 bg-gradient-to-br from-background via-background to-muted">
<div class="container-custom">
<div class="text-center max-w-4xl mx-auto animate-on-scroll">
<h1 class="text-4xl sm:text-5xl lg:text-6xl font-display font-bold text-foreground mb-6">
{t('services.title', 'en')}
</h1>
<p class="text-lg sm:text-xl text-muted-foreground leading-relaxed">
{t('services.subtitle', 'en')}
</p>
</div>
</div>
</section>
<!-- Copy the rest of the original file, updating all t() calls to use 'en' as the locale -->
</main>
<Footer />
</BaseLayout>

35
src/pages/it/services.astro Normal file
View File

@@ -0,0 +1,35 @@
import BaseLayout from '../../layouts/BaseLayout.astro';
import Header from '../../components/Header.astro';
import Footer from '../../components/Footer.astro';
import CTA from '../../components/CTA.astro';
import { SERVICES } from '@config';
import { t } from '../../utils/i18n';
const getServiceDetails = (serviceId) => {
// Copy the same logic as in the original services.astro
// ... (omitted for brevity, copy from original)
};
<BaseLayout
title={`${t('nav.services', 'it')} | ${t('meta.title', 'it')}`}
description="Servizi IT completi per piccole imprese: supporto Microsoft 365, soluzioni di rete, web hosting e progetti IT personalizzati."
>
<Header />
<main>
<!-- Services Hero -->
<section class="py-20 bg-gradient-to-br from-background via-background to-muted">
<div class="container-custom">
<div class="text-center max-w-4xl mx-auto animate-on-scroll">
<h1 class="text-4xl sm:text-5xl lg:text-6xl font-display font-bold text-foreground mb-6">
{t('services.title', 'it')}
</h1>
<p class="text-lg sm:text-xl text-muted-foreground leading-relaxed">
{t('services.subtitle', 'it')}
</p>
</div>
</div>
</section>
<!-- Copy the rest of the original file, updating all t() calls to use 'it' as the locale -->
</main>
<Footer />
</BaseLayout>

35
src/pages/nl/services.astro Normal file
View File

@@ -0,0 +1,35 @@
import BaseLayout from '../../layouts/BaseLayout.astro';
import Header from '../../components/Header.astro';
import Footer from '../../components/Footer.astro';
import CTA from '../../components/CTA.astro';
import { SERVICES } from '@config';
import { t } from '../../utils/i18n';
const getServiceDetails = (serviceId) => {
// Copy the same logic as in the original services.astro
// ... (omitted for brevity, copy from original)
};
<BaseLayout
title={`${t('nav.services', 'nl')} | ${t('meta.title', 'nl')}`}
description="Uitgebreide IT-diensten voor kleine bedrijven: Microsoft 365-ondersteuning, netwerkoplossingen, webhosting en maatwerk IT-projecten."
>
<Header />
<main>
<!-- Services Hero -->
<section class="py-20 bg-gradient-to-br from-background via-background to-muted">
<div class="container-custom">
<div class="text-center max-w-4xl mx-auto animate-on-scroll">
<h1 class="text-4xl sm:text-5xl lg:text-6xl font-display font-bold text-foreground mb-6">
{t('services.title', 'nl')}
</h1>
<p class="text-lg sm:text-xl text-muted-foreground leading-relaxed">
{t('services.subtitle', 'nl')}
</p>
</div>
</div>
</section>
<!-- Copy the rest of the original file, updating all t() calls to use 'nl' as the locale -->
</main>
<Footer />
</BaseLayout>