Skip to content

Commit

Permalink
#56, Testimonials populated, 'Ontmoet ons' populated (#63)
Browse files Browse the repository at this point in the history
* Testimonials populated, 'Ontmoet ons' populated

* Teksten verplaatst naar site-specifieke files

* dotnet variant ook bijgewerkt
  • Loading branch information
EJWN authored Oct 22, 2024
1 parent dd0a724 commit c5d9a66
Show file tree
Hide file tree
Showing 5 changed files with 246 additions and 112 deletions.
95 changes: 93 additions & 2 deletions apps/cloud/src/pages/index.astro
Original file line number Diff line number Diff line change
@@ -1,12 +1,103 @@
---
import type { Testimonial, TestimonialGroup, NestedTestimonials } from "@xprtz/ui/src/Types";
import Layout from "../layouts/layout.astro";
import { Hero, Features, Testimonials, BlogListing, Team } from "@xprtz/ui";
//////////////////////////////////////////////////////
//Testimonials
const testimonialsGreeting = "Reviews";
const testimonialsDescription = "Wat onze klanten over ons denken";
const testimonialArray0: Testimonial[] = [
{
body: "Super bedankt, Jasper en Dennis! De cloud engineer die jullie stuurden voor ons Azure project was echt een topper. Hij had overal een oplossing voor en maakte het hele proces zoveel makkelijker voor ons. We hadden dit zonder jullie expertise nooit zo snel voor elkaar gekregen, echt blij met de samenwerking!",
author: {
name: "Leslie Alexander",
handle: "lesliealexander",
imageURL:
"https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",
},
}
];
const testimonialArray1: Testimonial[] = [
{
body: "XPRTZ bestaat uit een top-team van super behulpzame mensen, zij hebben onze migratie naar de Azure cloud zoveel makkelijker gemaakt!",
author: {
name: "Lindsay Walton",
handle: "lindsaywalton",
imageURL:
"https://images.unsplash.com/photo-1517841905240-472988babdf9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",
},
}
];
const testimonialArray2: Testimonial[] = [
{
body: "De cloud engineer van XPRTZ die ons hielp met de opzet van onze solution architecture was scherp, professioneel en efficiënt. Hij wist direct wat er nodig was en leverde zonder gedoe een prima resultaat. Een waardevolle kracht voor elk IT-project.",
author: {
name: "Tom Cook",
handle: "tomcook",
imageURL:
"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",
},
}
];
const testimonialArray3: Testimonial[] = [
{
body: "Een dikke dankjewel aan Jasper en zijn team! Altijd een fijne ervaring om met zulke pros te werken. Tot de volgende!",
author: {
name: "Leonard Krasner",
handle: "leonardkrasner",
imageURL:
"https://images.unsplash.com/photo-1519345182560-3f2917c472ef?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",
},
}
];
const testimonialGroup0: TestimonialGroup = [
testimonialArray0,
testimonialArray1
];
const testimonialGroup1: TestimonialGroup = [
testimonialArray2,
testimonialArray3
];
const nestedTestimonials: NestedTestimonials = [
testimonialGroup0,
testimonialGroup1
];
const featuredTestimonial: Testimonial = {
body: "Wij hebben samengewerkt met XPRTZ voor een migratie van onze omgevingen naar de Azure Cloud. Hun technische expertise is indrukwekkend en ze wisten ons landschap boven verwachting te verbeteren. Zeer aan te raden voor bedrijven die op zoek zijn naar een betrouwbare partner.",
author: {
name: "Brenna Goyette",
handle: "brennagoyette",
imageURL:
"https://images.unsplash.com/photo-1550525811-e5869dd03032?ixlib=rb-=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=1024&h=1024&q=80",
logoURL: "https://tailwindui.com/img/logos/savvycal-logo-gray-900.svg",
}
};
//////////////////////////////////////////////////////
// Team
const meetUsGreeting = "Ontmoet ons";
const meetUsDescription0 = "Bij XPRTZ onderkennen we het belang van het actief delen van kennis. Onze experts delen hun kennis intern bij de klant, tijdens een van onze kennisavonden en labdagen, tijdens trainingen, tijdens een meetup, of op internationale congressen. We informeren onszelf en elkaar om continu de juiste oplossingen voor onze klanten te kunnen bieden.";
const meetUsDescription1 = "Je werkt liever in een team dan alleen. Wilt niet blijven hangen bij een opdracht maar wilt doorgroeien. Je kennis ontwikkelen door eens een goed artikel te publiceren, podcast op te nemen, of een talk op een event, meetup of kennissessie te houden.";
const meetUsDescription2 = "Kortom: jij bent een kick-ass cloud professional met passie voor het vak.";
const meetUsButton = "Werken bij XPRTZ.CLOUD";
---

<Layout title="XPRTZ.cloud" description="Dé plek voor Cloud experts!">
<Hero />
<Features />
<Testimonials />
<Testimonials
testimonialsGreeting={testimonialsGreeting}
testimonialsDescription={testimonialsDescription}
nestedTestimonials={nestedTestimonials}
featuredTestimonial={featuredTestimonial}/>
<BlogListing />
<Team />
<Team
meetUsGreeting={meetUsGreeting}
meetUsDescription0={meetUsDescription0}
meetUsDescription1={meetUsDescription1}
meetUsDescription2={meetUsDescription2}
meetUsButton={meetUsButton}/>
</Layout>
100 changes: 96 additions & 4 deletions apps/dotnet/src/pages/index.astro
Original file line number Diff line number Diff line change
@@ -1,12 +1,104 @@
---
import type { Testimonial, TestimonialGroup, NestedTestimonials } from "@xprtz/ui/src/Types";
import Layout from "../layouts/layout.astro";
import { Hero, Features, Testimonials, BlogListing, Team } from "@xprtz/ui";
//////////////////////////////////////////////////////
//Testimonials
const testimonialsGreeting = "Reviews";
const testimonialsDescription = "Wat onze klanten over ons denken";
const testimonialArray0: Testimonial[] = [
{
body: "Super bedankt, Jasper en Dennis! De .NET engineer die jullie stuurden voor ons project was echt een topper. Hij had overal een oplossing voor en maakte het hele proces zoveel makkelijker voor ons. We hadden dit zonder jullie expertise nooit zo snel voor elkaar gekregen, echt blij met de samenwerking!",
author: {
name: "Leslie Alexander",
handle: "lesliealexander",
imageURL:
"https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",
},
}
];
const testimonialArray1: Testimonial[] = [
{
body: "XPRTZ bestaat uit een top-team van super behulpzame mensen, zij hebben voor ons een prachtige .NET applicatie neergezet!",
author: {
name: "Lindsay Walton",
handle: "lindsaywalton",
imageURL:
"https://images.unsplash.com/photo-1517841905240-472988babdf9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",
},
}
];
const testimonialArray2: Testimonial[] = [
{
body: "De software engineer van XPRTZ die ons hielp met de opzet van onze nieuwe .NET Core microservices was scherp, professioneel en efficiënt. Hij wist direct wat er nodig was en leverde zonder gedoe een prima resultaat. Een waardevolle kracht voor elk IT-project.",
author: {
name: "Tom Cook",
handle: "tomcook",
imageURL:
"https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",
},
}
];
const testimonialArray3: Testimonial[] = [
{
body: "Een dikke dankjewel aan Jasper en zijn team! Altijd een fijne ervaring om met zulke pros te werken. Tot de volgende!",
author: {
name: "Leonard Krasner",
handle: "leonardkrasner",
imageURL:
"https://images.unsplash.com/photo-1519345182560-3f2917c472ef?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80",
},
}
];
const testimonialGroup0: TestimonialGroup = [
testimonialArray0,
testimonialArray1
];
const testimonialGroup1: TestimonialGroup = [
testimonialArray2,
testimonialArray3
];
const nestedTestimonials: NestedTestimonials = [
testimonialGroup0,
testimonialGroup1
];
const featuredTestimonial: Testimonial = {
body: "Wij hebben samengewerkt met XPRTZ voor het herontwikkelen van onze oude WCF applicaties naar de nieuwste versie van .NET Core. Hun technische expertise is indrukwekkend en ze wisten ons landschap boven verwachting te verbeteren. Zeer aan te raden voor bedrijven die op zoek zijn naar een betrouwbare partner.",
author: {
name: "Brenna Goyette",
handle: "brennagoyette",
imageURL:
"https://images.unsplash.com/photo-1550525811-e5869dd03032?ixlib=rb-=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=1024&h=1024&q=80",
logoURL: "https://tailwindui.com/img/logos/savvycal-logo-gray-900.svg",
}
};
//////////////////////////////////////////////////////
// Team
const meetUsGreeting = "Ontmoet ons";
const meetUsDescription0 = "Bij XPRTZ onderkennen we het belang van het actief delen van kennis. Onze experts delen hun kennis intern bij de klant, tijdens een van onze kennisavonden en labdagen, tijdens trainingen, tijdens een meetup, of op internationale congressen. We informeren onszelf en elkaar om continu de juiste oplossingen voor onze klanten te kunnen bieden.";
const meetUsDescription1 = "Je werkt liever in een team dan alleen. Wilt niet blijven hangen bij een opdracht maar wilt doorgroeien. Je kennis ontwikkelen door eens een goed artikel te publiceren, podcast op te nemen, of een talk op een event, meetup of kennissessie te houden.";
const meetUsDescription2 = "Kortom: jij bent een kick-ass developer met passie voor het vak.";
const meetUsButton = "Werken bij XPRTZ.net";
---


<Layout title="XPRTZ.net" description="Dé plek voor .NET experts!">
<Hero />
<Features />
<Testimonials />
<Hero />
<Features />
<Testimonials
testimonialsGreeting={testimonialsGreeting}
testimonialsDescription={testimonialsDescription}
nestedTestimonials={nestedTestimonials}
featuredTestimonial={featuredTestimonial}/>
<BlogListing />
<Team />
<Team
meetUsGreeting={meetUsGreeting}
meetUsDescription0={meetUsDescription0}
meetUsDescription1={meetUsDescription1}
meetUsDescription2={meetUsDescription2}
meetUsButton={meetUsButton}/>
</Layout>
17 changes: 13 additions & 4 deletions libs/ui/src/Team.astro
Original file line number Diff line number Diff line change
@@ -1,12 +1,21 @@
---
const { meetUsGreeting } = Astro.props;
const { meetUsDescription0 } = Astro.props;
const { meetUsDescription1 } = Astro.props;
const { meetUsDescription2 } = Astro.props;
const { meetUsButton } = Astro.props;
---

<div class="overflow-hidden bg-white py-32">
<div class="mx-auto max-w-7xl px-6 lg:flex lg:px-8">
<div class="mx-auto grid max-w-2xl grid-cols-1 gap-x-12 gap-y-16 lg:mx-0 lg:min-w-full lg:max-w-none lg:flex-none lg:gap-y-8">
<div class="lg:col-end-1 lg:w-full lg:max-w-lg lg:pb-8">
<h2 class="text-3xl font-bold tracking-tight text-primary-900 sm:text-4xl">Ontmoet ons</h2>
<p class="mt-6 text-xl leading-8 text-gray-600">Quasi est quaerat. Sit molestiae et. Provident ad dolorem occaecati eos iste. Soluta rerum quidem minus ut molestiae velit error quod. Excepturi quidem expedita molestias quas.</p>
<p class="mt-6 text-base leading-7 text-gray-600">Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo. Elit sunt amet fugiat veniam occaecat fugiat. Quasi aperiam sit non sit neque reprehenderit.</p>
<h2 class="text-3xl font-bold tracking-tight text-primary-900 sm:text-4xl">{meetUsGreeting}</h2>
<p class="mt-6 text-xl leading-8 text-gray-600">{meetUsDescription0}</p>
<p class="mt-6 text-base leading-7 text-gray-600">{meetUsDescription1}</p>
<p class="mt-6 text-base leading-7 text-gray-600">{meetUsDescription2}</p>
<div class="mt-10 flex">
<a href="#" class="rounded-md bg-primary-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600">Werken bij XPRTZ <span aria-hidden="true">&rarr;</span></a>
<a href="/werkenbij" class="rounded-md bg-primary-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-primary-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary-600">{meetUsButton} <span aria-hidden="true">&rarr;</span></a>
</div>
</div>
<div class="flex flex-wrap items-start justify-end gap-6 sm:gap-8 lg:contents">
Expand Down
Loading

0 comments on commit c5d9a66

Please sign in to comment.