diff --git a/src/routes/about/+page.server.ts b/src/routes/about/+page.server.ts
index 7b062d4..da44fcd 100644
--- a/src/routes/about/+page.server.ts
+++ b/src/routes/about/+page.server.ts
@@ -19,10 +19,11 @@ export const load: PageServerLoad = async () => {
 
             about {
                 description
+                intro_title
+                intro_heading
+                intro_text
                 intro_firstphoto { id, title }
                 intro_firstphoto_caption
-                intro_portraits { id, title }
-                intro_text
                 intro_firstlocation {
                     slug
                     name
@@ -30,12 +31,21 @@ export const load: PageServerLoad = async () => {
                         flag { id, title }
                         slug
                     }
-                    illustration_desktop { id }
-                    illustration_desktop_2x { id }
-                    illustration_mobile { id }
                 }
 
-                purpose_text
+                creation_title
+                creation_heading
+                creation_text
+                creation_portrait { id, title }
+                creation_portrait_caption
+
+                present_image { id, title }
+                present_title
+                present_heading
+                present_text
+                present_conclusion
+
+                image_showcase { id, title }
 
                 process_title
                 process_subtitle
@@ -51,7 +61,6 @@ export const load: PageServerLoad = async () => {
                     video_mp4 { id }
                     video_webm { id }
                 }
-                process_intention
 
                 contact_title
                 contact_blocks
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
index 447d04c..64bb350 100644
--- a/src/routes/about/+page.svelte
+++ b/src/routes/about/+page.svelte
@@ -35,14 +35,6 @@
         ? [0, 2, 5, 7, 9, 12, 17, 20, 22, 26, 30, 32, 34]
         : [1, 4, 5, 7, 11, 14, 17, 20, 24, 27, 30, 33, 34, 36, 40, 43]
 
-    const introText = about.intro_text
-        .replace('<strong>',
-            `<a href="/${about.intro_firstlocation.country.slug}/${about.intro_firstlocation.slug}" data-sveltekit-noscroll data-sveltekit-prefetch>
-                <img src="${getAssetUrlKey(about.intro_firstlocation.country.flag.id, 'square-small-jpg')}" width="32" height="32" alt="${about.intro_firstlocation.country.flag.title}">
-                <strong>
-        `)
-        .replace('</strong>', '</strong></a>')
-
 
     onMount(() => {
         /**
@@ -133,11 +125,13 @@
 
     <section class="about__introduction">
         <div class="container grid">
-            <h2 class="title-small">Meet the makers</h2>
-            <p class="heading text-big">We are a French and Australian couple that found each other through our mutual <strong>passion for travel, photography and design</strong>.</p>
+            <h2 class="title-small">{about.intro_title}</h2>
+            <div class="heading text-big">
+                {@html about.intro_heading}
+            </div>
 
             <div class="text text-small">
-                <p>With a strong desire to create, we’re award winning in our own fields with <a href="">Félix</a> as a Digital Designer and Art Director and <a href="">Shelby</a> as a Front-End Developer.</p>
+                {@html about.intro_text}
             </div>
         </div>
     </section>
@@ -167,25 +161,28 @@
                 </figcaption>
             </figure>
 
-            <h2 class="title-small">The creation of Houses Of</h2>
-            <p class="heading text-huge">Often separated on different sides of the world, we started a <strong>photography project</strong> of <strong>collecting charismatic houses</strong> from the places we visited together.</p>
+            <h2 class="title-small">{about.creation_title}</h2>
+            <div class="heading text-huge">
+                {@html about.creation_heading}
+            </div>
 
             <div class="text text-small">
-                <p>A few years later and reunited in the South of France, this little collection has evolved into a rather large passion project along with the success of our web launch back in 2020.</p>
+                {@html about.creation_text}
             </div>
             <figure class="portrait-photo">
                 <Image
                     class="shadow-box-dark"
-                    id={about.intro_portraits.id}
-                    alt={about.intro_portraits.title}
+                    id={about.creation_portrait.id}
+                    alt={about.creation_portrait.title}
                     sizeKey="photo-list"
                     sizes={{
-                        small: { width: 250 }
+                        small: { width: 400 },
+                        medium: { width: 750 },
                     }}
-                    ratio={1}
+                    ratio={1.425}
                 />
                 <figcaption class="text-info">
-                    Whatever I want
+                    {about.creation_portrait_caption}
                 </figcaption>
             </figure>
         </div>
@@ -195,38 +192,47 @@
         <div class="container grid">
             <Image
                 class="shadow-box-dark"
-                id="bba45d9d-8380-45a1-99ee-eb52dde0a6fb"
-                alt={about.intro_portraits.title}
+                id={about.present_image.id}
+                alt={about.present_image.title}
                 sizeKey="photo-list"
                 sizes={{
-                    small: { width: 1060 }
+                    small: { width: 400 },
+                    medium: { width: 600 },
+                    large: { width: 800 },
                 }}
                 ratio={1.5}
             />
 
-            <h2 class="title-small">Where are we now</h2>
+            <h2 class="title-small">{about.present_title}</h2>
 
             <div class="text text-small">
-                <p>Since then we've been travelling more and adding new locations to the Houses Of site, however we always wanted to create something more tangible for the travel and design lovers like us.</p>
+                <p>{about.present_text}</p>
             </div>
-            <p class="heading text-big">We decided to use our expertise to create the Houses Of graphic posters, for those wanting to bring art into their homes, but are unsatisfied with typical tourism prints.</p>
-            <div class="text text-small">
-                <p>We hope that you will join us on this journey and that our art can also spark memories in your own home.</p>
+            <div class="heading text-big">
+                {@html about.present_heading}
+            </div>
+            <div class="conclusion text-small">
+                <p>{about.present_conclusion}</p>
             </div>
-
-            <Image
-                class="shadow-box-dark"
-                id="bba45d9d-8380-45a1-99ee-eb52dde0a6fb"
-                alt={about.intro_portraits.title}
-                sizeKey="photo-list"
-                sizes={{
-                    small: { width: 1060 }
-                }}
-                ratio={1.5}
-            />
         </div>
     </section>
 
+    {#if about.image_showcase}
+        <div class="about__showcase container grid">
+            <Image
+                id={about.image_showcase.id}
+                alt={about.image_showcase.title}
+                sizeKey="showcase"
+                sizes={{
+                    small: { width: 400 },
+                    medium: { width: 1000 },
+                    large: { width: 1800 },
+                }}
+                ratio={1.2}
+            />
+        </div>
+    {/if}
+
     <section class="about__process">
         <div class="container grid">
             <aside>
diff --git a/src/style/pages/_about.scss b/src/style/pages/_about.scss
index b7ea1f8..2d7fd62 100644
--- a/src/style/pages/_about.scss
+++ b/src/style/pages/_about.scss
@@ -27,7 +27,7 @@
                 max-width: 788px;
             }
 
-            strong {
+            :global(strong) {
                 color: $color-secondary-light;
                 font-weight: inherit;
             }
@@ -43,8 +43,11 @@
                 align-self: baseline;
             }
 
-            a {
+            :global(a) {
+                display: inline-block;
                 color: currentColor;
+                text-decoration: none;
+                border-bottom: 1px solid rgba($color-tertiary, 0.3);
                 transition: color 0.3s;
 
                 &:hover {
@@ -92,7 +95,7 @@
 
             @include bp (sm) {
                 grid-column: 8 / -2;
-                margin: -10vw 0 70px;
+                margin: -10vw 0 clamp(48px, 7vw, 88px);
                 // margin: -10vw 0 clamp(80px, 10vw, 128px);
             }
 
@@ -139,7 +142,7 @@
             color: $color-primary-tertiary20;
             margin-bottom: 112px;
 
-            strong {
+            :global(strong) {
                 color: $color-lilas-bright;
                 font-weight: inherit;
             }
@@ -166,35 +169,26 @@
         }
     }
 
+
     /*
     ** Present
     */
     &__present {
         background-color: $color-cream;
 
-        .text {
-            color: $color-gray;
-        }
-
         // Poster image
         :global(picture) {
             height: auto;
+            overflow: hidden;
+            border-radius: 12px;
+            grid-column: 3 / -6;
+            margin-top: -100px;
 
             :global(img) {
                 display: block;
                 width: 100%;
                 height: auto;
             }
-
-            &:first-of-type {
-                overflow: hidden;
-                border-radius: 12px;
-                grid-column: 3 /-6;
-                margin-top: -100px;
-            }
-            &:last-of-type {
-                grid-column: 1 / -1;
-            }
         }
 
         h2 {
@@ -202,13 +196,18 @@
             line-height: 1;
             margin-top: 88px;
         }
+        :global(p) {
+            color: $color-text;
+        }
         .text {
-            &:first-of-type {
+            @include bp (sm) {
                 grid-column: 3 / span 6;
                 align-self: baseline;
                 margin-top: 24px;
             }
-            &:last-of-type {
+        }
+        .conclusion {
+            @include bp (sm) {
                 grid-column: 11 / span 8;
                 margin: 96px 0 144px;
             }
@@ -216,12 +215,28 @@
 
         .heading {
             grid-column: 11 / -2;
-            color: $color-primary-tertiary20;
             align-self: baseline;
+
+            :global(p) {
+                max-width: 800px;
+                color: $color-primary-tertiary20;
+            }
         }
     }
 
 
+    // Showcase image
+    &__showcase {
+        :global(picture) {
+            grid-column: 1 / -1;
+        }
+        :global(img) {
+            display: block;
+            width: 100%;
+            height: auto;
+        }
+    }
+
 
     /*
     ** Process
@@ -328,6 +343,11 @@
     &__photos {
         position: relative;
         z-index: 1;
+        margin-top: clamp(48px, 10vw, 80px);
+
+        @include bp (sm) {
+            margin-bottom: clamp(80px, 10vw, 128px);
+        }
         // margin-top: -64px;
 
         @include bp (sm) {