updated our commitment image and text
This commit is contained in:
becarta
BIN
public/images/OurCommitment.webp
Normal file
BIN
public/images/OurCommitment.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
BIN
src/assets/images/OurCommitment.webp
Normal file
BIN
src/assets/images/OurCommitment.webp
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 64 KiB |
@@ -2,6 +2,12 @@
|
||||
@tailwind components;
|
||||
@tailwind utilities;
|
||||
|
||||
@layer base {
|
||||
p, li, div {
|
||||
line-height: 1.5;
|
||||
}
|
||||
}
|
||||
|
||||
@layer utilities {
|
||||
.bg-page {
|
||||
background-color: var(--aw-color-bg-page);
|
||||
|
||||
@@ -28,26 +28,26 @@ const {
|
||||
: columns === 2
|
||||
? 'sm:grid-cols-2 '
|
||||
: ''
|
||||
} grid-flow-row auto-rows-fr`,
|
||||
} grid-flow-row auto-rows-fr text-center sm:text-left`,
|
||||
containerClass
|
||||
)}
|
||||
>
|
||||
{items.map(({ title, description, icon, callToAction, classes: itemClasses = {} }) => (
|
||||
<div class="intersect-once motion-safe:md:opacity-0 motion-safe:md:intersect:animate-fade h-full">
|
||||
<div class={twMerge('flex flex-row max-w-md h-full min-h-[220px] backdrop-blur-sm bg-white/15 dark:bg-transparent p-3 rounded-md border border-gray-200 dark:border-gray-700 hover:bg-white/30 hover:backdrop-blur-md dark:hover:backdrop-blur-md transition-all duration-300 ease-in-out', panelClass, itemClasses?.panel)}>
|
||||
<div class="flex justify-center flex-shrink-0">
|
||||
<div class={twMerge('flex flex-col sm:flex-row max-w-md mx-auto sm:mx-0 h-full min-h-[220px] backdrop-blur-sm bg-white/15 dark:bg-transparent p-3 rounded-md border border-gray-200 dark:border-gray-700 hover:bg-white/30 hover:backdrop-blur-md dark:hover:backdrop-blur-md transition-all duration-300 ease-in-out', panelClass, itemClasses?.panel)}>
|
||||
<div class="flex justify-center sm:justify-start flex-shrink-0 mb-2 sm:mb-0">
|
||||
{(icon || defaultIcon) && (
|
||||
<Icon
|
||||
name={icon || defaultIcon}
|
||||
class={twMerge('w-7 h-7 mr-2 rtl:mr-0 rtl:ml-2', defaultIconClass, itemClasses?.icon)}
|
||||
class={twMerge('w-7 h-7 sm:mr-2 rtl:sm:mr-0 rtl:sm:ml-2', defaultIconClass, itemClasses?.icon)}
|
||||
/>
|
||||
)}
|
||||
</div>
|
||||
<div class="mt-0.5 flex flex-col overflow-hidden flex-grow">
|
||||
<div class="mt-0.5 flex flex-col overflow-hidden flex-grow items-center sm:items-start">
|
||||
{title && <h3 class={twMerge('text-xl font-bold', titleClass, itemClasses?.title)}>{title}</h3>}
|
||||
{description && (
|
||||
<p
|
||||
class={twMerge(`${title ? 'mt-3' : ''} text-muted overflow-y-auto`, descriptionClass, itemClasses?.description)}
|
||||
class={twMerge(`${title ? 'mt-3' : ''} text-muted text-base overflow-y-auto`, descriptionClass, itemClasses?.description)}
|
||||
set:html={description}
|
||||
/>
|
||||
)}
|
||||
|
||||
@@ -28,14 +28,14 @@ const {
|
||||
: columns === 2
|
||||
? 'sm:grid-cols-2 '
|
||||
: ''
|
||||
}`,
|
||||
} mx-auto text-center sm:text-left`,
|
||||
containerClass
|
||||
)}
|
||||
>
|
||||
{items.map(({ title, description, icon, callToAction, classes: itemClasses = {} }) => (
|
||||
<div
|
||||
class={twMerge(
|
||||
'relative flex flex-col intersect-once intersect-quarter intercept-no-queue motion-safe:md:opacity-0 motion-safe:md:intersect:animate-fade',
|
||||
'relative flex flex-col items-center sm:items-start mx-auto sm:mx-0 intersect-once intersect-quarter intercept-no-queue motion-safe:md:opacity-0 motion-safe:md:intersect:animate-fade',
|
||||
panelClass,
|
||||
itemClasses?.panel
|
||||
)}
|
||||
@@ -45,7 +45,7 @@ const {
|
||||
)}
|
||||
<div class={twMerge('text-xl font-bold', titleClass, itemClasses?.title)}>{title}</div>
|
||||
{description && (
|
||||
<p class={twMerge('text-muted mt-2', descriptionClass, itemClasses?.description)} set:html={description} />
|
||||
<p class={twMerge('text-muted text-base mt-2', descriptionClass, itemClasses?.description)} set:html={description} />
|
||||
)}
|
||||
{callToAction && (
|
||||
<div class="mt-2">
|
||||
|
||||
@@ -37,7 +37,7 @@ const {
|
||||
<h3 class="text-base font-semibold">{title}</h3>
|
||||
</div>
|
||||
<div class="text-muted overflow-hidden">
|
||||
<p class="text-sm max-h-[12rem] hover:max-h-[300px] transition-all duration-500 ease-skills">{description}</p>
|
||||
<p class="text-base max-h-[12rem] hover:max-h-[300px] transition-all duration-500 ease-skills">{description}</p>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
|
||||
@@ -68,20 +68,20 @@ const {
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div aria-hidden="true" class="mt-10 md:mt-0 md:basis-1/2">
|
||||
<div aria-hidden="true" class="hidden sm:flex mt-10 md:mt-0 md:basis-1/2 self-center items-center">
|
||||
{
|
||||
image && (
|
||||
<div class="relative m-auto max-w-4xl">
|
||||
<div class="relative m-auto w-full max-w-4xl py-4 md:py-8 lg:py-10 xl:py-12 lg:max-w-5xl xl:max-w-6xl">
|
||||
{typeof image === 'string' ? (
|
||||
<Fragment set:html={image} />
|
||||
) : (
|
||||
<Image
|
||||
class="mx-auto w-full rounded-lg bg-gray-500 shadow-lg"
|
||||
width={500}
|
||||
height={500}
|
||||
widths={[400, 768]}
|
||||
sizes="(max-width: 768px) 100vw, 432px"
|
||||
layout="responsive"
|
||||
class="mx-auto h-full rounded-lg bg-gray-500 shadow-lg object-contain md:max-h-[650px] lg:max-h-[750px] xl:max-h-[850px]"
|
||||
width={480}
|
||||
height={750}
|
||||
widths={[400, 768, 1024, 1280, 1536]}
|
||||
sizes="(max-width: 640px) 0px, (max-width: 768px) 100vw, (max-width: 1024px) 50vw, (max-width: 1280px) 600px, 800px"
|
||||
layout="constrained"
|
||||
{...image}
|
||||
/>
|
||||
)}
|
||||
|
||||
@@ -126,7 +126,7 @@ const {
|
||||
aria-label="Main navigation"
|
||||
>
|
||||
<ul
|
||||
class="flex flex-col md:flex-row md:self-center w-full md:w-auto text-xl md:text-[0.9375rem] tracking-[0.01rem] font-medium md:justify-center"
|
||||
class="flex flex-col md:flex-row md:self-center w-full md:w-auto text-base md:text-lg tracking-[0.01rem] font-medium md:justify-center"
|
||||
>
|
||||
{
|
||||
links.map(({ text, href, links }) => (
|
||||
|
||||
@@ -222,7 +222,9 @@ export const translations: Record<string, Translation> = {
|
||||
missionTitle: 'Our Commitment',
|
||||
missionContent: [
|
||||
'We are committed to driving IT excellence through strategic cloud optimization, process automation, and enterprise-grade technical support. We leverage cutting-edge technology to address complex business challenges and deliver measurable value.',
|
||||
'With deep expertise in Microsoft technologies and automation, we empower organizations to transform their digital capabilities and achieve their business objectives.'
|
||||
'With deep expertise in Microsoft technologies and automation, we empower organizations to transform their digital capabilities and achieve their business objectives. We design solutions that enhance user experience and maximize productivity, ensuring technology empowers your business.',
|
||||
'We stay ahead of the curve by researching and implementing emerging technologies, providing scalable solutions that adapt to your evolving needs. Our approach aligns technical solutions with your core business objectives, delivering measurable ROI and a competitive advantage.',
|
||||
'Our mission is to leverage technology to solve real business challenges and create value through innovation. With over 15 years of IT experience, we bring a wealth of knowledge in Microsoft technologies, automation tools, and system integration to help organizations transform their digital capabilities and achieve their strategic goals.'
|
||||
],
|
||||
items: [
|
||||
{
|
||||
@@ -600,7 +602,9 @@ export const translations: Record<string, Translation> = {
|
||||
missionTitle: 'Onze Toewijding',
|
||||
missionContent: [
|
||||
'Wij zijn toegewijd aan het stimuleren van IT-excellentie door strategische cloud-optimalisatie, procesautomatisering en technische ondersteuning van enterprise-niveau. We benutten geavanceerde technologie om complexe zakelijke uitdagingen aan te pakken en meetbare waarde te leveren.',
|
||||
'Met diepgaande expertise in Microsoft-technologieën en automatisering stellen we organisaties in staat hun digitale mogelijkheden te transformeren en hun bedrijfsdoelstellingen te bereiken.'
|
||||
'Met diepgaande expertise in Microsoft-technologieën en automatisering stellen we organisaties in staat hun digitale mogelijkheden te transformeren en hun bedrijfsdoelstellingen te bereiken. We ontwerpen oplossingen die de gebruikerservaring verbeteren en productiviteit maximaliseren, zodat technologie uw bedrijf versterkt.',
|
||||
'We blijven voorop lopen door onderzoek en implementatie van opkomende technologieën, en bieden schaalbare oplossingen die zich aanpassen aan uw evoluerende behoeften. We stemmen technische oplossingen af op uw kernbedrijfsdoelstellingen, wat resulteert in meetbare ROI en een concurrentievoordeel.',
|
||||
'Onze missie is om technologie te benutten om echte zakelijke uitdagingen op te lossen en waarde te creëren door innovatie. Met meer dan 15 jaar IT-ervaring brengen we een schat aan kennis in Microsoft-technologieën, automatiseringstools en systeemintegratie om organisaties te helpen hun digitale mogelijkheden te transformeren en hun strategische doelen te bereiken.'
|
||||
],
|
||||
items: [
|
||||
{
|
||||
@@ -978,7 +982,9 @@ export const translations: Record<string, Translation> = {
|
||||
missionTitle: 'Unser Engagement',
|
||||
missionContent: [
|
||||
'Wir sind bestrebt, IT-Exzellenz durch strategische Cloud-Optimierung, Prozessautomatisierung und technischen Support auf Unternehmensebene voranzutreiben. Wir nutzen modernste Technologie, um komplexe geschäftliche Herausforderungen zu bewältigen und messbaren Mehrwert zu liefern.',
|
||||
'Mit tiefgreifender Expertise in Microsoft-Technologien und Automatisierung befähigen wir Organisationen, ihre digitalen Fähigkeiten zu transformieren und ihre Geschäftsziele zu erreichen.'
|
||||
'Mit tiefgreifender Expertise in Microsoft-Technologien und Automatisierung befähigen wir Organisationen, ihre digitalen Fähigkeiten zu transformieren und ihre Geschäftsziele zu erreichen. Wir entwickeln Lösungen, die die Benutzererfahrung verbessern und die Produktivität maximieren, damit Technologie Ihr Unternehmen stärkt.',
|
||||
'Wir bleiben an der Spitze durch Erforschung und Implementierung aufkommender Technologien und bieten skalierbare Lösungen, die sich an Ihre sich entwickelnden Anforderungen anpassen. Wir stimmen technische Lösungen auf Ihre Kerngeschäftsziele ab und liefern messbaren ROI und Wettbewerbsvorteile.',
|
||||
'Unsere Mission ist es, Technologie zu nutzen, um echte geschäftliche Herausforderungen zu lösen und durch Innovation Wert zu schaffen. Mit über 15 Jahren IT-Erfahrung bringen wir einen reichen Schatz an Wissen in Microsoft-Technologien, Automatisierungstools und Systemintegration mit, um Organisationen dabei zu helfen, ihre digitalen Fähigkeiten zu transformieren und ihre strategischen Ziele zu erreichen.'
|
||||
],
|
||||
items: [
|
||||
{
|
||||
@@ -1356,7 +1362,9 @@ export const translations: Record<string, Translation> = {
|
||||
missionTitle: 'Notre engagement',
|
||||
missionContent: [
|
||||
'Nous nous engageons à favoriser l\'excellence IT grâce à l\'optimisation stratégique du cloud, l\'automatisation des processus et le support technique de niveau entreprise. Nous exploitons les technologies de pointe pour relever les défis commerciaux complexes et fournir une valeur mesurable.',
|
||||
'Avec une expertise approfondie dans les technologies Microsoft et l\'automatisation, nous permettons aux organisations de transformer leurs capacités numériques et d\'atteindre leurs objectifs commerciaux.'
|
||||
'Avec une expertise approfondie dans les technologies Microsoft et l\'automatisation, nous permettons aux organisations de transformer leurs capacités numériques et d\'atteindre leurs objectifs commerciaux. Nous concevons des solutions qui améliorent l\'expérience utilisateur et maximisent la productivité, garantissant que la technologie renforce votre entreprise.',
|
||||
'Nous restons à la pointe en recherchant et en implémentant des technologies émergentes, fournissant des solutions évolutives qui s\'adaptent à vos besoins en constante évolution. Nous alignons les solutions techniques sur vos objectifs commerciaux fondamentaux, offrant un ROI mesurable et un avantage concurrentiel.',
|
||||
'Notre mission est d\'exploiter la technologie pour résoudre de véritables défis commerciaux et créer de la valeur par l\'innovation. Avec plus de 15 ans d\'expérience en IT, nous apportons une richesse de connaissances en technologies Microsoft, outils d\'automatisation et intégration de systèmes pour aider les organisations à transformer leurs capacités numériques et atteindre leurs objectifs stratégiques.'
|
||||
],
|
||||
items: [
|
||||
{
|
||||
|
||||
@@ -50,7 +50,6 @@ export const getFooterData = (lang = 'en') => {
|
||||
socialLinks: [
|
||||
{ ariaLabel: 'LinkedIn', icon: 'tabler:brand-linkedin', href: 'https://www.linkedin.com/in/rrpbergsma' },
|
||||
{ ariaLabel: 'Github', icon: 'tabler:brand-github', href: 'https://github.com/rrpbergsma' },
|
||||
{ ariaLabel: 'RSS', icon: 'tabler:rss', href: getAsset('/rss.xml') },
|
||||
],
|
||||
};
|
||||
};
|
||||
|
||||
@@ -8,6 +8,7 @@ import Testimonials from '~/components/widgets/Testimonials.astro';
|
||||
import CallToAction from '~/components/widgets/CallToAction.astro';
|
||||
import Contact from '~/components/widgets/Contact.astro';
|
||||
import { getTranslation, supportedLanguages } from '~/i18n/translations';
|
||||
import OurCommitmentImage from '~/assets/images/OurCommitment.webp';
|
||||
|
||||
export async function getStaticPaths() {
|
||||
return supportedLanguages.map(lang => ({
|
||||
@@ -99,42 +100,26 @@ const metadata = {
|
||||
<Content
|
||||
isReversed
|
||||
tagline={t.homepage?.approach?.tagline || "About My Approach"}
|
||||
title={t.homepage?.approach?.title || "Driving IT Excellence Through Innovation"}
|
||||
items={t.homepage?.approach?.items || [
|
||||
{
|
||||
title: 'User-Centric Solutions',
|
||||
description:
|
||||
'I focus on creating solutions that enhance user experience and productivity, ensuring technology serves people effectively.',
|
||||
},
|
||||
{
|
||||
title: 'Continuous Improvement',
|
||||
description:
|
||||
'I stay current with emerging technologies and best practices to deliver cutting-edge solutions that evolve with your needs.',
|
||||
},
|
||||
{
|
||||
title: 'Strategic Implementation',
|
||||
description:
|
||||
'I approach each project strategically, aligning technical solutions with business objectives for maximum impact.',
|
||||
},
|
||||
]}
|
||||
title={t.homepage?.approach?.title || "Our Commitment"}
|
||||
items={[]}
|
||||
image={{
|
||||
src: '~/assets/images/hero-image.png',
|
||||
alt: 'Digital Transformation Image',
|
||||
src: OurCommitmentImage,
|
||||
alt: 'IT Excellence and Innovation'
|
||||
}}
|
||||
>
|
||||
<Fragment slot="content">
|
||||
<h3 class="text-2xl font-bold tracking-tight dark:text-white sm:text-3xl mb-2">
|
||||
{t.homepage?.approach?.missionTitle || "Mission Statement"}
|
||||
</h3>
|
||||
{(t.homepage?.approach?.missionContent || [
|
||||
'My mission is to drive IT excellence by optimizing cloud solutions, automating processes, and providing outstanding technical support. I believe in leveraging technology to solve real business challenges and create value through innovation.',
|
||||
'With over 15 years of IT experience, I bring a wealth of knowledge in Microsoft technologies, automation tools, and system integration to help organizations transform their digital capabilities and achieve their strategic goals.'
|
||||
]).map((paragraph) => (
|
||||
<>
|
||||
<p>{paragraph}</p>
|
||||
<br />
|
||||
</>
|
||||
))}
|
||||
<div class="text-lg dark:text-slate-400">
|
||||
{(t.homepage?.approach?.missionContent || [
|
||||
'We are committed to driving IT excellence through strategic cloud optimization, process automation, and enterprise-grade technical support. We leverage cutting-edge technology to address complex business challenges and deliver measurable value.',
|
||||
'With deep expertise in Microsoft technologies and automation, we empower organizations to transform their digital capabilities and achieve their business objectives. We design solutions that enhance user experience and maximize productivity, ensuring technology empowers your business.',
|
||||
'We stay ahead of the curve by researching and implementing emerging technologies, providing scalable solutions that adapt to your evolving needs. Our approach aligns technical solutions with your core business objectives, delivering measurable ROI and a competitive advantage.',
|
||||
'Our mission is to leverage technology to solve real business challenges and create value through innovation. With over 15 years of IT experience, we bring a wealth of knowledge in Microsoft technologies, automation tools, and system integration to help organizations transform their digital capabilities and achieve their strategic goals.'
|
||||
]).map((paragraph, index, array) => (
|
||||
<p class={index === array.length - 1 ? '' : 'mb-4'}>
|
||||
{paragraph}
|
||||
</p>
|
||||
))}
|
||||
</div>
|
||||
</Fragment>
|
||||
</Content>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user