diff --git a/.env.example b/.env.example
index 6fcc1b010f..291e856ae2 100644
--- a/.env.example
+++ b/.env.example
@@ -5,6 +5,7 @@ PUBLIC_APPWRITE_FN_TLDR_ID=
 PUBLIC_APPWRITE_ENDPOINT=
 PUBLIC_APPWRITE_PROJECT_ID=
 PUBLIC_APPWRITE_PROJECT_INIT_ID=
+PUBLIC_GROWTH_ENDPOINT=
 APPWRITE_DB_INIT_ID=
 APPWRITE_COL_INIT_ID=
 APPWRITE_API_KEY_INIT=
diff --git a/.github/workflows/production.yml b/.github/workflows/production.yml
index 0764aaeb1c..963350ddfa 100644
--- a/.github/workflows/production.yml
+++ b/.github/workflows/production.yml
@@ -37,6 +37,7 @@ jobs:
                       "PUBLIC_APPWRITE_COL_MESSAGES_ID=${{ vars.PUBLIC_APPWRITE_COL_MESSAGES_ID }}"
                       "PUBLIC_APPWRITE_FN_TLDR_ID=${{ vars.PUBLIC_APPWRITE_FN_TLDR_ID }}"
                       "PUBLIC_APPWRITE_PROJECT_INIT_ID=${{ vars.PUBLIC_APPWRITE_PROJECT_INIT_ID }}"
+                      "PUBLIC_GROWTH_ENDPOINT=${{ vars.PUBLIC_GROWTH_ENDPOINT }}"
                       "APPWRITE_DB_INIT_ID=${{ secrets.APPWRITE_DB_INIT_ID }}"
                       "APPWRITE_COL_INIT_ID=${{ secrets.APPWRITE_COL_INIT_ID }}"
                       "APPWRITE_API_KEY_INIT=${{ secrets.APPWRITE_API_KEY_INIT }}"
diff --git a/.github/workflows/staging.yml b/.github/workflows/staging.yml
index 6752a1cf8b..13f7fe202f 100644
--- a/.github/workflows/staging.yml
+++ b/.github/workflows/staging.yml
@@ -38,6 +38,7 @@ jobs:
                       "PUBLIC_APPWRITE_COL_MESSAGES_ID=${{ vars.PUBLIC_APPWRITE_COL_MESSAGES_ID }}"
                       "PUBLIC_APPWRITE_FN_TLDR_ID=${{ vars.PUBLIC_APPWRITE_FN_TLDR_ID }}"
                       "PUBLIC_APPWRITE_PROJECT_INIT_ID=${{ vars.PUBLIC_APPWRITE_PROJECT_INIT_ID }}"
+                      "PUBLIC_GROWTH_ENDPOINT=${{ vars.PUBLIC_GROWTH_ENDPOINT }}"
                       "APPWRITE_DB_INIT_ID=${{ secrets.APPWRITE_DB_INIT_ID }}"
                       "APPWRITE_COL_INIT_ID=${{ secrets.APPWRITE_COL_INIT_ID }}"
                       "APPWRITE_API_KEY_INIT=${{ secrets.APPWRITE_API_KEY_INIT }}"
diff --git a/.github/workflows/tests.yml b/.github/workflows/tests.yml
index 17a0788bc5..45071d1425 100644
--- a/.github/workflows/tests.yml
+++ b/.github/workflows/tests.yml
@@ -43,6 +43,7 @@ jobs:
                   PUBLIC_APPWRITE_COL_MESSAGES_ID: ${{ secrets.PUBLIC_APPWRITE_COL_MESSAGES_ID }}
                   PUBLIC_APPWRITE_FN_TLDR_ID: ${{ secrets.PUBLIC_APPWRITE_FN_TLDR_ID }}
                   PUBLIC_APPWRITE_PROJECT_INIT_ID: ${{ secrets.PUBLIC_APPWRITE_PROJECT_INIT_ID }}
+                  PUBLIC_GROWTH_ENDPOINT: ${{ secrets.PUBLIC_GROWTH_ENDPOINT }}
                   APPWRITE_DB_INIT_ID: ${{ secrets.APPWRITE_DB_INIT_ID }}
                   APPWRITE_COL_INIT_ID: ${{ secrets.APPWRITE_COL_INIT_ID }}
                   APPWRITE_API_KEY_INIT: ${{ secrets.APPWRITE_API_KEY_INIT }}
diff --git a/Dockerfile b/Dockerfile
index 28a78ede53..ae1c6e7aaa 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -19,6 +19,9 @@ ENV PUBLIC_APPWRITE_PROJECT_ID ${PUBLIC_APPWRITE_PROJECT_ID}
 ARG PUBLIC_APPWRITE_PROJECT_INIT_ID
 ENV PUBLIC_APPWRITE_PROJECT_INIT_ID ${PUBLIC_APPWRITE_PROJECT_INIT_ID}
 
+ARG PUBLIC_GROWTH_ENDPOINT
+ENV PUBLIC_GROWTH_ENDPOINT ${PUBLIC_GROWTH_ENDPOINT}
+
 ARG APPWRITE_DB_INIT_ID
 ENV APPWRITE_DB_INIT_ID ${APPWRITE_DB_INIT_ID}
 
diff --git a/src/lib/components/FooterNav.svelte b/src/lib/components/FooterNav.svelte
index 3ef332f22e..fdcce9e567 100644
--- a/src/lib/components/FooterNav.svelte
+++ b/src/lib/components/FooterNav.svelte
@@ -36,7 +36,7 @@
                 { label: 'Functions', href: '/docs/products/functions' },
                 { label: 'Messaging', href: '/docs/products/messaging' },
                 { label: 'Storage', href: '/docs/products/storage' },
-                { label: 'Realtime', href: '/docs/apis/realtime' },
+                { label: 'Realtime', href: '/docs/apis/realtime' }
             ],
             Learn: [
                 { label: 'Docs', href: '/docs' },
@@ -57,6 +57,10 @@
                     rel: 'noopener noreferrer'
                 }
             ],
+            Program: [
+                { label: 'Heroes', href: '/heroes' },
+                { label: 'Startups', href: '/startups' }
+            ],
             About: [
                 { label: 'Company', href: '/company' },
                 { label: 'Pricing', href: '/pricing' },
@@ -66,7 +70,6 @@
                     target: '_blank',
                     rel: 'noopener noreferrer'
                 },
-                { label: 'Heroes', href: '/heroes' },
                 {
                     label: 'Store',
                     href: 'https://appwrite.store',
@@ -74,12 +77,7 @@
                     rel: 'noopener noreferrer'
                 },
                 { label: 'Contact us', href: '/contact-us' },
-                { label: 'Assets', href: '/assets' },
-            ],
-            Policies: [
-                { label: 'Terms', href: '/terms' },
-                { label: 'Privacy', href: '/privacy' },
-                { label: 'Cookies', href: '/cookies' }
+                { label: 'Assets', href: '/assets' }
             ]
         };
 </script>
diff --git a/src/lib/components/MainFooter.svelte b/src/lib/components/MainFooter.svelte
index 5760f0d92d..7f31bdbb2a 100644
--- a/src/lib/components/MainFooter.svelte
+++ b/src/lib/components/MainFooter.svelte
@@ -24,7 +24,14 @@
                 </li>
             {/each}
         </ul>
-        <div>Copyright © {year} Appwrite</div>
+        <div class="u-flex u-gap-16">
+            <ul class="u-flex u-gap-8">
+                <li><a class="web-link" href="/terms">Terms</a></li>
+                <li><a class="web-link" href="/privacy">Privacy</a></li>
+                <li><a class="web-link" href="/cookies">Cookies</a></li>
+            </ul>
+            <div>Copyright © {year} Appwrite</div>
+        </div>
     </footer>
 {:else if variant === 'docs'}
     <footer
diff --git a/src/lib/utils/specs.ts b/src/lib/utils/specs.ts
index 99922bbc64..3f49ee0a90 100644
--- a/src/lib/utils/specs.ts
+++ b/src/lib/utils/specs.ts
@@ -57,7 +57,7 @@ export interface Property {
             type?: string;
             oneOf?: OpenAPIV3.ReferenceObject[];
         } & OpenAPIV3.ReferenceObject;
-} 
+}
 
 export enum ModelType {
     REST = 'REST',
@@ -203,6 +203,7 @@ async function getSpec(version: string, platform: string) {
 export async function getApi(version: string, platform: string): Promise<OpenAPIV3.Document> {
     const raw = await getSpec(version, platform);
     const api = JSON.parse(raw);
+
     return api;
 }
 
@@ -220,7 +221,10 @@ export async function getDescription(service: string): Promise<string> {
     if (!(target in descriptions)) {
         throw new Error('Missing service description');
     }
-    return descriptions[target]();
+
+    const description = descriptions[target]();
+
+    return description;
 }
 
 export async function getService(
@@ -308,6 +312,7 @@ export async function getService(
         if (!(path in examples)) {
             continue;
         }
+
         data.methods.push({
             id: operation['x-appwrite'].method,
             demo: await examples[path](),
@@ -353,7 +358,7 @@ export const generateExample = (schema: OpenAPIV3.SchemaObject, api: OpenAPIV3.D
 
     const properties = Object.keys(schema.properties ?? {}).map((key) =>{
         const name = key;
-        const fields = schema.properties?.[key]; 
+        const fields = schema.properties?.[key];
         return {
             name,
             ...fields
@@ -388,7 +393,7 @@ export const generateExample = (schema: OpenAPIV3.SchemaObject, api: OpenAPIV3.D
                 // default to first child type if multiple available
                 const firstSchema = (property.items as unknown as AppwriteSchemaObject)?.anyOf?.[0];
                 const schema = getSchema(getIdFromReference(firstSchema as OpenAPIV3.ReferenceObject), api)
-                
+
                 return {
                     ...carry,
                     [propertyName]: [generateExample(schema, api, modelType)]
@@ -429,4 +434,4 @@ export const generateExample = (schema: OpenAPIV3.SchemaObject, api: OpenAPIV3.D
         }
     }, {});
     return example;
-}
\ No newline at end of file
+}
diff --git a/src/markdoc/layouts/Tutorial.svelte b/src/markdoc/layouts/Tutorial.svelte
index 95bc948fde..2257f97f5e 100644
--- a/src/markdoc/layouts/Tutorial.svelte
+++ b/src/markdoc/layouts/Tutorial.svelte
@@ -2,6 +2,7 @@
     export type Tutorial = {
         title: string;
         framework?: string;
+        category?: string;
         step: number;
         href: string;
         draft?: boolean;
diff --git a/src/routes/changelog/utils.ts b/src/routes/changelog/utils.ts
index 3aae41539f..7124e915a7 100644
--- a/src/routes/changelog/utils.ts
+++ b/src/routes/changelog/utils.ts
@@ -30,7 +30,7 @@ export const getAllChangelogEntries = async () => {
     });
 };
 
-export const CHANGELOG_DEPENDENCY = 'changelog';
+export const CHANGELOG_DEPENDENCY = 'dependency:changelog';
 
 export const CHANGELOG_KEY = 'changelog';
 
diff --git a/src/routes/startups/(assets)/bg-hero.svg b/src/routes/startups/(assets)/bg-hero.svg
new file mode 100644
index 0000000000..593bfc8042
--- /dev/null
+++ b/src/routes/startups/(assets)/bg-hero.svg
@@ -0,0 +1,306 @@
+<svg width="1925" height="1080" viewBox="0 0 1925 1080" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M42 0L42 1080" stroke="url(#paint0_linear_429_5695)" />
+    <path d="M199.09 0L199.09 1080" stroke="url(#paint1_linear_429_5695)" />
+    <path d="M356.184 0L356.184 1080" stroke="url(#paint2_linear_429_5695)" />
+    <path d="M513.273 0L513.273 1080" stroke="url(#paint3_linear_429_5695)" />
+    <path d="M670.363 0L670.363 1080" stroke="url(#paint4_linear_429_5695)" />
+    <path d="M827.453 0L827.453 1080" stroke="url(#paint5_linear_429_5695)" />
+    <path d="M984.547 0L984.547 1080" stroke="url(#paint6_linear_429_5695)" />
+    <path d="M1141.64 0L1141.64 1080" stroke="url(#paint7_linear_429_5695)" />
+    <path d="M1298.73 0L1298.73 1080" stroke="url(#paint8_linear_429_5695)" />
+    <path d="M1455.82 0L1455.82 1080" stroke="url(#paint9_linear_429_5695)" />
+    <path d="M1612.91 0L1612.91 1080" stroke="url(#paint10_linear_429_5695)" />
+    <path d="M1770 0L1770 1080" stroke="url(#paint11_linear_429_5695)" />
+    <path opacity="0.48" d="M1387 0L1387 1080" stroke="#FD366E" />
+    <g filter="url(#filter0_b_429_5695)">
+        <rect x="12" y="144" width="187" height="64" rx="8" fill="url(#paint12_linear_429_5695)" fill-opacity="0.12" />
+        <rect x="12.5" y="144.5" width="186" height="63" rx="7.5" stroke="url(#paint13_linear_429_5695)" />
+    </g>
+    <g filter="url(#filter1_b_429_5695)">
+        <rect x="231" y="144" width="282" height="64" rx="8" fill="#FD366E" fill-opacity="0.04" />
+        <rect x="231.5" y="144.5" width="281" height="63" rx="7.5" stroke="url(#paint14_linear_429_5695)"
+            stroke-opacity="0.16" />
+    </g>
+    <g filter="url(#filter2_b_429_5695)">
+        <rect x="1534" y="144" width="282" height="64" rx="8" fill="#FD366E" fill-opacity="0.04" />
+        <rect x="1534.5" y="144.5" width="281" height="63" rx="7.5" stroke="url(#paint15_linear_429_5695)"
+            stroke-opacity="0.16" />
+    </g>
+    <g filter="url(#filter3_b_429_5695)">
+        <rect x="199" y="336" width="359" height="64" rx="8" fill="url(#paint16_linear_429_5695)" fill-opacity="0.12" />
+        <rect x="199.5" y="336.5" width="358" height="63" rx="7.5" stroke="url(#paint17_linear_429_5695)" />
+    </g>
+    <g filter="url(#filter4_b_429_5695)">
+        <rect x="1142" y="624" width="159" height="64" rx="8" fill="url(#paint18_linear_429_5695)"
+            fill-opacity="0.12" />
+        <rect x="1142.5" y="624.5" width="158" height="63" rx="7.5" stroke="url(#paint19_linear_429_5695)" />
+    </g>
+    <g filter="url(#filter5_b_429_5695)">
+        <rect x="155" y="624" width="159" height="64" rx="8" fill="url(#paint20_linear_429_5695)" fill-opacity="0.12" />
+        <rect x="155.5" y="624.5" width="158" height="63" rx="7.5" stroke="url(#paint21_linear_429_5695)" />
+    </g>
+    <g filter="url(#filter6_b_429_5695)">
+        <rect x="356" y="624" width="314" height="64" rx="8" fill="url(#paint22_linear_429_5695)" fill-opacity="0.12" />
+        <rect x="356.5" y="624.5" width="313" height="63" rx="7.5" stroke="url(#paint23_linear_429_5695)" />
+    </g>
+    <g filter="url(#filter7_b_429_5695)">
+        <rect x="1333" y="528" width="280" height="64" rx="8" fill="url(#paint24_linear_429_5695)"
+            fill-opacity="0.12" />
+        <rect x="1333.5" y="528.5" width="279" height="63" rx="7.5" stroke="url(#paint25_linear_429_5695)" />
+    </g>
+    <g filter="url(#filter8_b_429_5695)">
+        <rect x="1645" y="528" width="280" height="64" rx="8" fill="url(#paint26_linear_429_5695)"
+            fill-opacity="0.12" />
+        <rect x="1645.5" y="528.5" width="279" height="63" rx="7.5" stroke="url(#paint27_linear_429_5695)" />
+    </g>
+    <g filter="url(#filter9_b_429_5695)">
+        <rect x="12" y="432" width="501" height="64" rx="8" fill="#FD366E" fill-opacity="0.04" />
+        <rect x="12.5" y="432.5" width="500" height="63" rx="7.5" stroke="url(#paint28_linear_429_5695)"
+            stroke-opacity="0.16" />
+    </g>
+    <g filter="url(#filter10_b_429_5695)">
+        <rect x="1298" y="228" width="504" height="64" rx="8" fill="url(#paint29_linear_429_5695)"
+            fill-opacity="0.12" />
+        <rect x="1298.5" y="228.5" width="503" height="63" rx="7.5" stroke="url(#paint30_linear_429_5695)" />
+    </g>
+    <rect width="1812" height="1080" fill="url(#paint31_linear_429_5695)" />
+    <defs>
+        <filter id="filter0_b_429_5695" x="0" y="132" width="211" height="88" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feGaussianBlur in="BackgroundImageFix" stdDeviation="6" />
+            <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_429_5695" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_429_5695" result="shape" />
+        </filter>
+        <filter id="filter1_b_429_5695" x="219" y="132" width="306" height="88" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feGaussianBlur in="BackgroundImageFix" stdDeviation="6" />
+            <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_429_5695" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_429_5695" result="shape" />
+        </filter>
+        <filter id="filter2_b_429_5695" x="1522" y="132" width="306" height="88" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feGaussianBlur in="BackgroundImageFix" stdDeviation="6" />
+            <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_429_5695" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_429_5695" result="shape" />
+        </filter>
+        <filter id="filter3_b_429_5695" x="187" y="324" width="383" height="88" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feGaussianBlur in="BackgroundImageFix" stdDeviation="6" />
+            <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_429_5695" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_429_5695" result="shape" />
+        </filter>
+        <filter id="filter4_b_429_5695" x="1130" y="612" width="183" height="88" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feGaussianBlur in="BackgroundImageFix" stdDeviation="6" />
+            <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_429_5695" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_429_5695" result="shape" />
+        </filter>
+        <filter id="filter5_b_429_5695" x="143" y="612" width="183" height="88" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feGaussianBlur in="BackgroundImageFix" stdDeviation="6" />
+            <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_429_5695" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_429_5695" result="shape" />
+        </filter>
+        <filter id="filter6_b_429_5695" x="344" y="612" width="338" height="88" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feGaussianBlur in="BackgroundImageFix" stdDeviation="6" />
+            <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_429_5695" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_429_5695" result="shape" />
+        </filter>
+        <filter id="filter7_b_429_5695" x="1321" y="516" width="304" height="88" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feGaussianBlur in="BackgroundImageFix" stdDeviation="6" />
+            <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_429_5695" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_429_5695" result="shape" />
+        </filter>
+        <filter id="filter8_b_429_5695" x="1633" y="516" width="304" height="88" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feGaussianBlur in="BackgroundImageFix" stdDeviation="6" />
+            <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_429_5695" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_429_5695" result="shape" />
+        </filter>
+        <filter id="filter9_b_429_5695" x="0" y="420" width="525" height="88" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feGaussianBlur in="BackgroundImageFix" stdDeviation="6" />
+            <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_429_5695" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_429_5695" result="shape" />
+        </filter>
+        <filter id="filter10_b_429_5695" x="1286" y="216" width="528" height="88" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feGaussianBlur in="BackgroundImageFix" stdDeviation="6" />
+            <feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_429_5695" />
+            <feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_429_5695" result="shape" />
+        </filter>
+        <linearGradient id="paint0_linear_429_5695" x1="42.5" y1="-2.18557e-08" x2="42.5" y2="1080"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.08" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint1_linear_429_5695" x1="199.59" y1="-2.18557e-08" x2="199.59" y2="1080"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.08" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint2_linear_429_5695" x1="356.684" y1="-2.18557e-08" x2="356.684" y2="1080"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.08" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint3_linear_429_5695" x1="513.773" y1="-2.18557e-08" x2="513.773" y2="1080"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.08" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint4_linear_429_5695" x1="670.863" y1="-2.18557e-08" x2="670.863" y2="1080"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.08" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint5_linear_429_5695" x1="827.953" y1="-2.18557e-08" x2="827.953" y2="1080"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.08" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint6_linear_429_5695" x1="985.047" y1="-2.18557e-08" x2="985.047" y2="1080"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.08" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint7_linear_429_5695" x1="1142.14" y1="-2.18557e-08" x2="1142.14" y2="1080"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.08" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint8_linear_429_5695" x1="1299.23" y1="-2.18557e-08" x2="1299.23" y2="1080"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.08" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint9_linear_429_5695" x1="1456.32" y1="-2.18557e-08" x2="1456.32" y2="1080"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.08" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint10_linear_429_5695" x1="1613.41" y1="-2.18557e-08" x2="1613.41" y2="1080"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.08" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint11_linear_429_5695" x1="1770.5" y1="-2.18557e-08" x2="1770.5" y2="1080"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.08" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint12_linear_429_5695" x1="35.621" y1="148.434" x2="67.8173" y2="254.395"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.4" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint13_linear_429_5695" x1="99.147" y1="139.575" x2="96.4975" y2="216.669"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.12" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint14_linear_429_5695" x1="372" y1="144" x2="372" y2="248.381"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FD366E" />
+            <stop offset="1" stop-color="#FD366E" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint15_linear_429_5695" x1="1675" y1="144" x2="1675" y2="248.381"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FD366E" />
+            <stop offset="1" stop-color="#FD366E" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint16_linear_429_5695" x1="244.347" y1="340.434" x2="262.219" y2="453.349"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.4" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint17_linear_429_5695" x1="366.304" y1="331.575" x2="364.922" y2="408.735"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.12" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint18_linear_429_5695" x1="1162.08" y1="628.434" x2="1198.76" y2="731.071"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.4" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint19_linear_429_5695" x1="1216.1" y1="619.575" x2="1212.98" y2="696.634"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.12" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint20_linear_429_5695" x1="175.084" y1="628.434" x2="211.762" y2="731.071"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.4" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint21_linear_429_5695" x1="229.098" y1="619.575" x2="225.984" y2="696.634"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.12" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint22_linear_429_5695" x1="395.663" y1="628.434" x2="415.943" y2="740.508"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.4" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint23_linear_429_5695" x1="502.332" y1="619.575" x2="500.753" y2="696.727"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.12" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint24_linear_429_5695" x1="1368.37" y1="532.434" x2="1390.93" y2="643.6"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.4" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint25_linear_429_5695" x1="1463.49" y1="523.575" x2="1461.72" y2="600.719"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.12" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint26_linear_429_5695" x1="1680.37" y1="532.434" x2="1702.93" y2="643.6"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.4" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint27_linear_429_5695" x1="1775.49" y1="523.575" x2="1773.72" y2="600.719"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.12" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint28_linear_429_5695" x1="262.5" y1="432" x2="262.5" y2="536.381"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FD366E" />
+            <stop offset="1" stop-color="#FD366E" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint29_linear_429_5695" x1="1361.66" y1="232.434" x2="1374.55" y2="346.725"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.4" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint30_linear_429_5695" x1="1532.88" y1="223.575" x2="1531.89" y2="300.747"
+            gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.12" />
+            <stop offset="1" stop-color="white" stop-opacity="0" />
+        </linearGradient>
+        <linearGradient id="paint31_linear_429_5695" x1="906" y1="1080" x2="906" y2="5.07576e-05"
+            gradientUnits="userSpaceOnUse">
+            <stop offset="0.184523" stop-color="#19191C" />
+            <stop offset="1" stop-color="#19191C" stop-opacity="0" />
+        </linearGradient>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/src/routes/startups/(assets)/bg-left.png b/src/routes/startups/(assets)/bg-left.png
new file mode 100644
index 0000000000..9ed97f49eb
Binary files /dev/null and b/src/routes/startups/(assets)/bg-left.png differ
diff --git a/src/routes/startups/(assets)/bg-right.png b/src/routes/startups/(assets)/bg-right.png
new file mode 100644
index 0000000000..b20dcef5e4
Binary files /dev/null and b/src/routes/startups/(assets)/bg-right.png differ
diff --git a/src/routes/startups/(assets)/blob-green-mobile.svg b/src/routes/startups/(assets)/blob-green-mobile.svg
new file mode 100644
index 0000000000..b36257068b
--- /dev/null
+++ b/src/routes/startups/(assets)/blob-green-mobile.svg
@@ -0,0 +1,53 @@
+<svg width="745" height="840" viewBox="0 0 745 840" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.72">
+        <g opacity="0.3" filter="url(#filter0_f_585_3499)">
+            <ellipse cx="160.027" cy="207.717" rx="160.027" ry="207.717" transform="matrix(-1 0 0 1 532.055 212.489)"
+                fill="url(#paint0_radial_585_3499)" />
+        </g>
+        <g filter="url(#filter1_f_585_3499)">
+            <ellipse cx="63.9402" cy="91.1413" rx="63.9402" ry="91.1413"
+                transform="matrix(-0.888042 -0.459763 -0.459763 0.888042 531.348 276.936)"
+                fill="url(#paint1_radial_585_3499)" fill-opacity="0.5" />
+        </g>
+        <g filter="url(#filter2_f_585_3499)">
+            <ellipse cx="63.9402" cy="91.1413" rx="63.9402" ry="91.1413"
+                transform="matrix(-0.888042 -0.459763 -0.459763 0.888042 537 185.795)"
+                fill="url(#paint2_radial_585_3499)" fill-opacity="0.8" />
+        </g>
+    </g>
+    <defs>
+        <filter id="filter0_f_585_3499" x="0.0434723" y="0.53273" width="743.968" height="839.348"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="105.978" result="effect1_foregroundBlur_585_3499" />
+        </filter>
+        <filter id="filter1_f_585_3499" x="263.177" y="143.429" width="338.975" height="370.094"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="49.4565" result="effect1_foregroundBlur_585_3499" />
+        </filter>
+        <filter id="filter2_f_585_3499" x="268.829" y="52.2876" width="338.975" height="370.094"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="49.4565" result="effect1_foregroundBlur_585_3499" />
+        </filter>
+        <radialGradient id="paint0_radial_585_3499" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(150.429 210.587) rotate(85.3898) scale(180.49 158.86)">
+            <stop stop-color="#E7F8F7" />
+            <stop offset="1" stop-color="#85DBD8" />
+        </radialGradient>
+        <radialGradient id="paint1_radial_585_3499" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(63.9402 91.1413) rotate(90) scale(91.1413 63.9402)">
+            <stop stop-color="#94DBD1" />
+            <stop offset="1" stop-color="#94DBD1" />
+        </radialGradient>
+        <radialGradient id="paint2_radial_585_3499" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(63.9402 91.1413) rotate(90) scale(91.1413 63.9402)">
+            <stop stop-color="#85DBD8" />
+            <stop offset="1" stop-color="#85DBD8" />
+        </radialGradient>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/src/routes/startups/(assets)/blob-green.svg b/src/routes/startups/(assets)/blob-green.svg
new file mode 100644
index 0000000000..72ca27bb31
--- /dev/null
+++ b/src/routes/startups/(assets)/blob-green.svg
@@ -0,0 +1,53 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1053" height="1188" viewBox="0 0 1053 1188" fill="none">
+    <g opacity="0.72">
+        <g opacity="0.3" filter="url(#filter0_f_585_3489)">
+            <ellipse cx="226.5" cy="294" rx="226.5" ry="294" transform="matrix(-1 0 0 1 753 300)"
+                fill="url(#paint0_radial_585_3489)" />
+        </g>
+        <g filter="url(#filter1_f_585_3489)">
+            <ellipse cx="90.5" cy="129" rx="90.5" ry="129"
+                transform="matrix(-0.888042 -0.459763 -0.459763 0.888042 752 391.217)"
+                fill="url(#paint1_radial_585_3489)" fill-opacity="0.5" />
+        </g>
+        <g filter="url(#filter2_f_585_3489)">
+            <ellipse cx="90.5" cy="129" rx="90.5" ry="129"
+                transform="matrix(-0.888042 -0.459763 -0.459763 0.888042 760 262.217)"
+                fill="url(#paint2_radial_585_3489)" fill-opacity="0.8" />
+        </g>
+    </g>
+    <defs>
+        <filter id="filter0_f_585_3489" x="0" y="0" width="1053" height="1188" filterUnits="userSpaceOnUse"
+            color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="150" result="effect1_foregroundBlur_585_3489" />
+        </filter>
+        <filter id="filter1_f_585_3489" x="372.434" y="202.253" width="479.777" height="523.826"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="70" result="effect1_foregroundBlur_585_3489" />
+        </filter>
+        <filter id="filter2_f_585_3489" x="380.434" y="73.2534" width="479.777" height="523.826"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="70" result="effect1_foregroundBlur_585_3489" />
+        </filter>
+        <radialGradient id="paint0_radial_585_3489" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(212.915 298.062) rotate(85.3898) scale(255.463 224.848)">
+            <stop stop-color="#E7F8F7" />
+            <stop offset="1" stop-color="#85DBD8" />
+        </radialGradient>
+        <radialGradient id="paint1_radial_585_3489" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(90.5 129) rotate(90) scale(129 90.5)">
+            <stop stop-color="#94DBD1" />
+            <stop offset="1" stop-color="#94DBD1" />
+        </radialGradient>
+        <radialGradient id="paint2_radial_585_3489" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(90.5 129) rotate(90) scale(129 90.5)">
+            <stop stop-color="#85DBD8" />
+            <stop offset="1" stop-color="#85DBD8" />
+        </radialGradient>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/src/routes/startups/(assets)/blob-pink-mobile.svg b/src/routes/startups/(assets)/blob-pink-mobile.svg
new file mode 100644
index 0000000000..37ad41d8a0
--- /dev/null
+++ b/src/routes/startups/(assets)/blob-pink-mobile.svg
@@ -0,0 +1,70 @@
+<svg width="1102" height="1211" viewBox="0 0 1102 1211" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g opacity="0.72">
+        <g opacity="0.4" filter="url(#filter0_f_585_3493)">
+            <path
+                d="M522.816 373.369C352.416 376.686 216.969 517.511 220.286 687.911C223.603 858.311 364.429 993.758 534.828 990.441C618.349 988.815 496.941 736.209 566.96 673.082C639.794 607.417 883.208 812.491 881.517 725.613C878.2 555.213 693.216 370.052 522.816 373.369Z"
+                fill="url(#paint0_radial_585_3493)" />
+        </g>
+        <g filter="url(#filter1_f_585_3493)">
+            <ellipse cx="176.531" cy="61.4052" rx="176.531" ry="61.4052"
+                transform="matrix(0.343044 -0.939319 -0.939319 -0.343044 483.305 769.779)"
+                fill="url(#paint1_radial_585_3493)" />
+        </g>
+        <g filter="url(#filter2_f_585_3493)">
+            <ellipse cx="145.376" cy="59.1366" rx="145.376" ry="59.1366"
+                transform="matrix(0.695149 0.718866 0.718866 -0.695149 415.918 455.019)"
+                fill="url(#paint2_radial_585_3493)" fill-opacity="0.5" />
+        </g>
+        <g filter="url(#filter3_f_585_3493)">
+            <ellipse cx="198.969" cy="177.07" rx="198.969" ry="177.07"
+                transform="matrix(0.343044 -0.939319 -0.939319 -0.343044 504.734 591.349)"
+                fill="url(#paint3_radial_585_3493)" />
+        </g>
+    </g>
+    <defs>
+        <filter id="filter0_f_585_3493" x="0.0474701" y="153.146" width="1101.66" height="1057.53"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="110.09" result="effect1_foregroundBlur_585_3493" />
+        </filter>
+        <filter id="filter1_f_585_3493" x="285.122" y="298.297" width="402.123" height="569.197"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="58.7144" result="effect1_foregroundBlur_585_3493" />
+        </filter>
+        <filter id="filter2_f_585_3493" x="347.074" y="303.336" width="424.829" height="430.162"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="51.3751" result="effect1_foregroundBlur_585_3493" />
+        </filter>
+        <filter id="filter3_f_585_3493" x="80.046" y="0.352386" width="653.236" height="686.716"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="73.393" result="effect1_foregroundBlur_585_3493" />
+        </filter>
+        <radialGradient id="paint0_radial_585_3493" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(528.822 681.905) rotate(178.885) scale(308.595 308.595)">
+            <stop offset="0.281696" stop-color="#FE9567" />
+            <stop offset="0.59375" stop-color="#FD366E" />
+        </radialGradient>
+        <radialGradient id="paint1_radial_585_3493" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(176.531 61.4052) rotate(90) scale(61.4052 176.531)">
+            <stop stop-color="#FE9567" />
+            <stop offset="1" stop-color="#FE9567" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint2_radial_585_3493" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(145.376 59.1366) rotate(90) scale(59.1366 145.376)">
+            <stop stop-color="#FE9567" />
+            <stop offset="1" stop-color="#FD366E" />
+        </radialGradient>
+        <radialGradient id="paint3_radial_585_3493" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(198.969 177.07) rotate(90) scale(177.07 198.969)">
+            <stop stop-color="#FE9567" />
+            <stop offset="1" stop-color="#FE9567" stop-opacity="0" />
+        </radialGradient>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/src/routes/startups/(assets)/blob-pink.svg b/src/routes/startups/(assets)/blob-pink.svg
new file mode 100644
index 0000000000..d00c8ae9d1
--- /dev/null
+++ b/src/routes/startups/(assets)/blob-pink.svg
@@ -0,0 +1,70 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="1502" height="1651" viewBox="0 0 1502 1651" fill="none">
+    <g opacity="0.72">
+        <g opacity="0.4" filter="url(#filter0_f_585_3483)">
+            <path
+                d="M713.019 509.213C480.845 513.733 296.294 705.611 300.814 937.785C305.333 1169.96 497.212 1354.51 729.386 1349.99C843.186 1347.78 677.763 1003.59 773.166 917.58C872.405 828.11 1204.06 1107.53 1201.76 989.155C1197.24 756.981 945.194 504.693 713.019 509.213Z"
+                fill="url(#paint0_radial_585_3483)" />
+        </g>
+        <g filter="url(#filter1_f_585_3483)">
+            <ellipse cx="240.528" cy="83.6662" rx="240.528" ry="83.6662"
+                transform="matrix(0.343044 -0.939319 -0.939319 -0.343044 659.176 1049.33)"
+                fill="url(#paint1_radial_585_3483)" />
+        </g>
+        <g filter="url(#filter2_f_585_3483)">
+            <ellipse cx="198.079" cy="80.5752" rx="198.079" ry="80.5752"
+                transform="matrix(0.695149 0.718866 0.718866 -0.695149 567.363 620.462)"
+                fill="url(#paint2_radial_585_3483)" fill-opacity="0.5" />
+        </g>
+        <g filter="url(#filter3_f_585_3483)">
+            <ellipse cx="271.101" cy="241.263" rx="271.101" ry="241.263"
+                transform="matrix(0.343044 -0.939319 -0.939319 -0.343044 688.383 806.215)"
+                fill="url(#paint3_radial_585_3483)" />
+        </g>
+    </g>
+    <defs>
+        <filter id="filter0_f_585_3483" x="0.734375" y="209.153" width="1501.04" height="1440.92"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="150" result="effect1_foregroundBlur_585_3483" />
+        </filter>
+        <filter id="filter1_f_585_3483" x="389.148" y="406.925" width="547.898" height="775.546"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="80" result="effect1_foregroundBlur_585_3483" />
+        </filter>
+        <filter id="filter2_f_585_3483" x="473.559" y="413.79" width="578.844" height="586.107"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="70" result="effect1_foregroundBlur_585_3483" />
+        </filter>
+        <filter id="filter3_f_585_3483" x="109.73" y="0.966309" width="890.055" height="935.669"
+            filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix" />
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" />
+            <feGaussianBlur stdDeviation="100" result="effect1_foregroundBlur_585_3483" />
+        </filter>
+        <radialGradient id="paint0_radial_585_3483" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(721.203 929.602) rotate(178.885) scale(420.468 420.468)">
+            <stop offset="0.281696" stop-color="#FE9567" />
+            <stop offset="0.59375" stop-color="#FD366E" />
+        </radialGradient>
+        <radialGradient id="paint1_radial_585_3483" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(240.528 83.6662) rotate(90) scale(83.6662 240.528)">
+            <stop stop-color="#FE9567" />
+            <stop offset="1" stop-color="#FE9567" stop-opacity="0" />
+        </radialGradient>
+        <radialGradient id="paint2_radial_585_3483" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(198.079 80.5752) rotate(90) scale(80.5752 198.079)">
+            <stop stop-color="#FE9567" />
+            <stop offset="1" stop-color="#FD366E" />
+        </radialGradient>
+        <radialGradient id="paint3_radial_585_3483" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse"
+            gradientTransform="translate(271.101 241.263) rotate(90) scale(241.263 271.101)">
+            <stop stop-color="#FE9567" />
+            <stop offset="1" stop-color="#FE9567" stop-opacity="0" />
+        </radialGradient>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/src/routes/startups/(assets)/project-timeline.avif b/src/routes/startups/(assets)/project-timeline.avif
new file mode 100644
index 0000000000..88a9ea7abc
Binary files /dev/null and b/src/routes/startups/(assets)/project-timeline.avif differ
diff --git a/src/routes/startups/(assets)/security-options.avif b/src/routes/startups/(assets)/security-options.avif
new file mode 100644
index 0000000000..d6b2dbac3e
Binary files /dev/null and b/src/routes/startups/(assets)/security-options.avif differ
diff --git a/src/routes/startups/(assets)/usage-graphs.avif b/src/routes/startups/(assets)/usage-graphs.avif
new file mode 100644
index 0000000000..64f8b32fd0
Binary files /dev/null and b/src/routes/startups/(assets)/usage-graphs.avif differ
diff --git a/src/routes/startups/+page.svelte b/src/routes/startups/+page.svelte
new file mode 100644
index 0000000000..cce0bdd403
--- /dev/null
+++ b/src/routes/startups/+page.svelte
@@ -0,0 +1,982 @@
+<script lang="ts">
+    import ProjectTimeline from './(assets)/project-timeline.avif';
+    import UsageGraphs from './(assets)/usage-graphs.avif';
+    import SecurityOptions from './(assets)/security-options.avif';
+
+    import BackgroundHero from './(assets)/bg-hero.svg';
+    import BackgroundLeft from './(assets)/bg-left.png';
+    import BackgroundRight from './(assets)/bg-right.png';
+    import BlobGreen from './(assets)/blob-green.svg';
+    import BlobPink from './(assets)/blob-pink.svg';
+    import BlobGreenMobile from './(assets)/blob-green-mobile.svg';
+    import BlobPinkMobile from './(assets)/blob-pink-mobile.svg';
+
+    import { Main } from '$lib/layouts';
+    import MainFooter from '$lib/components/MainFooter.svelte';
+    import FooterNav from '$lib/components/FooterNav.svelte';
+    import { TITLE_SUFFIX } from '$routes/titles';
+    import { DEFAULT_DESCRIPTION, DEFAULT_HOST } from '$lib/utils/metadata';
+
+    import { PUBLIC_GROWTH_ENDPOINT } from '$env/static/public';
+
+    const title = 'Startups' + TITLE_SUFFIX;
+    const description = DEFAULT_DESCRIPTION;
+    const ogImage = DEFAULT_HOST + '/images/open-graph/website.png';
+
+    const infiniteScroll = (node: HTMLElement) => {
+        if (window.matchMedia('prefers-reduced-motion').matches) return;
+        const content = node.querySelector('.inner') as HTMLElement;
+        content.innerHTML += content?.innerHTML;
+        node.dataset.animated = 'true';
+    };
+
+    let personName: string;
+    let personEmail: string;
+    let companyName: string;
+    let companyUrl: string;
+
+    let error: string | undefined;
+    let submitted = false;
+    let submitting = false;
+
+    function scrollToForm() {
+        const form = document.getElementById('form');
+        form?.scrollIntoView({ behavior: 'smooth' });
+    }
+
+    async function handleSubmit() {
+        error = undefined;
+        submitting = true;
+
+        const response = await fetch(`${PUBLIC_GROWTH_ENDPOINT}/conversations/startups`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json'
+            },
+            body: JSON.stringify({
+                personName,
+                personEmail,
+                companyName,
+                companyUrl: companyUrl.startsWith('http') ? companyUrl : `https://${companyUrl}`
+            })
+        });
+
+        submitting = false;
+
+        if (response.status >= 400) {
+            error =
+                response.status >= 500
+                    ? 'Internal server Error.'
+                    : 'Error submitting form. Please contact support.';
+            return;
+        }
+
+        submitted = true;
+    }
+
+    function resetForm() {
+        personName = '';
+        personEmail = '';
+        companyName = '';
+        companyUrl = '';
+        error = undefined;
+        submitted = false;
+    }
+
+    const testimonial = (name: string, handle: string, text: string, image: string) => {
+        return {
+            name,
+            handle,
+            text,
+            image: `/images/testimonials/${image}.png`
+        };
+    };
+
+    const mariusBolik = testimonial(
+        'Marius Bolik',
+        'CTO // mySHOEFITTER',
+        'Appwrite has been a tremendous asset in implementing our IT infrastructure. Not only is the software an absolute game-changer, but the team is always there when you need them.',
+        'marius-bolik'
+    );
+
+    const souvikSarkar = testimonial(
+        'Souvik Sarkar',
+        '@Jeet_2003',
+        'With its robust feature set and open-source nature, Appwrite is the perfect choice for developers who want to build secure and scalable applications.',
+        'souvik-sarkar'
+    );
+
+    const ryanOconner = testimonial(
+        "Ryan O'Conner",
+        'Founder // K-Collect',
+        "There's no struggling with writing backend code and working with databases, as that's already taken care of.",
+        'ryan-oconner'
+    );
+
+    const testimonials = [
+        souvikSarkar,
+        ryanOconner,
+        testimonial(
+            'Gilbert Gonzalez',
+            '@ggsotillo',
+            'We reduced 80% time-to-market of our apps using Appwrite.',
+            'gilbert-gonzalez'
+        ),
+        testimonial(
+            'Eddie Jaoude',
+            '@eddiejaoude',
+            'It is great you are delivering an awesome product that is Open Source as well as having a great community!',
+            'eddie-jaoude'
+        ),
+        testimonial(
+            'Diego Ferreyra',
+            '@diego_ferreyra1',
+            'Loving it. I’ve been a web developer for 20+ years and I’ve never gotten from 0 lines to actual useful coding so fast. 100% recommend.',
+            'diego-ferreyra'
+        ),
+        testimonial(
+            'Alejandro Morales',
+            '@alexparton',
+            "I just migrated a project from Firebase to Appwrite: Authentication, Users, Databases and Storage. And I can't be more in love with it.",
+            'alejandro-morales'
+        ),
+        mariusBolik
+    ];
+</script>
+
+<svelte:head>
+    <!-- Titles -->
+    <title>{title}</title>
+    <meta property="og:title" content={title} />
+    <meta name="twitter:title" content={title} />
+    <!-- Desscription -->
+    <meta name="description" content={description} />
+    <meta property="og:description" content={description} />
+    <meta name="twitter:description" content={description} />
+    <!-- Image -->
+    <meta property="og:image" content={ogImage} />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta name="twitter:image" content={ogImage} />
+    <meta name="twitter:card" content="summary_large_image" />
+</svelte:head>
+
+<Main>
+    <img
+        class="u-block u-position-absolute u-inset-inline-end-0 u-inset-block-start-0 u-margin-inline-auto u-inset-0"
+        src={BackgroundHero}
+        alt=""
+    />
+    <img
+        class="u-position-absolute u-inset-inline-start-0 u-inset-block-start-0 e-bg-left-mobile"
+        src={BackgroundLeft}
+        alt=""
+    />
+    <img
+        class="u-position-absolute u-inset-inline-end-0 u-inset-block-start-0 e-bg-right-mobile"
+        src={BackgroundRight}
+        alt=""
+    />
+    <div class="web-big-padding-section u-position-relative u-overflow-hidden">
+        <div class="web-big-padding-section-level-1 u-position-relative">
+            <div class="web-big-padding-section-level-2 e-u-margin-block-128-desktop">
+                <section class="web-container web-u-padding-block-end-0">
+                    <div
+                        class="web-hero"
+                        style="--hero-max-inline-size:49.375rem; --hero-gap:1.125rem;"
+                    >
+                        <h1 class="web-headline web-u-color-text-primary">
+                            Build your startup with Appwrite
+                        </h1>
+                        <p
+                            class="web-description web-u-max-width-640 u-margin-inline-auto e-u-padding-inline-32-desktop"
+                        >
+                            The Appwrite Startups Program supports your startup with a complete
+                            backend for you to build your products. Eligible startups receive
+                            Appwrite Cloud Pro for 12 months.
+                        </p>
+                        <button
+                            on:click={scrollToForm}
+                            class="web-button u-margin-inline-auto u-margin-block-start-12">
+                            Apply now
+                        </button>
+                    </div>
+                </section>
+            </div>
+
+            <div
+                class="web-big-padding-section-level-2 e-u-padding-block-start-48-mobile e-u-padding-block-start-80-desktop e-u-margin-block-end-80-mobile"
+            >
+                <section class="web-container">
+                    <ul class="u-flex web-u-flex-vertical-mobile web-u-gap-80 e-u-gap-64-mobile">
+                        <li
+                            class="u-flex-vertical u-cross-center u-gap-16 u-stretch u-max-width-350 u-margin-inline-auto"
+                        >
+                            <img
+                                src="/images/icons/gradients/backend.svg"
+                                width="48"
+                                height="48"
+                                alt=""
+                            />
+                            <div class="u-flex-vertical u-gap-8 u-text-center">
+                                <h2 class="web-label web-u-color-text-primary">Complete backend</h2>
+                                <p class="web-main-body-500">
+                                    Get access to Appwrite’s Pro plan and build your entire backend
+                                    with Appwrite.
+                                </p>
+                            </div>
+                        </li>
+                        <li
+                            class="u-flex-vertical u-cross-center u-gap-16 u-stretch u-max-width-350 u-margin-inline-auto"
+                        >
+                            <img
+                                src="/images/icons/gradients/cloud-credit.svg"
+                                width="48"
+                                height="48"
+                                alt=""
+                            />
+                            <div class="u-flex-vertical u-gap-8 u-text-center">
+                                <h2 class="web-label web-u-color-text-primary">Cloud credits</h2>
+                                <p class="web-main-body-500">
+                                    Get Appwrite Cloud Pro for 12 months and reduce risk at an early
+                                    stage.
+                                </p>
+                            </div>
+                        </li>
+                        <li
+                            class="u-flex-vertical u-cross-center u-gap-16 u-stretch u-max-width-350 u-margin-inline-auto"
+                        >
+                            <img
+                                src="/images/icons/gradients/support.svg"
+                                width="48"
+                                height="48"
+                                alt=""
+                            />
+                            <div class="u-flex-vertical u-gap-8 u-text-center">
+                                <h2 class="web-label web-u-color-text-primary">Premium support</h2>
+                                <p class="web-main-body-500">
+                                    Get community support and premium email support from the
+                                    Appwrite team.
+                                </p>
+                            </div>
+                        </li>
+                    </ul>
+                </section>
+            </div>
+        </div>
+
+        <div
+            class="web-big-padding-section-level-1 u-position-relative web-white-section theme-light"
+        >
+            <div class="web-big-padding-section-level-2 e-u-margin-block-start-80-mobile">
+                <div class="web-container">
+                    <div class="web-timeline-content">
+                        <ol class="web-timeline-content-list">
+                            <li>
+                                <div
+                                    class="web-timeline-content-item-top web-grid-1-1"
+                                    style="--grid-1-1-gap:2.5rem; --grid-1-1-gap-desktop:15rem;"
+                                >
+                                    <div class="u-flex-vertical u-gap-16">
+                                        <h3 class="web-title web-u-color-text-primary">
+                                            Ship faster
+                                        </h3>
+                                        <p class="web-main-body-500">
+                                            Utilizing Appwrite as your backend, you significantly
+                                            cut down the time and resources spent on building a
+                                            backend infrastructure from scratch. This means you can
+                                            get to quicker iterations and faster time-to-market,
+                                            directly addressing the challenge of finding
+                                            product-market fit sooner.
+                                        </p>
+                                    </div>
+                                    <div>
+                                        <div class="web-card is-white u-flex-vertical web-u-gap-20">
+                                            <p class="aw-sub-body-500">
+                                                The integrated user authentication and the ease of
+                                                creating data structures have undoubtedly saved us
+                                                several weeks' worth of time.
+                                            </p>
+                                            <div class="web-user-box">
+                                                <img
+                                                    class="web-user-box-image"
+                                                    src="/images/community/avatars/myshoefitter.png"
+                                                    alt="Avatar of Kap.ts"
+                                                    width="48"
+                                                    height="48"
+                                                />
+                                                <div class="web-user-box-name web-sub-body-500">
+                                                    Marius Bolik
+                                                </div>
+                                                <div class="web-user-box-username web-sub-body-400">
+                                                    CTO // mySHOEFITTER
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+
+                                <div
+                                    class="is-only-desktop"
+                                    style="margin-block-start:80px; margin-inline-start: -50px"
+                                >
+                                    <img alt="" src={ProjectTimeline} width="1250" />
+                                </div>
+
+                                <div
+                                    class="is-not-desktop"
+                                    style="min-inline-size: 700px; padding-block-start: 48px; margin-inline-start:-32px;"
+                                >
+                                    <img alt="" src={ProjectTimeline} />
+                                </div>
+                            </li>
+                            <li class="web-timeline-content-item">
+                                <div
+                                    class="web-grid-1-1"
+                                    style="--grid-1-1-gap:2.5rem; --grid-1-1-gap-desktop:6.5rem;"
+                                >
+                                    <div class="web-is-not-mobile">
+                                        <img alt="" src={UsageGraphs} />
+                                    </div>
+                                    <div class="u-flex-vertical u-gap-16 web-u-flex-basis-380">
+                                        <h3 class="web-title web-u-color-text-primary">
+                                            Scalable architecture
+                                        </h3>
+                                        <p class="web-main-body-500">
+                                            Appwrite's scalable architecture ensures you can build
+                                            your product with growth in mind. Whether you're just
+                                            testing the waters or ready to scale up rapidly, our
+                                            infrastructure seamlessly adjusts to your needs, easing
+                                            the transition through different stages of your business
+                                            growth.
+                                        </p>
+                                        <div
+                                            class="web-card is-white web-u-gap-20 web-u-margin-block-start-64 e-u-margin-block-start-16-mobile"
+                                        >
+                                            <p class="aw-sub-body-500">{ryanOconner.text}</p>
+                                            <div class="web-user-box">
+                                                <img
+                                                    class="web-user-box-image"
+                                                    src={ryanOconner.image}
+                                                    alt={`Avatar of ${ryanOconner.name}`}
+                                                    width="48"
+                                                    height="48"
+                                                />
+                                                <div class="web-user-box-name web-sub-body-500">
+                                                    {ryanOconner.name}
+                                                </div>
+                                                <div class="web-user-box-username web-sub-body-400">
+                                                    {ryanOconner.handle}
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                                <div class="web-is-only-mobile u-flex">
+                                    <img
+                                        class="u-block u-max-width-450 u-margin-inline-auto"
+                                        alt=""
+                                        src={UsageGraphs}
+                                    />
+                                </div>
+                            </li>
+                            <li class="web-timeline-content-item">
+                                <div
+                                    class="web-timeline-content-item-top web-grid-1-1"
+                                    style="--grid-1-1-gap: 2.5rem; --grid-1-1-gap-desktop: 6.5rem;"
+                                >
+                                    <div class="u-flex-vertical u-gap-16">
+                                        <h3 class="web-title web-u-color-text-primary">
+                                            Built-in security and compliance
+                                        </h3>
+                                        <p class="web-main-body-500">
+                                            Appwrite comes with built-in security features like
+                                            authentication, database security, and more, reducing
+                                            the time and effort you need to spend on securing your
+                                            application.
+                                        </p>
+                                        <div
+                                            class="web-card is-white u-flex-vertical web-u-gap-20 web-u-margin-block-start-64 e-u-margin-block-start-16-mobile"
+                                        >
+                                            <p class="aw-sub-body-500">{souvikSarkar.text}</p>
+                                            <div class="web-user-box">
+                                                <img
+                                                    class="web-user-box-image"
+                                                    src={souvikSarkar.image}
+                                                    alt={`Avatar of ${souvikSarkar.name}`}
+                                                    width="48"
+                                                    height="48"
+                                                />
+                                                <div class="web-user-box-name web-sub-body-500">
+                                                    {souvikSarkar.name}
+                                                </div>
+                                                <div class="web-user-box-username web-sub-body-400">
+                                                    {souvikSarkar.handle}
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+
+                                    <div class="web-is-not-desktop u-position-relative">
+                                        <img
+                                            class="u-block u-max-width-450 u-margin-inline-auto"
+                                            src={SecurityOptions}
+                                            alt=""
+                                            style="height:auto;"
+                                        />
+                                    </div>
+
+                                    <div
+                                        class="web-is-only-desktop u-position-relative u-overflow-hidden"
+                                    >
+                                        <div class="u-flex">
+                                            <img
+                                                src={SecurityOptions}
+                                                alt=""
+                                                class="u-margin-inline-start-auto"
+                                                style="width:500px; height:auto;"
+                                            />
+                                        </div>
+                                    </div>
+                                </div>
+                            </li>
+                            <li class="web-timeline-content-item">
+                                <div
+                                    class="web-timeline-content-item-top web-grid-1-1"
+                                    style="--grid-1-1-gap: 2.5rem; --grid-1-1-gap-desktop: 6.5rem;"
+                                >
+                                    <div
+                                        class="e-u-order-1-mobile e-u-margin-inline-auto-mobile u-width-full-line web-u-max-width-580"
+                                        style="margin-block: auto;"
+                                    >
+                                        <div
+                                            class="web-chat web-u-max-width-580 web-u-margin-block-start-40-mobile"
+                                        >
+                                            <ul class="web-chat-list">
+                                                <li class="web-chat-item is-user-a">
+                                                    <div class="web-chat-message">
+                                                        <div class="web-user-box">
+                                                            <img
+                                                                class="web-user-box-image"
+                                                                src="/images/community/avatars/6.avif"
+                                                                height="40"
+                                                                width="40"
+                                                                alt="Avatar of Teri"
+                                                            />
+                                                            <div
+                                                                class="web-user-box-name u-flex u-gap-8"
+                                                            >
+                                                                <span class="web-sub-body-500"
+                                                                    >Louis Baker</span
+                                                                >
+                                                                <time
+                                                                    class="web-caption-400 web-u-color-text-tertiary"
+                                                                    >8:32 AM</time
+                                                                >
+                                                            </div>
+                                                            <div
+                                                                class="web-user-box-content web-caption-400 web-u-color-text-primary"
+                                                            >
+                                                                Hello devs! I am getting a CORS
+                                                                error when sending a request to the
+                                                                backend. Can you help me?
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </li>
+                                                <li class="web-chat-item is-user-b">
+                                                    <div class="web-chat-message">
+                                                        <div class="web-user-box">
+                                                            <img
+                                                                class="web-user-box-image"
+                                                                src="/images/avatars/steven.avif"
+                                                                width="48"
+                                                                height="48"
+                                                                alt="Avatar of Teri"
+                                                            />
+                                                            <div
+                                                                class="web-user-box-name u-flex u-gap-8"
+                                                            >
+                                                                <span class="web-sub-body-500"
+                                                                    >Steven</span
+                                                                >
+                                                                <time
+                                                                    class="web-caption-400 web-u-color-text-tertiary"
+                                                                    >8:38 AM</time
+                                                                >
+                                                            </div>
+                                                            <div
+                                                                class="web-user-box-content web-caption-400 web-u-color-text-primary"
+                                                            >
+                                                                Hey Louis! Is this the message you
+                                                                get
+                                                                <a
+                                                                    class="web-link is-pink"
+                                                                    href="/blog/post/cors-error"
+                                                                    target="_blank"
+                                                                    >`Access blocked by CORS policy`</a
+                                                                >?
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </li>
+                                                <li class="web-chat-item is-user-a">
+                                                    <div class="web-chat-message">
+                                                        <div class="web-user-box">
+                                                            <img
+                                                                class="web-user-box-image"
+                                                                src="/images/community/avatars/6.avif"
+                                                                height="40"
+                                                                width="40"
+                                                                alt="Avatar of Teri"
+                                                            />
+                                                            <div
+                                                                class="web-user-box-name u-flex u-gap-8"
+                                                            >
+                                                                <span class="web-sub-body-500"
+                                                                    >Louis Baker</span
+                                                                >
+                                                                <time
+                                                                    class="web-caption-400 web-u-color-text-tertiary"
+                                                                    >9:05 AM</time
+                                                                >
+                                                            </div>
+                                                            <div
+                                                                class="web-user-box-content web-caption-400 web-u-color-text-primary"
+                                                            >
+                                                                Yes!
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </li>
+                                                <li class="web-chat-item is-user-b">
+                                                    <div class="web-chat-message">
+                                                        <div class="web-user-box">
+                                                            <img
+                                                                class="web-user-box-image"
+                                                                src="/images/avatars/steven.avif"
+                                                                width="48"
+                                                                height="48"
+                                                                alt="Avatar of Teri"
+                                                            />
+                                                            <div
+                                                                class="web-user-box-name u-flex u-gap-8"
+                                                            >
+                                                                <span class="web-sub-body-500"
+                                                                    >Steven</span
+                                                                >
+                                                                <time
+                                                                    class="web-caption-400 web-u-color-text-tertiary"
+                                                                    >8:38 AM</time
+                                                                >
+                                                            </div>
+                                                            <div
+                                                                class="web-user-box-content web-caption-400 web-u-color-text-primary"
+                                                            >
+                                                                You should be able to debug this
+                                                                with a few steps. Just follow this
+                                                                blog:
+                                                                <a
+                                                                    class="web-link is-pink"
+                                                                    href="/blog/post/cors-error"
+                                                                    target="_blank"
+                                                                    >/blog/post/cors-error</a
+                                                                >. Let me know if this helps 🙂
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
+                                    <div
+                                        class="u-flex-vertical u-gap-16 u-margin-inline-start-auto web-u-margin-inline-auto-mobile"
+                                    >
+                                        <h3 class="web-title web-u-color-text-primary">
+                                            Power of open source community
+                                        </h3>
+                                        <p class="web-main-body-500">
+                                            Join a growing community of developers and founders who
+                                            use Appwrite to build their products. Gain access to a
+                                            wealth of knowledge, support, and shared experiences to
+                                            help navigate the challenges of startup growth.
+                                        </p>
+                                        <div
+                                            class="web-card is-white web-u-gap-20 web-u-margin-block-start-64 e-u-margin-block-start-16-mobile"
+                                        >
+                                            <p class="aw-sub-body-500">{mariusBolik.text}</p>
+                                            <div class="web-user-box">
+                                                <img
+                                                    class="web-user-box-image"
+                                                    src={mariusBolik.image}
+                                                    alt={`avatar of ${mariusBolik.name}`}
+                                                    width="48"
+                                                    height="48"
+                                                />
+                                                <div class="web-user-box-name web-sub-body-500">
+                                                    {mariusBolik.name}
+                                                </div>
+                                                <div class="web-user-box-username web-sub-body-400">
+                                                    {mariusBolik.handle}
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </li>
+                        </ol>
+                    </div>
+                </div>
+            </div>
+
+            <div
+                class="web-big-padding-section-level-2 web-u-overflow-hidden e-u-margin-block-start-200-desktop e-u-margin-block-start-128-mobile"
+            >
+                <h4
+                    class="web-title web-u-color-text-primary u-text-center u-max-width-350 u-margin-inline-auto"
+                >
+                    Focus on building your product
+                </h4>
+                <div class="scroll-carousel" use:infiniteScroll>
+                    <ul class="inner u-gap-32">
+                        {#each testimonials as t}
+                            <li>
+                                <div
+                                    class="web-card is-white web-u-gap-20 web-u-margin-block-start-64 e-u-margin-block-start-48-mobile"
+                                    style="inline-size:23.625rem"
+                                >
+                                    <p class="aw-sub-body-500">{t.text}</p>
+                                    <div class="web-user-box">
+                                        <img
+                                            class="web-user-box-image"
+                                            src={t.image}
+                                            alt="Avatar of Kap.ts"
+                                            width="48"
+                                            height="48"
+                                        />
+                                        <div class="web-user-box-name web-sub-body-500">
+                                            {t.name}
+                                        </div>
+                                        <div class="web-user-box-username web-sub-body-400">
+                                            {t.handle}
+                                        </div>
+                                    </div>
+                                </div>
+                            </li>
+                        {/each}
+                    </ul>
+                </div>
+            </div>
+        </div>
+
+        <div id="form" class="web-big-padding-section-level-1 u-padding-0 u-overflow-hidden">
+            <div
+                class="web-big-padding-section-level-2 is-margin-replace-padding u-position-relative"
+            >
+                <div class="u-position-relative">
+                    <div class="web-big-padding-section-level-2">
+                        <div class="web-container u-position-relative">
+                            <img
+                                class="u-position-absolute is-only-desktop"
+                                style="inset-inline-end:-650px; inset-block-start:-200px; max-width:none; max-height:none;"
+                                src={BlobGreen}
+                                alt=""
+                            />
+                            <img
+                                class="u-position-absolute is-only-desktop"
+                                style="inset-inline-start:-1000px; inset-block-start:-800px; max-width:none; max-height:none;"
+                                src={BlobPink}
+                                alt=""
+                            />
+                            <img
+                                class="u-position-absolute is-only-mobile"
+                                style="inset-inline-end:-450px; inset-block-start:400px; max-width:none; max-height:none;"
+                                src={BlobGreenMobile}
+                                alt=""
+                            />
+                            <img
+                                class="u-position-absolute is-only-mobile"
+                                style="inset-inline-start:-700px; inset-block-start:-400px; max-width:none; max-height:none;"
+                                src={BlobPinkMobile}
+                                alt=""
+                            />
+
+                            <!-- before submit -->
+                            <div
+                                class="u-position-relative u-z-index-1 web-grid-1-1-opt-2 u-gap-32 e-u-row-gap-0"
+                            >
+                                <div>
+                                    <div
+                                        class="web-u-max-inline-size-none-mobile"
+                                        class:web-u-max-width-380={!submitted}
+                                    >
+                                        <section class="u-flex-vertical web-u-gap-20">
+                                            <h4 class="web-title web-u-color-text-primary">
+                                                Join the Appwrite Startups program
+                                            </h4>
+                                            <p class="web-description">
+                                                We support VC backed startups that have been
+                                                established within the last decade with:
+                                            </p>
+
+                                            <div class="u-flex-vertical u-gap-12">
+                                                <div class="u-flex u-gap-16">
+                                                    <div
+                                                        class="web-check-bullet u-margin-block-start-4"
+                                                    ></div>
+                                                    <p class="web-description">
+                                                        Appwrite Cloud Pro for 12 months
+                                                    </p>
+                                                </div>
+                                                <div class="u-flex u-gap-16">
+                                                    <div
+                                                        class="web-check-bullet u-margin-block-start-4"
+                                                    ></div>
+                                                    <p class="web-description">
+                                                        Premium email support as part of Pro
+                                                    </p>
+                                                </div>
+                                            </div>
+                                        </section>
+                                        <div
+                                            class="web-is-only-mobile web-u-margin-block-start-40 web-u-padding-block-start-40 web-u-sep-block-start"
+                                        />
+                                    </div>
+                                </div>
+                                {#if submitted}
+                                    <div
+                                        class="u-position-relative u-z-index-1 u-flex-vertical u-gap-8 u-text-center web-u-max-width-380 web-u-max-inline-size-none-mobile u-margin-inline-auto"
+                                    >
+                                        <h6
+                                            class="web-label u-flex u-main-center u-cross-center u-gap-8 e-mobile-fix-1"
+                                        >
+                                            <img
+                                                class="u-flex-shrink-0"
+                                                src="/images/icons/colored/check.svg"
+                                                alt=""
+                                            />
+                                            <span class="web-u-color-text-primary"
+                                                >Thank you for your submission</span
+                                            >
+                                        </h6>
+                                        <p class="web-main-body-400">
+                                            Our team will review your application and get back to
+                                            you soon.
+                                        </p>
+                                        <button
+                                            on:click={resetForm}
+                                            class="web-button is-secondary is-full-width-mobile u-block u-margin-inline-auto u-margin-block-start-16"
+                                            >Back to form</button
+                                        >
+                                    </div>
+                                {:else}
+                                    <form
+                                        method="post"
+                                        on:submit|preventDefault={handleSubmit}
+                                        class="u-flex-vertical u-gap-16"
+                                    >
+                                        <div class="u-flex u-main-end">
+                                            <ul
+                                                class="web-form-list is-two-columns u-gap-16 u-width-full-line web-u-max-width-580 web-u-max-inline-size-none-mobile"
+                                            >
+                                                <li class="web-form-item u-flex-vertical u-gap-4">
+                                                    <div class="u-block">Full name</div>
+                                                    <input
+                                                        required
+                                                        class="web-input-text"
+                                                        type="text"
+                                                        placeholder="Enter full name"
+                                                        aria-label="Full name"
+                                                        bind:value={personName}
+                                                    />
+                                                </li>
+                                                <li class="web-form-item u-flex-vertical u-gap-4">
+                                                    <div class="u-block">Email address</div>
+                                                    <input
+                                                        required
+                                                        class="web-input-text"
+                                                        type="email"
+                                                        placeholder="Enter email address"
+                                                        aria-label="Email address"
+                                                        bind:value={personEmail}
+                                                    />
+                                                </li>
+                                                <li
+                                                    class="web-form-item is-column-span-2 u-flex-vertical u-gap-4"
+                                                >
+                                                    <div class="u-block">Company name</div>
+                                                    <input
+                                                        required
+                                                        class="web-input-text"
+                                                        type="text"
+                                                        name="company"
+                                                        placeholder="Enter company name"
+                                                        aria-label="Company name"
+                                                        bind:value={companyName}
+                                                    />
+                                                </li>
+                                                <li
+                                                    class="web-form-item is-column-span-2 u-flex-vertical u-gap-4"
+                                                >
+                                                    <div class="u-block">Company website</div>
+                                                    <input
+                                                        required
+                                                        class="web-input-text"
+                                                        type="text"
+                                                        name="company-website"
+                                                        placeholder="Enter company website"
+                                                        aria-label="Company website"
+                                                        bind:value={companyUrl}
+                                                    />
+                                                </li>
+                                            </ul>
+                                        </div>
+                                        <div
+                                            class="u-flex u-gap-16 u-main-space-between web-u-flex-vertical-reverse-mobile"
+                                        >
+                                            <p class="web-caption-400 web-u-max-width-380">
+                                                {#if error}
+                                                    {error}
+                                                {/if}
+                                            </p>
+                                            <button
+                                                type="submit"
+                                                class="web-button u-cross-child-center web-u-inline-width-100-percent-mobile-break1"
+                                            >
+                                                <span>Apply</span>
+                                            </button>
+                                        </div>
+                                    </form>
+                                {/if}
+                            </div>
+                        </div>
+                    </div>
+                    <div class="web-container">
+                        <FooterNav />
+                        <MainFooter />
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</Main>
+
+<style lang="scss">
+    @use '$scss/abstract/mixins/border-gradient' as gradients;
+    @use '$scss/abstract/variables/devices' as devices;
+
+    @keyframes scroll {
+        to {
+            transform: translate(calc(-50% - 1rem));
+        }
+    }
+    .scroll-carousel {
+        display: flex;
+        width: 100%;
+        overflow: auto;
+
+        .inner {
+            padding-inline: 4rem;
+
+            display: flex;
+            gap: 2rem;
+            flex-shrink: 0;
+
+            > * {
+                flex-shrink: 0;
+                scroll-snap-align: start;
+            } /* items */
+        }
+    }
+    :global([data-animated]).scroll-carousel {
+        overflow: hidden;
+
+        .inner {
+            padding-inline: 0;
+            animation: scroll 40s linear infinite;
+        }
+    }
+
+    @media #{devices.$break1} {
+        .web-grid-1-1 {
+            display: flex;
+            flex-direction: column;
+            gap: 32px;
+        }
+        .web-hero .web-description {
+            margin-block-start: 0;
+        }
+        .e-u-padding-block-start-48-mobile {
+            padding-block-start: 3rem;
+        }
+        .e-u-gap-64-mobile {
+            gap: 4rem;
+        }
+        .e-u-margin-block-end-80-mobile {
+            margin-block-end: 5rem;
+        }
+        .e-u-margin-block-start-80-mobile {
+            margin-block-start: 5rem;
+        }
+        .e-u-margin-block-start-16-mobile {
+            margin-block-start: 1rem;
+        }
+        .e-u-margin-block-start-48-mobile {
+            margin-block-start: 3rem;
+        }
+        .e-u-row-gap-0 {
+            row-gap: 0;
+        }
+        .e-u-order-1-mobile {
+            order: 1;
+        }
+        .e-u-margin-inline-auto-mobile {
+            margin-inline: auto;
+        }
+        .e-u-margin-block-start-128-mobile {
+            margin-block-start: 8rem;
+        }
+        .e-bg-left-mobile {
+            width: 300px;
+            height: auto;
+            inset-inline-start: 0; /*transform:translateX(-50px);*/
+            inset-block-start: 50px;
+            opacity: 0.4;
+        }
+        .e-bg-right-mobile {
+            width: 300px;
+            height: auto;
+            inset-inline-end: 0; /*transform:translateX(50px);*/
+            inset-block-start: 100px;
+            opacity: 0.4;
+        }
+    }
+    @media #{devices.$break1} {
+        .e-mobile-fix-1 {
+            display: block;
+        }
+    }
+
+    @media #{devices.$break2open} {
+        .web-grid-1-1 {
+            display: grid;
+            grid-template-columns: 1fr 1fr;
+        }
+    }
+
+    /* from 1280px and bugger */
+    @media #{devices.$break3open} {
+        .e-u-padding-block-start-80-desktop {
+            padding-block-start: 5rem;
+        }
+        .e-u-margin-block-128-desktop {
+            margin-block: 8rem;
+        }
+        .e-u-padding-inline-32-desktop {
+            padding-inline: 2rem;
+        }
+        .e-u-margin-block-start-200-desktop {
+            margin-block-start: 12.5rem;
+        }
+    }
+</style>
diff --git a/src/routes/startups/careers/+page.ts b/src/routes/startups/careers/+page.ts
new file mode 100644
index 0000000000..d4b0c569f5
--- /dev/null
+++ b/src/routes/startups/careers/+page.ts
@@ -0,0 +1,5 @@
+import { redirect } from '@sveltejs/kit';
+
+export const load = async () => {
+    redirect(301, 'https://appwrite.careers');
+};
diff --git a/src/scss/2-resets/_typography.scss b/src/scss/2-resets/_typography.scss
index 9c20e89891..e408d26dcf 100644
--- a/src/scss/2-resets/_typography.scss
+++ b/src/scss/2-resets/_typography.scss
@@ -24,4 +24,4 @@ body {
 ::selection {
 	color: hsl(var(--web-color-black)); -webkit-text-fill-color: hsl(var(--web-color-black));
 	background-color: hsl(var(--web-color-mint-500)); background-clip:revert; -webkit-background-clip:revert;
-}
\ No newline at end of file
+}
diff --git a/src/scss/6-elements/_check-bullet.scss b/src/scss/6-elements/_check-bullet.scss
new file mode 100644
index 0000000000..483153d149
--- /dev/null
+++ b/src/scss/6-elements/_check-bullet.scss
@@ -0,0 +1,14 @@
+@use '../abstract' as *;
+
+.#{$p}-check-bullet {
+  display:flex; align-items:center; justify-content:center; flex-shrink:0;
+  inline-size:pxToRem(18); block-size:pxToRem(18);
+  background-color:hsl(var(--web-color-pink-500) / 0.08);
+  border:solid pxToRem(1) hsl(var(--web-color-pink-500) / 0.32); border-radius:50%;
+  &::before {
+    /* 'v' icon */
+    content:""; display:block; inline-size:pxToRem(10); block-size:pxToRem(10);
+    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOSIgdmlld0JveD0iMCAwIDEwIDkiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xLjI1IDUuNUwzLjc1IDcuNUw4Ljc1IDEiIHN0cm9rZT0iI0U0RTRFNyIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K");
+    background-repeat:no-repeat; background-position:center center;
+  }
+}
\ No newline at end of file
diff --git a/src/scss/6-elements/_index.scss b/src/scss/6-elements/_index.scss
index f5be36d828..f5402cf449 100644
--- a/src/scss/6-elements/_index.scss
+++ b/src/scss/6-elements/_index.scss
@@ -25,6 +25,7 @@
 @forward "gradient-text";
 @forward "mini-card";
 @forward "tooltip";
+@forward "check-bullet";
 
 /* form */
 @forward "button";
diff --git a/src/scss/6-elements/_link.scss b/src/scss/6-elements/_link.scss
index b5e2e146e7..3de9643e89 100644
--- a/src/scss/6-elements/_link.scss
+++ b/src/scss/6-elements/_link.scss
@@ -22,5 +22,6 @@
 
   &.is-inline { text-decoration:underline; }
   &.is-secondary { --p-link-color-text-default: var(--web-color-secondary); }
+  &.is-pink { --p-link-color-text-default: var(--web-color-accent); }
 }
 
diff --git a/src/scss/7-components/_chat.scss b/src/scss/7-components/_chat.scss
new file mode 100644
index 0000000000..8825c8850f
--- /dev/null
+++ b/src/scss/7-components/_chat.scss
@@ -0,0 +1,45 @@
+@use '../abstract' as *;
+.#{$p}-chat {
+  &-list    { display:flex; flex-direction:column; gap:pxToRem(20); }
+  &-message {
+    position:         relative;
+    padding:          pxToRem(12);
+    max-inline-size:  pxToRem(380);
+    border-radius:    var(--border-radius-medium);
+    background:       hsl(0 0% 99%);
+    backdrop-filter:  blur(#{pxToRem(10)});
+    &::before {
+      position:absolute; inset-inline-start:pxToRem(23); inset-block-start:calc(100%);
+      content:""; display:block; inline-size:pxToRem(23); block-size:pxToRem(16); background-color:inherit;
+      clip-path: polygon(50% 100%, 0 0, 100% 0);
+    }
+    &::after {
+      position:absolute;   inset-inline-start:pxToRem(24); inset-block-start:100%;
+      content:""; display:block; inline-size:pxToRem(21); block-size:pxToRem(15); background-color:inherit;
+      clip-path: polygon(50% 100%, 0 0, 100% 0);
+    }
+    @media #{$break1} {
+      
+    }
+  }
+
+  /* user 'b' messages */
+  &-item    {
+    &.is-user-b {
+      align-self:end;
+      .#{$p}-chat {
+        &-message {
+          background-color: hsl(calc(var(--web-color-pink-hue) - 13) 26% 91%);
+          border: solid pxToRem(1) hsl(calc(var(--web-color-pink-hue) - 3) 62% 86%);
+          &::before {
+            inset-inline-end:pxToRem(23); inset-inline-start:auto;
+            background-color:hsl(calc(var(--web-color-pink-hue) - 3) 62% 86%);
+          }
+          &::after {
+            inset-inline-end:pxToRem(24); inset-inline-start:auto;
+          }
+        }
+      }
+    }
+  }
+}
\ No newline at end of file
diff --git a/src/scss/7-components/_index.scss b/src/scss/7-components/_index.scss
index 2f2d7d3103..045c5729a6 100644
--- a/src/scss/7-components/_index.scss
+++ b/src/scss/7-components/_index.scss
@@ -24,6 +24,7 @@
 @forward "top-banner";
 @forward "timeline-content";
 @forward "investor-cards";
+@forward "chat";
 
 /*article content */
 @forward "article";
diff --git a/src/scss/7-components/_timeline-content.scss b/src/scss/7-components/_timeline-content.scss
index 6522280417..f732ce6ada 100644
--- a/src/scss/7-components/_timeline-content.scss
+++ b/src/scss/7-components/_timeline-content.scss
@@ -4,11 +4,10 @@
   &-list {
     display:flex; flex-direction:column;
     @media #{$break1} { gap:pxToRem(68); }
-    @media #{$break2open} { gap:pxToRem(180); }
+    @media #{$break2open} { gap:pxToRem(200); }
   }
   &-item {
-    display:flex; flex-direction:column; gap:pxToRem(180);
-    &-top {}
+    display:flex; flex-direction:column; gap:pxToRem(180); row-gap:pxToRem(64);
     &-bottom {
       @media #{$break1} { display:none; }
     }
diff --git a/src/scss/_10-utilities.scss b/src/scss/_10-utilities.scss
index e447cfd326..05e8d6a254 100644
--- a/src/scss/_10-utilities.scss
+++ b/src/scss/_10-utilities.scss
@@ -75,6 +75,7 @@
 .#{$p}-u-max-width-580              { max-inline-size:pxToRem(580); }
 .#{$p}-u-max-width-600              { max-inline-size:pxToRem(600); }
 .#{$p}-u-max-width-610              { max-inline-size:pxToRem(610); }
+.#{$p}-u-max-width-640              { max-inline-size:pxToRem(640); }
 .#{$p}-u-max-width-680              { max-inline-size:pxToRem(680); }
 .#{$p}-u-max-width-700              { max-inline-size:pxToRem(700); }
 .#{$p}-u-max-width-800              { max-inline-size:pxToRem(800); }
@@ -122,6 +123,7 @@
 .#{$p}-u-margin-block-end-32        { margin-block-end:pxToRem(32); }
 
 .#{$p}-u-margin-inline-start-48     { margin-inline-start:pxToRem(48); }
+.#{$p}-u-margin-inline-end-12       { margin-inline-end:pxToRem(12); }
 
 .#{$p}-u-text-color-primary-500     { color:hsl(var(--web-color-pink-500));   }
 .#{$p}-u-text-color-secondary-100   { color:hsl(var(--web-color-secondary-100)); }
@@ -151,6 +153,7 @@
 .#{$p}-u-flex-direction-column-mobile { @media #{$break1} { flex-direction:column; } }
 .#{$p}-u-flex-basis-200             { flex-basis:pxToRem(200); }
 .#{$p}-u-flex-basis-300             { flex-basis:pxToRem(300); }
+.#{$p}-u-flex-basis-380             { flex-basis:pxToRem(380); }
 .#{$p}-u-flex-basis-400             { flex-basis:pxToRem(400); }
 .#{$p}-u-translate-x-negative        { transform:translateX(-100%); }
 
diff --git a/static/images/avatars/steven.avif b/static/images/avatars/steven.avif
new file mode 100644
index 0000000000..da682f880b
Binary files /dev/null and b/static/images/avatars/steven.avif differ
diff --git a/static/images/community/avatars/1.avif b/static/images/community/avatars/1.avif
new file mode 100644
index 0000000000..ce0bc7a404
Binary files /dev/null and b/static/images/community/avatars/1.avif differ
diff --git a/static/images/community/avatars/2.avif b/static/images/community/avatars/2.avif
new file mode 100644
index 0000000000..563e254393
Binary files /dev/null and b/static/images/community/avatars/2.avif differ
diff --git a/static/images/community/avatars/3.avif b/static/images/community/avatars/3.avif
new file mode 100644
index 0000000000..c2b71d08d9
Binary files /dev/null and b/static/images/community/avatars/3.avif differ
diff --git a/static/images/community/avatars/4.avif b/static/images/community/avatars/4.avif
new file mode 100644
index 0000000000..0909a01c85
Binary files /dev/null and b/static/images/community/avatars/4.avif differ
diff --git a/static/images/community/avatars/5.avif b/static/images/community/avatars/5.avif
new file mode 100644
index 0000000000..80db8c775f
Binary files /dev/null and b/static/images/community/avatars/5.avif differ
diff --git a/static/images/community/avatars/6.avif b/static/images/community/avatars/6.avif
new file mode 100644
index 0000000000..5924af4390
Binary files /dev/null and b/static/images/community/avatars/6.avif differ
diff --git a/static/images/community/avatars/myshoefitter.png b/static/images/community/avatars/myshoefitter.png
new file mode 100644
index 0000000000..ce5189b590
Binary files /dev/null and b/static/images/community/avatars/myshoefitter.png differ
diff --git a/static/images/icons/gradients/backend.svg b/static/images/icons/gradients/backend.svg
new file mode 100644
index 0000000000..eb616ab598
--- /dev/null
+++ b/static/images/icons/gradients/backend.svg
@@ -0,0 +1,14 @@
+<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M40.7992 36.2001V11.8C40.7992 9.59091 39.0084 7.80005 36.7992 7.80005H11.1992C8.99008 7.80005 7.19922 9.59091 7.19922 11.8V36.2001C7.19922 38.4092 8.99008 40.2001 11.1992 40.2001H36.7992C39.0084 40.2001 40.7992 38.4092 40.7992 36.2001Z" fill="url(#paint0_linear_516_3287)" stroke="#FD366E" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+<ellipse cx="13.2" cy="34.8" rx="1.2" ry="1.2" fill="#E4E4E7"/>
+<ellipse cx="13.2" cy="24" rx="1.2" ry="1.2" fill="#E4E4E7"/>
+<circle cx="13.2" cy="13.2" r="1.2" fill="#E4E4E7"/>
+<path d="M40.5 18.3H7" stroke="#FD366E" stroke-width="1.2"/>
+<path d="M40.5 29.5H7" stroke="#FD366E" stroke-width="1.2"/>
+<defs>
+<linearGradient id="paint0_linear_516_3287" x1="24.0014" y1="7.43187" x2="24.0014" y2="40.5682" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FD366E" stop-opacity="0"/>
+<stop offset="1" stop-color="#FD366E" stop-opacity="0.4"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/static/images/icons/gradients/cloud-credit.svg b/static/images/icons/gradients/cloud-credit.svg
new file mode 100644
index 0000000000..e77eddd17c
--- /dev/null
+++ b/static/images/icons/gradients/cloud-credit.svg
@@ -0,0 +1,10 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none">
+    <path d="M20.5116 6.85453C22.0082 5.03599 24.7926 5.03599 26.2892 6.85453L27.2536 8.02636C28.2992 9.29695 29.9088 9.96365 31.5466 9.80459L33.0571 9.65789C35.4013 9.43023 37.3702 11.3992 37.1425 13.7433L36.9958 15.2538C36.8368 16.8916 37.5035 18.5012 38.7741 19.5468L39.9459 20.5112C41.7644 22.0078 41.7644 24.7923 39.9459 26.2888L38.7741 27.2532C37.5035 28.2989 36.8368 29.9084 36.9958 31.5462L37.1425 33.0568C37.3702 35.4009 35.4013 37.3698 33.0571 37.1422L31.5466 36.9955C29.9088 36.8364 28.2992 37.5031 27.2536 38.7737L26.2892 39.9455C24.7926 41.7641 22.0082 41.7641 20.5116 39.9455L19.5472 38.7737C18.5016 37.5031 16.892 36.8364 15.2542 36.9955L13.7437 37.1422C11.3995 37.3698 9.4306 35.4009 9.65826 33.0568L9.80495 31.5462C9.96402 29.9084 9.29732 28.2989 8.02672 27.2532L6.8549 26.2888C5.03636 24.7923 5.03636 22.0078 6.8549 20.5112L8.02672 19.5468C9.29732 18.5012 9.96402 16.8916 9.80495 15.2538L9.65826 13.7433C9.4306 11.3991 11.3995 9.43023 13.7437 9.65789L15.2542 9.80459C16.892 9.96365 18.5016 9.29695 19.5472 8.02635L20.5116 6.85453Z" fill="url(#paint0_linear_277_6494)" stroke="#FD366E" stroke-width="1.2"/>
+    <path d="M18 24L21.6 27.6L28.8 20.4" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+    <defs>
+        <linearGradient id="paint0_linear_277_6494" x1="23.4004" y1="2.40002" x2="23.4004" y2="44.4" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FD366E" stop-opacity="0"/>
+            <stop offset="1" stop-color="#FD366E" stop-opacity="0.4"/>
+        </linearGradient>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/static/images/icons/gradients/support.svg b/static/images/icons/gradients/support.svg
new file mode 100644
index 0000000000..316c9222a6
--- /dev/null
+++ b/static/images/icons/gradients/support.svg
@@ -0,0 +1,16 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="49" height="48" viewBox="0 0 49 48" fill="none">
+    <path d="M9.66875 27.6V23.4H7.26875C5.6119 23.4 4.26875 22.0569 4.26875 20.4V7.80005C4.26875 6.14319 5.6119 4.80005 7.26875 4.80005H26.4688C28.1256 4.80005 29.4688 6.14319 29.4688 7.80005V20.4H23.0999C21.8731 20.4 20.77 21.1469 20.3144 22.2859L19.8688 23.4H15.0688L9.66875 27.6Z" fill="url(#paint0_linear_321_2153)"/>
+    <path d="M9.66875 23.4V22.8H10.2688V23.4H9.66875ZM9.66875 27.6L10.0371 28.0737C9.85623 28.2144 9.611 28.2397 9.40514 28.139C9.19928 28.0384 9.06875 27.8292 9.06875 27.6H9.66875ZM15.0688 23.4L14.7004 22.9264L14.8629 22.8H15.0688V23.4ZM19.8688 23.4L20.4258 23.6229L20.275 24H19.8688V23.4ZM29.4688 20.4H30.0688V21H29.4688V20.4ZM20.3144 22.2859L20.8715 22.5087L20.8715 22.5087L20.3144 22.2859ZM10.2688 23.4V27.6H9.06875V23.4H10.2688ZM9.30039 27.1264L14.7004 22.9264L15.4371 23.8737L10.0371 28.0737L9.30039 27.1264ZM26.4688 5.40005H7.26875V4.20005H26.4688V5.40005ZM4.86875 7.80005V20.4H3.66875V7.80005H4.86875ZM7.26875 22.8H9.66875V24H7.26875V22.8ZM15.0688 22.8H19.8688V24H15.0688V22.8ZM28.8687 20.4V7.80005H30.0688V20.4H28.8687ZM29.4688 21H23.0999V19.8H29.4688V21ZM20.8715 22.5087L20.4258 23.6229L19.3117 23.1772L19.7573 22.063L20.8715 22.5087ZM4.86875 20.4C4.86875 21.7255 5.94327 22.8 7.26875 22.8V24C5.28053 24 3.66875 22.3883 3.66875 20.4H4.86875ZM7.26875 5.40005C5.94327 5.40005 4.86875 6.47457 4.86875 7.80005H3.66875C3.66875 5.81182 5.28053 4.20005 7.26875 4.20005V5.40005ZM23.0999 21C22.1185 21 21.236 21.5975 20.8715 22.5087L19.7573 22.063C20.304 20.6963 21.6278 19.8 23.0999 19.8V21ZM26.4688 4.20005C28.457 4.20005 30.0688 5.81182 30.0688 7.80005H28.8687C28.8687 6.47456 27.7942 5.40005 26.4688 5.40005V4.20005Z" fill="white"/>
+    <path d="M39.6672 43.2V39H42.0672C43.724 39 45.0672 37.6569 45.0672 36V23.4C45.0672 21.7432 43.724 20.4 42.0672 20.4H22.8672C21.2103 20.4 19.8672 21.7432 19.8672 23.4V36C19.8672 37.6569 21.2103 39 22.8672 39H34.2672L39.6672 43.2Z" fill="url(#paint1_linear_321_2153)"/>
+    <path d="M39.6672 39V38.4H39.0672V39H39.6672ZM39.6672 43.2L39.2988 43.6736C39.4797 43.8143 39.7249 43.8397 39.9308 43.739C40.1367 43.6383 40.2672 43.4292 40.2672 43.2H39.6672ZM34.2672 39L34.6356 38.5264L34.4731 38.4H34.2672V39ZM39.0672 39V43.2H40.2672V39H39.0672ZM40.0356 42.7264L34.6356 38.5264L33.8988 39.4736L39.2988 43.6736L40.0356 42.7264ZM34.2672 38.4H22.8672V39.6H34.2672V38.4ZM20.4672 36V23.4H19.2672V36H20.4672ZM22.8672 21H42.0672V19.8H22.8672V21ZM44.4672 23.4V36H45.6672V23.4H44.4672ZM42.0672 38.4H39.6672V39.6H42.0672V38.4ZM44.4672 36C44.4672 37.3255 43.3927 38.4 42.0672 38.4V39.6C44.0554 39.6 45.6672 37.9882 45.6672 36H44.4672ZM42.0672 21C43.3927 21 44.4672 22.0745 44.4672 23.4H45.6672C45.6672 21.4118 44.0554 19.8 42.0672 19.8V21ZM20.4672 23.4C20.4672 22.0745 21.5417 21 22.8672 21V19.8C20.879 19.8 19.2672 21.4118 19.2672 23.4H20.4672ZM22.8672 38.4C21.5417 38.4 20.4672 37.3255 20.4672 36H19.2672C19.2672 37.9883 20.879 39.6 22.8672 39.6V38.4Z" fill="#FD366E"/>
+    <defs>
+        <linearGradient id="paint0_linear_321_2153" x1="16.8688" y1="4.80005" x2="16.8688" y2="27.6" gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0"/>
+            <stop offset="1" stop-color="white" stop-opacity="0.4"/>
+        </linearGradient>
+        <linearGradient id="paint1_linear_321_2153" x1="32.4672" y1="20.4" x2="32.4672" y2="43.2" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FD366E" stop-opacity="0"/>
+            <stop offset="1" stop-color="#FD366E" stop-opacity="0.4"/>
+        </linearGradient>
+    </defs>
+</svg>
\ No newline at end of file
diff --git a/static/images/testimonials/alejandro-morales.png b/static/images/testimonials/alejandro-morales.png
new file mode 100644
index 0000000000..8fb5277c49
Binary files /dev/null and b/static/images/testimonials/alejandro-morales.png differ
diff --git a/static/images/testimonials/diego-ferreyra.png b/static/images/testimonials/diego-ferreyra.png
new file mode 100644
index 0000000000..5e11a20baa
Binary files /dev/null and b/static/images/testimonials/diego-ferreyra.png differ
diff --git a/static/images/testimonials/eddie-jaoude.png b/static/images/testimonials/eddie-jaoude.png
new file mode 100644
index 0000000000..e56138d40f
Binary files /dev/null and b/static/images/testimonials/eddie-jaoude.png differ
diff --git a/static/images/testimonials/gilbert-gonzalez.png b/static/images/testimonials/gilbert-gonzalez.png
new file mode 100644
index 0000000000..fa7ecfb650
Binary files /dev/null and b/static/images/testimonials/gilbert-gonzalez.png differ
diff --git a/static/images/testimonials/marius-bolik.png b/static/images/testimonials/marius-bolik.png
new file mode 100644
index 0000000000..39f8114b3d
Binary files /dev/null and b/static/images/testimonials/marius-bolik.png differ
diff --git a/static/images/testimonials/ryan-oconner.png b/static/images/testimonials/ryan-oconner.png
new file mode 100644
index 0000000000..c97f2e41fa
Binary files /dev/null and b/static/images/testimonials/ryan-oconner.png differ
diff --git a/static/images/testimonials/souvik-sarkar.png b/static/images/testimonials/souvik-sarkar.png
new file mode 100644
index 0000000000..277125ebcb
Binary files /dev/null and b/static/images/testimonials/souvik-sarkar.png differ