complete content

apps/typegpu-docs/src/components/Backlog.astro

@@ -16,7 +16,7 @@ import for_libraries from "../assets/hero/for_libraries.svg";
         <Image
           src={for_libraries}
           alt="For libraries icon"
-          class="w-5 h-5 text-slate-500 dark:text-white"
+          class="w-5 h-5 fill-black"
         />
       </div>
     </div>
@@ -48,7 +48,7 @@ import for_libraries from "../assets/hero/for_libraries.svg";
         <Image
           src={as_a_puzzle_piece}
           alt="As a puzzle piece icon"
-          class="w-5 h-5 text-slate-500 dark:text-white"
+          class="w-5 h-5 fill-black"
         />
       </div>
     </div>
@@ -79,7 +79,7 @@ import for_libraries from "../assets/hero/for_libraries.svg";
         <Image
           src={as_a_foundation}
           alt="As a foundation icon"
-          class="w-5 h-5"
+          class="w-5 h-5 fill-black"
         />
       </div>
     </div>

apps/typegpu-docs/src/components/TgpuExamples.astro

@@ -54,7 +54,7 @@ const galleryItems = [
 						{item.title}
 					</span>
 					<a
-						href={`./examples/#example=${item.exampleKey}`}
+						href={`/TypeGPU/examples/#example=${item.exampleKey}`}
 						aria-label="Open examples list"
 						class="flex items-center"
 					>

apps/typegpu-docs/src/components/Videos.astro

@@ -2,8 +2,6 @@
 import YoutubeSvg from "../assets/youtube.svg";
 ---
 
-
-
 <div
 	class="grid lg:grid-cols-2 grid-cols-1 lg:grid-rows-3 grid-rows-1 gap-5 relative"
 >
@@ -18,8 +16,7 @@ import YoutubeSvg from "../assets/youtube.svg";
 				loading="lazy"
 			/>
 			<span
-				>TypeGPU: enhance your WebGPU project with type-safe API & new
-				way of writing shaders</span
+				>Iwo Plaza – Your GPU is a JavaScript runtime* (TypeGPU deep-dive)</span
 			>
 		</div>
 		<iframe
@@ -44,8 +41,7 @@ import YoutubeSvg from "../assets/youtube.svg";
 				loading="lazy"
 			/>
 			<span
-				>TypeGPU: enhance your WebGPU project with type-safe API & new
-				way of writing shaders</span
+				>TypeGPU: enhance your WebGPU project with type-safe API & new way of writing shaders</span
 			>
 		</div>
 		<iframe
@@ -68,8 +64,7 @@ import YoutubeSvg from "../assets/youtube.svg";
 				loading="lazy"
 			/>
 			<span
-				>TypeGPU: enhance your WebGPU project with type-safe API & new
-				way of writing shaders</span
+				>Simplifying Compute Shaders with TypeGPU: GPU Worklets & More</span
 			>
 		</div>
 		<iframe
@@ -93,8 +88,7 @@ import YoutubeSvg from "../assets/youtube.svg";
 				loading="lazy"
 			/>
 			<span
-				>TypeGPU: enhance your WebGPU project with type-safe API & new
-				way of writing shaders</span
+				>Iwo Plaza – The Road to Type-Safety on the GPU | RNCK #15</span
 			>
 		</div>
 		<iframe
@@ -118,8 +112,7 @@ import YoutubeSvg from "../assets/youtube.svg";
 				loading="lazy"
 			/>
 			<span
-				>TypeGPU: enhance your WebGPU project with type-safe API & new
-				way of writing shaders</span
+				>Live-Coding a Liquid Glass Effect with TypeGPU</span
 			>
 		</div>
 		<iframe

apps/typegpu-docs/src/pages/new/index.astro

@@ -130,6 +130,18 @@ import ThemeSwitcher from "../../components/ThemeSwitcher.astro";
         </p>
       </div>
       <CodeShowcase />
+      <div class="flex md:flex-row flex-col lg:justify-between mb-12">
+        <h3
+          class="font-normal text-blue-950 dark:text-gray-100 text-4xl center"
+        >
+          Read more about TypeGPU
+        </h3>
+          <a
+            class="box-border bg-white dark:bg-gray-800 shadow px-4 md:px-5 lg:px-6 py-2 md:py-3 lg:py-4 border border-accent-500 dark:border-gray-600 w-full sm:w-auto text-blue-950/75 hover:text-black dark:text-gray-100 dark:hover:text-white text-base md:text-xl lg:text-2xl text-center no-underline transition-all"
+            href="/TypeGPU/examples">See blog post &#8594;</a
+          >
+      </div>
+
     </div>
 
     {/* TypeGPU examples */}
@@ -182,7 +194,7 @@ import ThemeSwitcher from "../../components/ThemeSwitcher.astro";
   <Backlog />
 </div>
 
-{/* Call to Action Section */}
+{/* Call to Action */}
 <section
   class="flex flex-col items-center gap-16 mx-auto lg:px-72 px-6 lg:max-w-340 md:max-w-214 max-w-138 transition-colors duration-300"
 >
@@ -194,7 +206,7 @@ import ThemeSwitcher from "../../components/ThemeSwitcher.astro";
   <GetStartedButton />
 </section>
 
-{/* Footer Section */}
+{/* Footer */}
 <footer
   class="flex flex-col items-center gap-10 md:gap-15 lg:gap-20 bg-gradient-to-b from-white mt-20 to-accent-50 dark:from-gray-900 dark:to-gray-800 transition-colors duration-300"
 >
@@ -218,49 +230,49 @@ import ThemeSwitcher from "../../components/ThemeSwitcher.astro";
       class="gap-8 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 bg-white dark:bg-gray-800 py-8 w-full max-w-7xl text-center transition-colors duration-300"
     >
       <a
-        href="#"
+        href="https://docs.swmansion.com/react-native-reanimated/"
         class="text-blue-950 dark:text-gray-100 no-underline transition-colors hover:text-accent-700 dark:hover:text-accent-200"
         >React Native Reanimated</a
       >
       <a
-        href="#"
+        href="https://docs.swmansion.com/react-native-gesture-handler/"
         class="text-blue-950 dark:text-gray-100 no-underline transition-colors hover:text-accent-700 dark:hover:text-accent-200"
         >React Native Gesture Handler</a
       >
       <a
-        href="#"
+        href="https://docs.swmansion.com/react-native-screens/"
         class="text-blue-950 dark:text-gray-100 no-underline transition-colors hover:text-accent-700 dark:hover:text-accent-200"
         >React Native Screens</a
       >
       <a
-        href="#"
+        href="https://github.com/software-mansion/react-native-svg"
         class="text-blue-950 dark:text-gray-100 no-underline transition-colors hover:text-accent-700 dark:hover:text-accent-200"
         >React Native SVG</a
       >
       <a
-        href="#"
+        href="https://docs.swmansion.com/react-native-audio-api/"
         class="text-blue-950 dark:text-gray-100 no-underline transition-colors hover:text-accent-700 dark:hover:text-accent-200"
         >React Native Audio API</a
       >
       <a
-        href="#"
+        href="https://docs.swmansion.com/react-native-executorch/"
         class="text-blue-950 dark:text-gray-100 no-underline transition-colors hover:text-accent-700 dark:hover:text-accent-200"
         >React Native ExecuTorch</a
       >
       <a
-        href="#"
+        href="https://docs.swmansion.com/TypeGPU/"
         class="text-blue-950 dark:text-gray-100 no-underline transition-colors hover:text-accent-700 dark:hover:text-accent-200"
         >TypeGPU</a
       >
       <a
-        href="#"
+        href="https://ide.swmansion.com/"
         class="text-blue-950 dark:text-gray-100 no-underline transition-colors hover:text-accent-700 dark:hover:text-accent-200"
         >Radon IDE</a
       >
       <a
-        href="#"
+        href="https://docs.swmansion.com/byegl/"
         class="text-blue-950 dark:text-gray-100 no-underline transition-colors hover:text-accent-700 dark:hover:text-accent-200"
-        >BayoJajo</a
+        >byegl</a
       >
     </div>
     <div