diff --git a/astro.config.mjs b/astro.config.mjs
index eea7e84..5338d57 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -12,6 +12,7 @@ export default defineConfig({
     site: `https://${subdomain}futureblur.com`,
     prefetch: true,
     build: { format: 'preserve' },
+    trailingSlash: 'never',
     integrations: [
         tailwind(), sitemap({
             i18n: {
diff --git a/public/_redirects b/public/_redirects
index 54fe7ad..8a5754e 100644
--- a/public/_redirects
+++ b/public/_redirects
@@ -24,3 +24,5 @@
 # Newsroom
 /news/* /en/news/:splat 301
 
+/:slug/  /:slug  301!
+
diff --git a/public/images/work/00.jpg b/public/images/work/00.jpg
new file mode 100644
index 0000000..e180681
Binary files /dev/null and b/public/images/work/00.jpg differ
diff --git a/public/images/work/01.jpg b/public/images/work/01.jpg
new file mode 100644
index 0000000..f3dec23
Binary files /dev/null and b/public/images/work/01.jpg differ
diff --git a/public/images/work/02.jpg b/public/images/work/02.jpg
new file mode 100644
index 0000000..8a46a21
Binary files /dev/null and b/public/images/work/02.jpg differ
diff --git a/public/images/work/03.jpg b/public/images/work/03.jpg
new file mode 100644
index 0000000..7d4a89b
Binary files /dev/null and b/public/images/work/03.jpg differ
diff --git a/public/images/work/04.jpg b/public/images/work/04.jpg
new file mode 100644
index 0000000..ba2b2db
Binary files /dev/null and b/public/images/work/04.jpg differ
diff --git a/public/images/work/05.jpg b/public/images/work/05.jpg
new file mode 100644
index 0000000..b7671bc
Binary files /dev/null and b/public/images/work/05.jpg differ
diff --git a/public/images/work/06.jpeg b/public/images/work/06.jpeg
new file mode 100644
index 0000000..3492b4e
Binary files /dev/null and b/public/images/work/06.jpeg differ
diff --git a/public/images/work/07.jpg b/public/images/work/07.jpg
new file mode 100644
index 0000000..1da88fd
Binary files /dev/null and b/public/images/work/07.jpg differ
diff --git a/public/images/work/08.jpg b/public/images/work/08.jpg
new file mode 100644
index 0000000..24612ad
Binary files /dev/null and b/public/images/work/08.jpg differ
diff --git a/public/images/work/09.jpeg b/public/images/work/09.jpeg
new file mode 100644
index 0000000..ec273a3
Binary files /dev/null and b/public/images/work/09.jpeg differ
diff --git a/public/images/work/10.jpg b/public/images/work/10.jpg
new file mode 100644
index 0000000..75a8b5f
Binary files /dev/null and b/public/images/work/10.jpg differ
diff --git a/public/images/work/11.jpg b/public/images/work/11.jpg
new file mode 100644
index 0000000..89a5694
Binary files /dev/null and b/public/images/work/11.jpg differ
diff --git a/public/images/work/12.jpg b/public/images/work/12.jpg
new file mode 100644
index 0000000..ddcf544
Binary files /dev/null and b/public/images/work/12.jpg differ
diff --git a/public/images/work/13.jpeg b/public/images/work/13.jpeg
new file mode 100644
index 0000000..35d79ad
Binary files /dev/null and b/public/images/work/13.jpeg differ
diff --git a/public/images/work/14.jpg b/public/images/work/14.jpg
new file mode 100644
index 0000000..0e71f17
Binary files /dev/null and b/public/images/work/14.jpg differ
diff --git a/public/images/work/15.jpg b/public/images/work/15.jpg
new file mode 100644
index 0000000..6584af2
Binary files /dev/null and b/public/images/work/15.jpg differ
diff --git a/public/images/work/16.jpg b/public/images/work/16.jpg
new file mode 100644
index 0000000..9be960c
Binary files /dev/null and b/public/images/work/16.jpg differ
diff --git a/public/images/work/17.jpg b/public/images/work/17.jpg
new file mode 100644
index 0000000..c19837f
Binary files /dev/null and b/public/images/work/17.jpg differ
diff --git a/public/images/work/18.jpg b/public/images/work/18.jpg
new file mode 100644
index 0000000..a7a5f0d
Binary files /dev/null and b/public/images/work/18.jpg differ
diff --git a/public/images/work/19.jpg b/public/images/work/19.jpg
new file mode 100644
index 0000000..1c70582
Binary files /dev/null and b/public/images/work/19.jpg differ
diff --git a/public/images/work/20.jpg b/public/images/work/20.jpg
new file mode 100644
index 0000000..3bfe5e6
Binary files /dev/null and b/public/images/work/20.jpg differ
diff --git a/public/images/work/21.jpg b/public/images/work/21.jpg
new file mode 100644
index 0000000..d309ba5
Binary files /dev/null and b/public/images/work/21.jpg differ
diff --git a/public/images/work/22.jpg b/public/images/work/22.jpg
new file mode 100644
index 0000000..11e70c0
Binary files /dev/null and b/public/images/work/22.jpg differ
diff --git a/public/images/work/23.jpg b/public/images/work/23.jpg
new file mode 100644
index 0000000..0254a22
Binary files /dev/null and b/public/images/work/23.jpg differ
diff --git a/public/images/work/24.jpg b/public/images/work/24.jpg
new file mode 100644
index 0000000..78cd4e8
Binary files /dev/null and b/public/images/work/24.jpg differ
diff --git a/public/images/work/25.jpg b/public/images/work/25.jpg
new file mode 100644
index 0000000..2fab1e2
Binary files /dev/null and b/public/images/work/25.jpg differ
diff --git a/public/images/work/26.jpg b/public/images/work/26.jpg
new file mode 100644
index 0000000..c97ea9b
Binary files /dev/null and b/public/images/work/26.jpg differ
diff --git a/public/images/work/27.jpg b/public/images/work/27.jpg
new file mode 100644
index 0000000..df63298
Binary files /dev/null and b/public/images/work/27.jpg differ
diff --git a/public/images/work/28.jpg b/public/images/work/28.jpg
new file mode 100644
index 0000000..23167a0
Binary files /dev/null and b/public/images/work/28.jpg differ
diff --git a/public/images/work/29.jpg b/public/images/work/29.jpg
new file mode 100644
index 0000000..1d72838
Binary files /dev/null and b/public/images/work/29.jpg differ
diff --git a/public/images/work/30.jpg b/public/images/work/30.jpg
new file mode 100644
index 0000000..35f8c33
Binary files /dev/null and b/public/images/work/30.jpg differ
diff --git a/public/images/work/31.jpg b/public/images/work/31.jpg
new file mode 100644
index 0000000..f7a5112
Binary files /dev/null and b/public/images/work/31.jpg differ
diff --git a/public/images/work/32.jpg b/public/images/work/32.jpg
new file mode 100644
index 0000000..95e5c54
Binary files /dev/null and b/public/images/work/32.jpg differ
diff --git a/public/images/work/33.jpg b/public/images/work/33.jpg
new file mode 100644
index 0000000..a774ed8
Binary files /dev/null and b/public/images/work/33.jpg differ
diff --git a/public/images/work/34.jpg b/public/images/work/34.jpg
new file mode 100644
index 0000000..2954ca8
Binary files /dev/null and b/public/images/work/34.jpg differ
diff --git a/public/images/work/35.jpg b/public/images/work/35.jpg
new file mode 100644
index 0000000..2ddc84f
Binary files /dev/null and b/public/images/work/35.jpg differ
diff --git a/public/images/work/36.jpg b/public/images/work/36.jpg
new file mode 100644
index 0000000..084aae6
Binary files /dev/null and b/public/images/work/36.jpg differ
diff --git a/src/assets/home/car.jpg b/src/assets/home/car.jpg
new file mode 100644
index 0000000..0254a22
Binary files /dev/null and b/src/assets/home/car.jpg differ
diff --git a/src/components/Home/Promotion.astro b/src/components/Home/Promotion.astro
index 8b98d89..122cb7d 100644
--- a/src/components/Home/Promotion.astro
+++ b/src/components/Home/Promotion.astro
@@ -22,12 +22,17 @@ const promotionImage = images[promotionImagePath];
 if (!promotionImage) {
     throw new Error(`Image not found: ${promotionImagePath}`);
 }
+
+function getUrl() {
+    return data.isRelative ? Astro.url + data.url : data.url;
+}
+
 ---
 
 <a
     class="relative flex items-center justify-center bg-black"
-    href={data.url}
-    target="_blank"
+    href={getUrl()}
+    target={data.isRelative ? "_self" : "_blank"}
 >
     <Image
         class:list={[
diff --git a/src/consts.ts b/src/consts.ts
index 1d65092..c9faaec 100644
--- a/src/consts.ts
+++ b/src/consts.ts
@@ -19,6 +19,12 @@ export const INVESTORS: Metadata = {
     COVER: '/images/investors-banner.png',
 };
 
+export const WORK: Metadata = {
+    TITLE: 'Work',
+    DESCRIPTION: 'View our work and projects at Futureblur.',
+    COVER: '/images/glyph-banner.png',
+};
+
 export const navBarLinks: NavigationLink[] = [
     {
         title: 'nav.title.store',
diff --git a/src/content/config.ts b/src/content/config.ts
index 7de89b0..f42b88b 100644
--- a/src/content/config.ts
+++ b/src/content/config.ts
@@ -21,7 +21,8 @@ const promotionCollection = defineCollection({
             .max(3, promotionDimError)
             .optional(),
         cta: z.string(),
-        url: z.string().url()
+        url: z.string(),
+        isRelative: z.boolean().optional()
     })
 })
 
@@ -62,7 +63,7 @@ const markdownCollection = defineCollection({
         }),
         coverDescription: z.string(),
     })
-})
+});
 
 export const collections = {
     promotion: promotionCollection,
diff --git a/src/content/promotion/de/archviz.json b/src/content/promotion/de/archviz.json
index a77672b..f8a3078 100644
--- a/src/content/promotion/de/archviz.json
+++ b/src/content/promotion/de/archviz.json
@@ -1,5 +1,5 @@
 {
-    "order": 0,
+    "order": 1,
     "title": "ArchViz",
     "subtitle": "Schritt für Schritt. Sammle Ideen. Gestalte die Szene. Verwirkliche sie. Alles in Blender.",
     "image": "archviz.jpg",
diff --git a/src/content/promotion/de/octane.json b/src/content/promotion/de/octane.json
index e9efe3b..1492220 100644
--- a/src/content/promotion/de/octane.json
+++ b/src/content/promotion/de/octane.json
@@ -1,5 +1,5 @@
 {
-    "order": 1,
+    "order": 2,
     "hide": true,
     "title": "Octane",
     "subtitle": "",
diff --git a/src/content/promotion/de/work.json b/src/content/promotion/de/work.json
new file mode 100644
index 0000000..907baaf
--- /dev/null
+++ b/src/content/promotion/de/work.json
@@ -0,0 +1,10 @@
+{
+    "order": 0,
+    "title": "Portfolio",
+    "subtitle": "Wir erstellen 3D-CGI, Werbung und Motion Graphics.",
+    "image": "car.jpg",
+    "alt": "Ein modernes, einstöckiges Haus mit großen Fenstern wird nachts beleuchtet, umgeben von dichtem Wald und Felsen.",
+    "cta": "Jetzt ansehen",
+    "url": "/work",
+    "isRelative": true
+}
diff --git a/src/content/promotion/en/archviz.json b/src/content/promotion/en/archviz.json
index 3439190..5167697 100644
--- a/src/content/promotion/en/archviz.json
+++ b/src/content/promotion/en/archviz.json
@@ -1,5 +1,5 @@
 {
-    "order": 0,
+    "order": 1,
     "title": "ArchViz",
     "subtitle": "Follow step by step. Gather ideas. Build the scene. Make it real. All in Blender.",
     "image": "archviz.jpg",
diff --git a/src/content/promotion/en/octane.json b/src/content/promotion/en/octane.json
index d4a07c1..b620f64 100644
--- a/src/content/promotion/en/octane.json
+++ b/src/content/promotion/en/octane.json
@@ -1,5 +1,5 @@
 {
-    "order": 1,
+    "order": 2,
     "hide": true,
     "title": "Octane",
     "subtitle": "Replicate the Octane look in Blender.",
diff --git a/src/content/promotion/en/work.json b/src/content/promotion/en/work.json
new file mode 100644
index 0000000..37f571b
--- /dev/null
+++ b/src/content/promotion/en/work.json
@@ -0,0 +1,10 @@
+{
+    "order": 0,
+    "title": "Portfolio",
+    "subtitle": "We create 3D CGI, Ads and Motion Graphics.",
+    "image": "car.jpg",
+    "alt": "A modern, single-story house with large windows is illuminated at night, surrounded by dense forest and rocks.",
+    "cta": "See all",
+    "url": "/work",
+    "isRelative": true
+}
diff --git a/src/i18n/ui.ts b/src/i18n/ui.ts
index cf317fc..85a7195 100644
--- a/src/i18n/ui.ts
+++ b/src/i18n/ui.ts
@@ -56,7 +56,9 @@ export const ui = {
         'soon.title': 'This page is in development. Check back later.',
         'investors.title': 'Investor Relations',
         'investors.description':
-            'Get access to our reports in the Investor Relations Center.'
+            'Get access to our reports in the Investor Relations Center.',
+        'work.title': 'Work',
+        'work.description': 'View our work and projects at Futureblur.',
     },
     de: {
         'header.locale.description':
@@ -109,6 +111,8 @@ export const ui = {
             'Diese Seite ist in Entwicklung. Schaue später noch einmal vorbei.',
         'investors.title': 'Investor Relations',
         'investors.description':
-            'Erhalte Zugang zu unseren Berichten im Investor Relations Center.'
+            'Erhalte Zugang zu unseren Berichten im Investor Relations Center.',
+        'work.title': 'Portfolio',
+        'work.description': 'Sieh dir unser Porttfolio an.',
     }
 } as const;
diff --git a/src/pages/[lang]/work.astro b/src/pages/[lang]/work.astro
new file mode 100644
index 0000000..2188467
--- /dev/null
+++ b/src/pages/[lang]/work.astro
@@ -0,0 +1,71 @@
+---
+import Layout from "@layouts/Layout.astro";
+import { WORK } from "@consts";
+import { getLangFromUrl, useTranslations } from "@i18n/utils";
+import { Image } from "astro:assets";
+
+export async function getStaticPaths() {
+  return [
+    { params: { lang: 'en' } },
+    { params: { lang: 'de' }}
+  ];
+}
+
+const t = useTranslations(getLangFromUrl(Astro.url));
+
+// Import all images from the work folder as static assets using Astro's recommended style
+const images = import.meta.glob<{ default: ImageMetadata }>(
+  "/public/images/work/*.{jpg,jpeg,png,tiff,webp,gif}",
+  { eager: true }
+);
+
+---
+
+<Layout
+    title={t("work.title")}
+    siteName="Work"
+    description={t("work.description")}
+    cover={WORK.COVER}
+>
+    <div class="page-spacing mx-auto px-4 select-none">
+        <div class="flex flex-col sm:flex-row gap-2 sm:gap-4">
+            {(() => {
+                const imageEntries = Object.entries(images).sort(([a], [b]) => a.localeCompare(b));
+                const col1 = imageEntries.filter((_, idx) => idx % 2 === 0);
+                const col2 = imageEntries.filter((_, idx) => idx % 2 === 1);
+                return (
+                    <>
+                        <div class="flex-1 flex flex-col gap-2 sm:gap-4">
+                            {col1.map(([path, image]) => {
+                                const fileName = path.split('/').pop() ?? '';
+                                return (
+                                    <Image
+                                        src={image.default}
+                                        alt={fileName}
+                                        class="w-full h-[60vw] sm:h-auto object-cover rounded-lg select-none"
+                                        loading="lazy"
+                                        draggable={false}
+                                    />
+                                );
+                            })}
+                        </div>
+                        <div class="flex-1 flex flex-col gap-2 sm:gap-4 mt-0">
+                            {col2.map(([path, image]) => {
+                                const fileName = path.split('/').pop() ?? '';
+                                return (
+                                    <Image
+                                        src={image.default}
+                                        alt={fileName}
+                                        class="w-full h-[60vw] sm:h-auto object-cover rounded-lg select-none"
+                                        loading="lazy"
+                                        draggable={false}
+                                    />
+                                );
+                            })}
+                        </div>
+                    </>
+                );
+            })()}
+        </div>
+    </div>
+</Layout>