openscript-ch · openscript · May 8, 2026 · May 7, 2026 · May 7, 2026 · May 7, 2026
diff --git a/.changeset/wide-lemons-agree.md b/.changeset/wide-lemons-agree.md
@@ -0,0 +1,5 @@
+---
+"openscript-ch-website": minor
+---
+
+Added new content and sections
diff --git a/src/content/formation/evolution.yaml b/src/content/formation/evolution.yaml
@@ -2,10 +2,18 @@ items:
   de:
     - title: Praktikumsplatz
       text: Im Jahr 2023 absolvierte Micael sein einjähriges Praktikum bei uns.
-    - title: Weitere Unterstützung
+    - title: Firmen Retreat
+      text: 2024 haben wir unser Retreat im Pfadiheim Ghöchweid in Gibswil durchgeführt.
+    - title: Leo stösst zum Team
       text: Seit Anfang 2025 programmiert Leonardo bei uns fleissig mit.
+    - title: «Java Support»
+      text: Seit Mitte 2025 unterstützt uns Hündin «Java» im Büro.
   en:
     - title: Internship Position
       text: In 2023, Micael completed his one-year internship with us.
-    - title: Further Support
+    - title: Company Retreat
+      text: In 2024 we reatreated to Pfadiheim Ghöchweid in Gibswil.
+    - title: Leo joins the Team
       text: Since early 2025, Leonardo has been programming diligently with us.
+    - title: «Java Support»
+      text: Since mid 2025, our dog «Java» supports us in the office.
diff --git a/src/content/pages/de/future.mdx b/src/content/pages/de/future.mdx
@@ -2,3 +2,44 @@
 path: zukunft
 title: Zukunft
 ---
+
+import GridCards from "../../../layouts/groups/GridCards.astro";
+import Button from "../../../components/Button.astro";
+
+<section>
+  <GridCards>
+    <div>
+      <header>
+        <h3>Dienstleistungen</h3>
+      </header>
+      <main>
+        Was bietet die openscript GmbH seinen Kunden?
+      </main>
+      <footer>
+        <Button href="./zukunft/dienstleistungen" withArrow>Dienstleistungen</Button>
+      </footer>
+    </div>
+    <div>
+      <header>
+        <h3>Zusammenarbeit</h3>
+      </header>
+      <main>
+        Sie brauchen einen zuverlässigen Partner, der Ihre Bedürfnisse pragmatisch umsetzen kann?
+      </main>
+      <footer>
+        <Button href="./zukunft/zusammenarbeit" withArrow>Zusammenarbeit</Button>
+      </footer>
+    </div>
+    <div>
+      <header>
+        <h3>Jobs</h3>
+      </header>
+      <main>
+        Du suchst eine neue Herausforderung bei der du selbst über deinen Arbeitsalltag bestimmen und echte Verantwortung übernehmen kannst?
+      </main>
+      <footer>
+        <Button href="./zukunft/jobs" withArrow>Jobs</Button>
+      </footer>
+    </div>
+  </GridCards>
+</section>
diff --git a/src/content/pages/de/future/collaboration.mdx b/src/content/pages/de/future/collaboration.mdx
@@ -2,3 +2,15 @@
 path: zusammenarbeit
 title: Zusammenarbeit
 ---
+
+import Button from "../../../../components/Button.astro";
+
+<section>
+
+  Sie haben ein spannendes Softwareprojekt und suchen einen nachhaltigen Partner für die Realisierung?
+
+  Nur gemeinsam können wir grossartige Software programmieren, ob als externer Partner oder Kollege. Wir freuen uns darauf Sie kennenzulernen.
+
+  <Button href="mailto:hi@openscript.ch" withArrow>Kontakt aufnehmen</Button>
+
+</section>
diff --git a/src/content/pages/de/past.mdx b/src/content/pages/de/past.mdx
@@ -2,3 +2,33 @@
 path: vergangenheit
 title: Vergangenheit
 ---
+
+import GridCards from "../../../layouts/groups/GridCards.astro";
+import Button from "../../../components/Button.astro";
+
+<section>
+  <GridCards>
+    <div>
+      <header>
+        <h3>Unsere Entstehung</h3>
+      </header>
+      <main>
+        Wie ist die openscript GmbH entstanden?
+      </main>
+      <footer>
+        <Button href="./vergangenheit/entstehung" withArrow>Entstehung</Button>
+      </footer>
+    </div>
+    <div>
+      <header>
+        <h3>Unsere Referenzen</h3>
+      </header>
+      <main>
+        Welche Projekte hat die openscript GmbH bereits erfolgreich umgesetzt?
+      </main>
+      <footer>
+        <Button href="./vergangenheit/referenzen" withArrow>Referenzen</Button>
+      </footer>
+    </div>
+  </GridCards>
+</section>
diff --git a/src/content/pages/de/past/formation.mdx b/src/content/pages/de/past/formation.mdx
@@ -5,9 +5,11 @@ title: Entstehung
 
 import FormationSection from "../../../../layouts/sections/FormationSection.astro";
 import Divider from "../../../../components/Divider.astro";
+import Button from "../../../../components/Button.astro";
 
 <FormationSection class="spotlight" key="founding">
-  <h2>Gründung</h2>
+
+  ## Gründung
 
   Obwohl die Idee und der Name schon einige Zeit zuvor existierten, wurde die Firma offiziell im Januar 2020 von Robin gegründet. Bald nach der Gründung ist Diego als zweiter Mitgründer dazugestossen. Fortan arbeiteten die beiden daran, die ersten Softwareprojekte umzusetzen.
 
@@ -16,7 +18,8 @@ import Divider from "../../../../components/Divider.astro";
 <Divider firstSegmentColor="var(--color-white)" fixAntialiasingBottom />
 
 <FormationSection class="white-background" key="office">
-  <h2>Büro und Mitarbeiter</h2>
+
+  ## Büro und Mitarbeiter
 
   Zuerst dachten wir, dass wir einfach von zu Hause aus arbeiten. Doch als wir davon erfuhren, dass in Oerlikon das ehemalige Swissôtel in eine WG für Studenten und Startups umgewandelt wird, haben wir uns sofort beworben und Glück gehabt. Die Geschichte kann [hier](https://www.srf.ch/news/schweiz/mit-rund-300-mitbewohnern-dieser-ehemalige-hotelturm-wird-zur-mega-wg) nachgelesen werden. Somit hatten wir von Februar 2021 bis Ende Jahr unser erstes Büro mitten in Oerlikon.
 
@@ -29,9 +32,31 @@ import Divider from "../../../../components/Divider.astro";
 <Divider firstSegmentColor="var(--color-white)" flipVertical fixAntialiasingTop />
 
 <FormationSection class="dark-background" key="evolution">
-  <h2>Entwicklung</h2>
 
-  Seither haben wir uns stetig weiterentwickelt und neue Projekte realisiert, die unsere Vision und Mission unterstützen. Wir freuen uns auf die kommenden Herausforderungen und Chancen, die vor uns liegen.
+  ## Entwicklung
+
+  Seither haben wir uns stetig weiterentwickelt und neue Projekte realisiert, die unsere Vision und Mission unterstützen.
+
+  Einmal pro Jahr versuchen wir uns in ein einfaches Pfadiheim zurückzuziehen um gemeinsam feuer zu machen,
+  zu kochen und um unsere Zusammenarbeit, unsere Ziele und uns selbst zu reflektieren und uns neu auszurichten.
+
+  Wir freuen uns auf die kommenden Herausforderungen und Chancen, die vor uns liegen.
+
+</FormationSection>
+
+<Divider firstSegmentColor="var(--color-white)" fixAntialiasingBottom />
+
+<FormationSection class="white-background" key="present">
+
+  ## Gegenwart und Zukunft
+
+  Wo stehen wir heute?
+
+  <Button href="../gegenwart" withArrow>Gegenwart</Button>
+
+  Wo geht die Reise hin?
+
+  <Button href="../zukunft" withArrow>Zukunft</Button>
 
   Möchtest du auch Teil unserer Reise werden? Schau dir unsere [Jobs-Seite](../zukunft/jobs) an oder nimm Kontakt auf, falls du dein Projekt mit uns umsetzen möchtest!
 

diff --git a/src/content/pages/de/present.mdx b/src/content/pages/de/present.mdx
@@ -2,3 +2,44 @@
 path: gegenwart
 title: Gegenwart
 ---
+
+import GridCards from "../../../layouts/groups/GridCards.astro";
+import Button from "../../../components/Button.astro";
+
+<section>
+  <GridCards>
+    <div>
+      <header>
+        <h3>Unsere Stärken</h3>
+      </header>
+      <main>
+        Was zeichnet die openscript GmbH aus?
+      </main>
+      <footer>
+        <Button href="./gegenwart/staerken" withArrow>Stärken</Button>
+      </footer>
+    </div>
+    <div>
+      <header>
+        <h3>Unser Team</h3>
+      </header>
+      <main>
+        Wer sind die hellen Köpfe hinter den Bildschirmen?
+      </main>
+      <footer>
+        <Button href="./gegenwart/team" withArrow>Team</Button>
+      </footer>
+    </div>
+    <div>
+      <header>
+        <h3>Unsere Werte</h3>
+      </header>
+      <main>
+        Für was steht die openscript GmbH ein?
+      </main>
+      <footer>
+        <Button href="./gegenwart/werte" withArrow>Werte</Button>
+      </footer>
+    </div>
+  </GridCards>
+</section>
diff --git a/src/content/pages/de/present/values.mdx b/src/content/pages/de/present/values.mdx
@@ -1,4 +1,20 @@
 ---
 path: werte
-title: Werte
+title: Unsere Werte
 ---
+
+<section>
+
+  ### Anpassungsfähig
+
+  Wir verfolgen pragmatische Ansätze und gehen manchmal auch unkonventionelle Wege.
+
+  ### Kameradschaftlich
+
+  Wir gehen Abenteuer kameradschaftlich an.
+
+  ### Nachhaltig
+
+  Wir suchen in der Zusammenarbeit und in Projekten die Nachhaltigkeit.
+
+</section>
diff --git a/src/content/pages/en/future.mdx b/src/content/pages/en/future.mdx
@@ -2,3 +2,44 @@
 path: future
 title: Future
 ---
+
+import GridCards from "../../../layouts/groups/GridCards.astro";
+import Button from "../../../components/Button.astro";
+
+<section>
+  <GridCards>
+    <div>
+      <header>
+        <h3>Services</h3>
+      </header>
+      <main>
+        Which services does openscript GmbH offer?
+      </main>
+      <footer>
+        <Button href="./future/services" withArrow>Services</Button>
+      </footer>
+    </div>
+    <div>
+      <header>
+        <h3>Collaboration</h3>
+      </header>
+      <main>
+        Are you looking for a reliable partner that can fulfill your need pragmatically?
+      </main>
+      <footer>
+        <Button href="./future/collaboration" withArrow>Collaboration</Button>
+      </footer>
+    </div>
+    <div>
+      <header>
+        <h3>Jobs</h3>
+      </header>
+      <main>
+        Are you looking for a new challenge where you can decide on your own work and take over real responsibility?
+      </main>
+      <footer>
+        <Button href="./future/jobs" withArrow>Jobs</Button>
+      </footer>
+    </div>
+  </GridCards>
+</section>
diff --git a/src/content/pages/en/future/collaboration.mdx b/src/content/pages/en/future/collaboration.mdx
@@ -2,3 +2,13 @@
 path: collaboration
 title: Collaboration
 ---
+
+import Button from "../../../../components/Button.astro";
+
+<section>
+  You have an adventurous software project ahead and you need a reliable partner?
+
+  Only together we can build great software, is it as partner or colleague.
+
+  <Button href="mailto:hi@openscript.ch" withArrow>Contact us</Button>
+</section>
diff --git a/src/content/pages/en/past.mdx b/src/content/pages/en/past.mdx
@@ -2,3 +2,33 @@
 path: past
 title: Past
 ---
+
+import GridCards from "../../../layouts/groups/GridCards.astro";
+import Button from "../../../components/Button.astro";
+
+<section>
+  <GridCards>
+    <div>
+      <header>
+        <h3>Our Formation</h3>
+      </header>
+      <main>
+        How did openscript GmbH come to be?
+      </main>
+      <footer>
+        <Button href="./past/entstehung" withArrow>Formation</Button>
+      </footer>
+    </div>
+    <div>
+      <header>
+        <h3>Our References</h3>
+      </header>
+      <main>
+        What projects has openscript GmbH already successfully completed?
+      </main>
+      <footer>
+        <Button href="./past/references" withArrow>References</Button>
+      </footer>
+    </div>
+  </GridCards>
+</section>
diff --git a/src/content/pages/en/past/formation.mdx b/src/content/pages/en/past/formation.mdx
@@ -5,9 +5,11 @@ title: Formation
 
 import FormationSection from "../../../../layouts/sections/FormationSection.astro";
 import Divider from "../../../../components/Divider.astro";
+import Button from "../../../../components/Button.astro";
 
 <FormationSection class="spotlight" key="founding">
-  <h2>Founding</h2>
+
+  ## Founding
 
   Although the idea and name had existed for some time before, the company was officially founded by Robin in January 2020. Shortly after the founding, Diego joined as the second co-founder. From then on, the two worked together to implement the first software projects.
 
@@ -16,7 +18,8 @@ import Divider from "../../../../components/Divider.astro";
 <Divider firstSegmentColor="var(--color-white)" fixAntialiasingBottom />
 
 <FormationSection class="white-background" key="office">
-  <h2>Office and employees</h2>
+
+  ## Office and employees
 
   At first, we thought we would simply work from home. But when we learned that the former Swissôtel in Oerlikon was being converted into shared accommodation for students and startups, we applied immediately and were lucky. The story can be read [here](https://www.srf.ch/news/schweiz/mit-rund-300-mitbewohnern-dieser-ehemalige-hotelturm-wird-zur-mega-wg). Thus, we had our first office in the heart of Oerlikon from February 2021 until the end of the year.
 
@@ -29,9 +32,29 @@ import Divider from "../../../../components/Divider.astro";
 <Divider firstSegmentColor="var(--color-white)" flipVertical fixAntialiasingTop />
 
 <FormationSection class="dark-background" key="evolution">
-  <h2>Evolution</h2>
 
-  Since then, we have continuously evolved and realized new projects that support our vision and mission. We look forward to the upcoming challenges and opportunities that lie ahead.
+  ## Evolution
+
+  Since then, we have continuously evolved and realized new projects that support our vision and mission.
+
+  Once a year we try to retreat back to a small scout home to make fire, cook together
+  and reflect on our collaboration, goals and ourselves.
+
+  We look forward to the upcoming challenges and opportunities that lie ahead.
+
+</FormationSection>
+
+<Divider firstSegmentColor="var(--color-white)" fixAntialiasingBottom />
+
+<FormationSection class="white-background" key="present">
+
+  ## Present and Future
+
+  Where are we now?
+  <Button href="../present" withArrow>Present</Button>
+
+  Where are we going from here?
+  <Button href="../future" withArrow>Future</Button>
 
   Would you like to become part of our journey? Check out our [jobs page](../future/jobs) or get in touch if you want to realize your project with us!