New homepage

XPRTZ · Dec 24, 2024 · dfc8944 · dfc8944
1 parent f2cea46
commit dfc8944
Show file tree

Hide file tree

Showing 24 changed files with 333 additions and 1,022 deletions.
diff --git a/apps/cloud/src/layouts/layout.astro b/apps/cloud/src/layouts/layout.astro
@@ -9,9 +9,9 @@ const { title, description } = Astro.props;
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <BaseHead title={title} description={description} />
   </head>
-  <body class="container mx-auto px-4 sm:px-6 lg:px-8">
+  <body>
     <Header Logo={Logo.src} client:load/>
-    <main>
+    <main class="isolate">
       <slot />
     </main>
     <Footer />

diff --git a/apps/cloud/src/pages/404.astro b/apps/cloud/src/pages/404.astro
@@ -0,0 +1,20 @@
+---
+import Layout from "../layouts/layout.astro";
+---
+
+<Layout>
+    <div class="text-center pt-36">
+      <p class="text-base font-semibold text-primary-600">404</p>
+      <h1
+        class="mt-4 text-balance text-5xl font-semibold tracking-tight text-gray-900 sm:text-7xl"
+      >
+        Pagina niet gevonden
+      </h1>
+      <p
+        class="mt-6 text-pretty text-lg font-medium text-gray-500 sm:text-xl/8"
+      >
+        Deze pagina is net zo onvindbaar als die ene variabele die je bent
+        vergeten te initialiseren.
+      </p>
+    </div>
+</Layout>
diff --git a/apps/cloud/src/pages/[slug].astro b/apps/cloud/src/pages/[slug].astro
@@ -1,21 +1,33 @@
 ---
+import Layout from "../layouts/layout.astro";
 import { fetchData, type Page } from "@xprtz/cms";
+import { Content } from "@xprtz/ui";
+
 export async function getStaticPaths() {
+  function slugify(title: string): string {
+    const normalized = title.normalize("NFKD").replace(/[\u0300-\u036f]/g, "");
+    let slug = normalized.toLowerCase().replace(/[^a-z0-9\s-]/g, "");
+    return slug.trim().replace(/[-\s]+/g, "-");
+  }
+
   const pageData = await fetchData<Array<Page>>({
     endpoint: "pages",
     wrappedByKey: "data",
     query: {
       "filters[site][$eq]": "dotnet",
+      "status": "published"
     },
   });
+
   return pageData.map((data: Page) => ({
-    params: { slug: data.slug },
+    params: { slug: slugify(data.title_website) },
     props: data,
   }));
 }
 
 const page: Page = Astro.props;
 ---
 
-<h1>{page.title}</h1>
-<h2>{page.description}</h2>
+<Layout title={page.title_website} description={page.description}>
+  <Content {...page} />
+</Layout>
diff --git a/apps/cloud/src/pages/index.astro b/apps/cloud/src/pages/index.astro
@@ -1,103 +1,21 @@
 ---
-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";
+import { fetchData, type GlobalSettings } from "@xprtz/cms";
+import { Hero, Mission, Image, ImageWithTitle, Values, LogoCloud, Team, BlogListing } from "@xprtz/ui";
 
-//////////////////////////////////////////////////////
-//Testimonials
+const title_website = "XPRTZ.net";
+const description = "Dé plek voor .NET experts!";
 
-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";
+const page = { title_website, description };
 ---
 
-<Layout title="XPRTZ.cloud" description="Dé plek voor Cloud experts!">
+<Layout title={title_website} description={description}>
   <Hero />
-  <Features />
-	<Testimonials
-		testimonialsGreeting={testimonialsGreeting}
-		testimonialsDescription={testimonialsDescription}
-		nestedTestimonials={nestedTestimonials}
-		featuredTestimonial={featuredTestimonial}/>
-	<BlogListing />
-	<Team
-		meetUsGreeting={meetUsGreeting}
-		meetUsDescription0={meetUsDescription0}
-		meetUsDescription1={meetUsDescription1}
-		meetUsDescription2={meetUsDescription2}
-		meetUsButton={meetUsButton}/>
+  <Mission />
+  <Image />
+  <Values />
+  <LogoCloud />
+  <BlogListing />
+  <Team />
+  <ImageWithTitle />
 </Layout>
diff --git a/apps/cloud/src/pages/werkenbij.astro b/apps/cloud/src/pages/werkenbij.astro
diff --git a/apps/dotnet/src/layouts/layout.astro b/apps/dotnet/src/layouts/layout.astro
@@ -7,12 +7,11 @@ const { title, description } = Astro.props;
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-
     <BaseHead title={title} description={description} />
   </head>
-  <body class="container mx-auto px-4 sm:px-6 lg:px-8">
+  <body>
     <Header Logo={Logo.src} client:load/>
-    <main>
+    <main class="isolate">
       <slot />
     </main>
     <Footer />

diff --git a/apps/dotnet/src/pages/index.astro b/apps/dotnet/src/pages/index.astro
@@ -1,7 +1,7 @@
 ---
 import Layout from "../layouts/layout.astro";
 import { fetchData, type GlobalSettings } from "@xprtz/cms";
-import { Features, Hero, TestimonialWithImage, BlogListing, Footer, Page } from "@xprtz/ui";
+import { Hero, Mission, Image, ImageWithTitle, Values, LogoCloud, Team, BlogListing } from "@xprtz/ui";
 
 const title_website = "XPRTZ.net";
 const description = "Dé plek voor .NET experts!";
@@ -10,5 +10,12 @@ const page = { title_website, description };
 ---
 
 <Layout title={title_website} description={description}>
-  <Page />
+  <Hero />
+  <Mission />
+  <Image />
+  <Values />
+  <LogoCloud />
+  <BlogListing />
+  <Team />
+  <ImageWithTitle />
 </Layout>
diff --git a/libs/ui/index.ts b/libs/ui/index.ts
@@ -5,12 +5,14 @@ import Hero from "./src/Hero.tsx";
 import Header from "./src/Header.tsx";
 import Container from "./src/Container.tsx";
 import Features from "./src/Features.tsx";
-import Testimonials from "./src/Testimonials.tsx";
-import TestimonialWithImage from "./src/TestimonialWithImage.astro";
-import BlogListing from "./src/BlogListing.tsx";
-import WorkAt from "./src/WorkAt.tsx";
+import BlogListing from "./src/BlogListing.astro";
 import Team from "./src/Team.astro";
 import Content from "./src/Content.tsx";
+import Mission from "./src/Mission.astro";
+import Image from "./src/Image.astro";
+import ImageWithTitle from "./src/ImageWithTitle.astro";
+import Values from "./src/Values.astro";
+import LogoCloud from "./src/LogoCloud.astro";
 
 export {
   BaseHead,
@@ -19,11 +21,13 @@ export {
   Header,
   Container,
   Features,
-  Testimonials,
-  TestimonialWithImage,
   BlogListing,
-  WorkAt,
   Team,
   Content,
-  Page
+  Page,
+  Mission,
+  Image,
+  ImageWithTitle,
+  Values,
+  LogoCloud
 };