diff --git a/include/branch-highlights.inc b/include/branch-highlights.inc
new file mode 100644
index 0000000000..080709d891
--- /dev/null
+++ b/include/branch-highlights.inc
@@ -0,0 +1,495 @@
+<?php
+
+return [
+    '8.5' => [
+        'features' => [
+            [
+                'title' => 'URI Extension',
+                'about' => 'PHP 8.5 adds a built-in URI extension to parse, normalize, and handle URLs following RFC 3986 and WHATWG URL standards.',
+            ],
+            [
+                'title' => 'Pipe Operator',
+                'about' => 'The `|>` operator enables chaining callables left-to-right, passing values smoothly through multiple functions without intermediary variables.',
+            ],
+            [
+                'title' => 'Clone With',
+                'about' => 'Clone objects and update properties with the new `clone()` syntax, making the "with-er" pattern simple for readonly classes.',
+            ],
+            [
+                'title' => '`#[\NoDiscard]` Attribute',
+                'about' => 'The `#[\NoDiscard]` attribute warns when a return value isn’t used, helping prevent mistakes and improving overall API safety.',
+            ],
+            [
+                'title' => 'Closures and First-Class Callables in Constant Expressions',
+                'about' => 'Static closures and first-class callables can now be used in constant expressions, such as attribute parameters.',
+            ],
+            [
+                'title' => 'Persistent cURL Share Handles',
+                'about' => 'Handles can now be persisted across multiple PHP requests, avoiding the cost of repeated connection initialization to the same hosts.',
+            ],
+        ],
+    ],
+    '8.4' => [
+        'support_label' => 'Supported',
+        'features' => [
+            [
+                'title' => 'Property Hooks',
+                'short' => 'Property Hooks allow intercepting properties',
+            ],
+            [
+                'title' => 'Asymmetric Property Visibility',
+                'short' => 'Asymmetric Visibility for get and set',
+            ],
+            [
+                'title' => '#[Deprecated] Attribute',
+                'short' => '`#[Deprecated]` attribute signals removal intent',
+            ],
+            [
+                'title' => 'Additional Array Functions',
+                'short' => 'New array lookup and query options',
+            ],
+        ],
+    ],
+    '8.3' => [
+        'support_label' => 'Security Support',
+        'features' => [
+            [
+                'title' => 'Typed Class Constants',
+                'short' => 'Class constants can now be typed',
+            ],
+            [
+                'title' => 'Dynamic Class Constants',
+                'about' => 'Class constants can now be accessed via dynamic calls',
+            ],
+            [
+                'title' => 'Readonly Deep Cloning',
+                'short' => 'Enhanced deep cloning of readonly instances',
+            ],
+            [
+                'title' => 'Randomizer Improvements',
+                'short' => 'Generate random strings from provided character sets',
+            ],
+        ],
+    ],
+    '8.2' => [
+        'support_label' => 'Security Support',
+        'features' => [
+            [
+                'title' => 'Readonly classes',
+                'short' => 'Entire classes can now be marked Readonly',
+            ],
+            [
+                'title' => 'Disjunction Normal Form Types',
+                'short' => 'Improved type support with Disjunction Normal Forms',
+            ],
+            [
+                'title' => 'Improved Standalone Types',
+                'short' => '`Null`, `true` and `false` are now usable as types',
+            ],
+        ],
+    ],
+
+    /*
+     * The rest of these were AI generated
+     */
+
+    '8.1' => [
+        'support_label' => 'End of Life',
+        'features' => [
+            [
+                'title' => 'Enums',
+                'short' => 'Native support for Enumerations',
+            ],
+            [
+                'title' => 'Fibers',
+                'short' => 'Core support for asynchronous programming',
+            ],
+            [
+                'title' => 'Readonly Properties',
+                'short' => 'Class properties can be permanently marked readonly',
+            ],
+            [
+                'title' => 'First-class Callable Syntax',
+                'short' => 'Clean syntax for creating closures from callables',
+            ],
+        ],
+    ],
+    '8.0' => [
+        'support_label' => 'End of Life',
+        'features' => [
+            [
+                'title' => 'Named Arguments',
+                'short' => 'Pass arguments to functions based on parameter names',
+            ],
+            [
+                'title' => 'Attributes',
+                'short' => 'Native syntax for structured metadata (annotations)',
+            ],
+            [
+                'title' => 'Constructor Property Promotion',
+                'short' => 'Shorthand syntax for defining and initializing properties',
+            ],
+            [
+                'title' => 'Match Expression',
+                'short' => 'Strict, expression-based alternative to switch statements',
+            ],
+        ],
+    ],
+    '7.4' => [
+        'support_label' => 'End of Life',
+        'features' => [
+            [
+                'title' => 'Typed Properties',
+                'short' => 'Class properties fully support type declarations',
+            ],
+            [
+                'title' => 'Arrow Functions',
+                'short' => 'Concise syntax for simple one-liner closures',
+            ],
+            [
+                'title' => 'Null Coalescing Assignment',
+                'short' => 'Assign values quickly using the ??= operator',
+            ],
+            [
+                'title' => 'Spread Operator in Arrays',
+                'short' => 'Unpack arrays directly inside other arrays using ...',
+            ],
+        ],
+    ],
+    '7.3' => [
+        'support_label' => 'End of Life',
+        'features' => [
+            [
+                'title' => 'Flexible Heredoc/Nowdoc',
+                'short' => 'Improved formatting and indentation parsing for multi-line strings',
+            ],
+            [
+                'title' => 'Trailing Commas',
+                'short' => 'Allow trailing commas in function calls',
+            ],
+            [
+                'title' => 'Array Destructuring References',
+                'short' => 'List destructuring supports assignment by reference',
+            ],
+            [
+                'title' => 'is_countable()',
+                'short' => 'New function to safely verify if a variable is countable',
+            ],
+        ],
+    ],
+    '7.2' => [
+        'support_label' => 'End of Life',
+        'features' => [
+            [
+                'title' => 'Object Typehint',
+                'short' => 'Use \'object\' as a formal type declaration',
+            ],
+            [
+                'title' => 'Argon2 Hashing',
+                'short' => 'Native support for the Argon2 password hashing algorithm',
+            ],
+            [
+                'title' => 'Libsodium Integration',
+                'short' => 'Modern cryptography via the core Sodium extension',
+            ],
+            [
+                'title' => 'Abstract Method Overriding',
+                'short' => 'Traits can now be overridden by abstract methods',
+            ],
+        ],
+    ],
+    '7.1' => [
+        'support_label' => 'End of Life',
+        'features' => [
+            [
+                'title' => 'Nullable Types',
+                'short' => 'Prepend types with a question mark to allow nulls',
+            ],
+            [
+                'title' => 'Void Return Type',
+                'short' => 'Functions can explicitly declare a \'void\' return',
+            ],
+            [
+                'title' => 'Iterable Pseudo-type',
+                'short' => 'Accept arrays or Traversable objects interchangeably',
+            ],
+            [
+                'title' => 'Multi-catch Exceptions',
+                'short' => 'Catch multiple exception types within a single block',
+            ],
+        ],
+    ],
+    '7.0' => [
+        'support_label' => 'End of Life',
+        'features' => [
+            [
+                'title' => 'Scalar Type Declarations',
+                'short' => 'Type hinting for int, float, string, and bool',
+            ],
+            [
+                'title' => 'Return Type Declarations',
+                'short' => 'Specify the strict return type of a function',
+            ],
+            [
+                'title' => 'Null Coalescing Operator',
+                'short' => 'Simplify isset checks with the ?? operator',
+            ],
+            [
+                'title' => 'Spaceship Operator',
+                'short' => 'Combined comparison using the <=> operator',
+            ],
+        ],
+    ],
+    '5.6' => [
+        'support_label' => 'End of Life',
+        'features' => [
+            [
+                'title' => 'Variadic Functions',
+                'short' => 'Accept variable-length argument lists using ...',
+            ],
+            [
+                'title' => 'Argument Unpacking',
+                'short' => 'Unpack arrays dynamically into function arguments',
+            ],
+            [
+                'title' => 'Constant Scalar Expressions',
+                'short' => 'Use basic math and expressions when defining constants',
+            ],
+            [
+                'title' => 'Exponentiation Operator',
+                'short' => 'Calculate powers easily using the ** operator',
+            ],
+        ],
+    ],
+    '5.5' => [
+        'support_label' => 'End of Life',
+        'features' => [
+            [
+                'title' => 'Generators',
+                'short' => 'Create simple iterators using the \'yield\' keyword',
+            ],
+            [
+                'title' => 'Finally Keyword',
+                'short' => 'Execute code unconditionally after try/catch blocks',
+            ],
+            [
+                'title' => '::class Resolution',
+                'short' => 'Fetch fully qualified class names as strings',
+            ],
+            [
+                'title' => 'empty() Expressions',
+                'short' => 'The empty() construct now accepts arbitrary expressions',
+            ],
+        ],
+    ],
+    '5.4' => [
+        'support_label' => 'End of Life',
+        'features' => [
+            [
+                'title' => 'Traits',
+                'short' => 'Enable horizontal code reuse across independent classes',
+            ],
+            [
+                'title' => 'Short Array Syntax',
+                'short' => 'Define arrays cleanly using the [] syntax',
+            ],
+            [
+                'title' => 'Built-in Web Server',
+                'short' => 'Integrated CLI web server for local development',
+            ],
+            [
+                'title' => 'Closure $this',
+                'short' => 'Anonymous functions can automatically access object scope',
+            ],
+        ],
+    ],
+    '5.3' => [
+        'support_label' => 'End of Life',
+        'features' => [
+            [
+                'title' => 'Namespaces',
+                'short' => 'Organize code and prevent naming collisions',
+            ],
+            [
+                'title' => 'Late Static Binding',
+                'short' => 'Reference the called class context using static::',
+            ],
+            [
+                'title' => 'Closures',
+                'short' => 'Support for anonymous functions and inline callbacks',
+            ],
+            [
+                'title' => 'Ternary Shortcut',
+                'short' => 'Omit the middle expression using the ?: operator',
+            ],
+        ],
+    ],
+    '5.2' => [
+        'support_label' => 'End of Life',
+        'features' => [
+            [
+                'title' => 'JSON Support',
+                'short' => 'Native json_encode and json_decode functions added',
+            ],
+            [
+                'title' => 'Filter Extension',
+                'short' => 'Built-in data validation and sanitization filters',
+            ],
+            [
+                'title' => 'Zip Extension',
+                'short' => 'Native support for creating and reading ZIP archives',
+            ],
+            [
+                'title' => 'DateTime Extension',
+                'short' => 'Introduction of the object-oriented DateTime class',
+            ],
+        ],
+    ],
+    '5.1' => [
+        'support_label' => 'End of Life',
+        'features' => [
+            [
+                'title' => 'PDO Extension',
+                'short' => 'Standardized, lightweight interface for database access',
+            ],
+            [
+                'title' => 'Performance Upgrades',
+                'short' => 'Significant execution speed improvements over 5.0',
+            ],
+            [
+                'title' => 'Magic Methods',
+                'short' => 'Added support for __isset() and __unset()',
+            ],
+            [
+                'title' => 'Type Hinting for Arrays',
+                'short' => 'Allow \'array\' as an explicit parameter type hint',
+            ],
+        ],
+    ],
+    '5.0' => [
+        'support_label' => 'End of Life',
+        'features' => [
+            [
+                'title' => 'Zend Engine 2',
+                'short' => 'A completely rewritten core engine for better performance',
+            ],
+            [
+                'title' => 'Robust Object Model',
+                'short' => 'Introduction of true OOP with visibility (public/protected/private)',
+            ],
+            [
+                'title' => 'Exceptions',
+                'short' => 'Standardized try/catch error handling model',
+            ],
+            [
+                'title' => 'SimpleXML',
+                'short' => 'An easy-to-use extension for parsing XML structures',
+            ],
+        ],
+    ],
+    '4.4' => [
+        'support_label' => 'End of Life',
+        'features' => [
+            [
+                'title' => 'Reference Memory Fixes',
+                'short' => 'Fixed major memory corruption issues related to references',
+            ],
+            [
+                'title' => 'max_input_nesting_level',
+                'short' => 'Added an INI directive to limit the nesting level of input variables',
+            ],
+            [
+                'title' => 'Stream-based Hashing',
+                'short' => 'File hashing functions now use streams instead of low-level IO',
+            ],
+            [
+                'title' => 'SORT_LOCALE_STRING',
+                'short' => 'Added flag to sort arrays based on the current locale',
+            ],
+        ],
+    ],
+    '4.3' => [
+        'support_label' => 'End of Life',
+        'features' => [
+            [
+                'title' => 'Command Line Interface',
+                'short' => 'Introduced a separate CLI SAPI for developing shell applications',
+            ],
+            [
+                'title' => 'Streams API',
+                'short' => 'Unified approach to handling files, pipes, sockets, and I/O resources',
+            ],
+            [
+                'title' => 'Bundled GD Library',
+                'short' => 'The GD image manipulation library is now bundled by default',
+            ],
+            [
+                'title' => 'New Build System',
+                'short' => 'A more portable and less resource-consuming build process',
+            ],
+        ],
+    ],
+    '4.2' => [
+        'support_label' => 'End of Life',
+        'features' => [
+            [
+                'title' => 'register_globals Off',
+                'short' => 'External variables are no longer registered in the global scope by default',
+            ],
+            [
+                'title' => 'Sockets Overhaul',
+                'short' => 'Major overhaul of the sockets extension for better reliability',
+            ],
+            [
+                'title' => 'File Upload Performance',
+                'short' => 'Highly improved performance and handling of file uploads',
+            ],
+            [
+                'title' => 'Apache 2 Support',
+                'short' => 'Introduced experimental support for the Apache 2 web server',
+            ],
+        ],
+    ],
+    '4.1' => [
+        'support_label' => 'End of Life',
+        'features' => [
+            [
+                'title' => 'Superglobals',
+                'short' => 'Introduced autoglobal arrays like $_GET, $_POST, and $_SESSION',
+            ],
+            [
+                'title' => 'Windows Performance',
+                'short' => 'Revolutionary performance and stability improvements under Windows',
+            ],
+            [
+                'title' => 'Output Compression',
+                'short' => 'Added turn-key output compression support',
+            ],
+            [
+                'title' => 'Extension Versioning',
+                'short' => 'Added infrastructure to support version numbers for different extensions',
+            ],
+        ],
+    ],
+    '4.0' => [
+        'support_label' => 'End of Life',
+        'features' => [
+            [
+                'title' => 'Zend Engine',
+                'short' => 'A new, highly optimized two-stage parse and execute engine',
+            ],
+            [
+                'title' => 'Native Sessions',
+                'short' => 'Built-in support for HTTP session management',
+            ],
+            [
+                'title' => 'Output Buffering',
+                'short' => 'Ability to buffer output before sending it to the browser',
+            ],
+            [
+                'title' => 'Enhanced OOP',
+                'short' => 'More comprehensive object-oriented programming support over PHP 3',
+            ],
+        ],
+    ],
+];
diff --git a/include/footer.inc b/include/footer.inc
index faa7305d68..75d38174c4 100644
--- a/include/footer.inc
+++ b/include/footer.inc
@@ -1,4 +1,10 @@
-    </section><!-- layout-content -->
+
+<?php use phpweb\Themes\FooterRenderer;
+
+if (($config['include_section'] ?? true) === true) { ?>
+</section><!-- layout-content -->
+<?php } ?>
+
     <?php
     if (!empty($config['spanning-content'])) {
         echo "<div class='spanning-content'>";
@@ -59,7 +65,11 @@
 
   </div><!-- layout -->
 
-<?php if(!isset($config['footer']) || $config['footer']): ?>
+<?php if (($config['footer_style'] ?? '') === 'new') { ?>
+<div role="doc-footnote">
+    <?php FooterRenderer::renderFooter() ?>
+</div>
+<?php } else if(!isset($config['footer']) || $config['footer']): ?>
   <footer>
     <div class="container footer-content">
       <div class="row-fluid">
diff --git a/include/header.inc b/include/header.inc
index ba7f754f98..2af9cdc773 100644
--- a/include/header.inc
+++ b/include/header.inc
@@ -364,6 +364,7 @@ if (!isset($config["languages"])) {
 </div>
 <?php endif;?>
 
-
+<?php if (($config['include_section'] ?? true) === true) { ?>
 <div id="layout" class="clearfix">
   <section id="layout-content">
+<?php } ?>
diff --git a/public/images/bg-texture-dark.png b/public/images/bg-texture-dark.png
new file mode 100644
index 0000000000..76f3b3e915
Binary files /dev/null and b/public/images/bg-texture-dark.png differ
diff --git a/public/images/bg-texture-light.png b/public/images/bg-texture-light.png
new file mode 100644
index 0000000000..7ac2420565
Binary files /dev/null and b/public/images/bg-texture-light.png differ
diff --git a/public/images/community/libera.svg b/public/images/community/libera.svg
new file mode 100644
index 0000000000..d4562b1b56
--- /dev/null
+++ b/public/images/community/libera.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96.89 78.87">
+  <path d="M40.86 9.3h-.01a32.2 32.2 0 00-.65.14l-.22.04a39.48 39.48 0 00-.43.1l-.21.05a39.35 39.35 0 00-5.68 1.8l-.12.06L44.8 48.82l.47-.55 1.26-1.48zm14.98-.04l-4.1 31.45 3.32-3.88.66 1.05 7.36-26.51-.18-.07a37.97 37.97 0 00-6.55-1.94 39.84 39.84 0 00-.43-.09zm-35.33 10.9a34.93 34.93 0 00-3.03 3.42 41.1 41.1 0 00-1.8 2.48v.02L37.2 49.59l1.62-2.12.08.04zm55.45-.44l-15.91 25.1 1.81 2.9 19.26-21.8a35.29 35.29 0 00-2.9-3.82 38.85 38.85 0 00-2.26-2.38zM9.98 39.94a38.23 38.23 0 00-.72 7.54L32.2 56.1l1.79-2.33zm77.07.67L65.2 53.1l1.72 2.75 20.7-7.55v-.1a22.66 22.66 0 00.01-.66v-.44-.22-.14-.22l-.01-.21v-.22l-.01-.22-.01-.22-.01-.22-.01-.22-.02-.21-.01-.22-.02-.22-.01-.22-.02-.21-.02-.22-.02-.22-.02-.22-.02-.21a31.66 31.66 0 00-.37-2.6v-.04zM12.42 62.57a39.78 39.78 0 003.96 7.03h.01l6.73-1.48.14-.18h-.16l4.18-5.44zm58.83.21l3.24 5.39 6.05 1.36.05-.06a36.02 36.02 0 002.53-4.1A37.2 37.2 0 0084.27 63z" fill="#55f" paint-order="markers fill stroke"/>
+  <g fill="#f5d">
+    <path style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1" d="M55.53 35.83L44.12 48.86l-5.22-2.3-16.98 21.82h1.48l15.88-20.32 5.17 2.29 10.9-12.45c6.04 10.27 12.55 20.15 18.47 30.49h1.48z" color="#000" font-weight="400" font-family="sans-serif" overflow="visible"/>
+    <path style="line-height:normal;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-variant-east-asian:normal;font-feature-settings:normal;font-variation-settings:normal;text-indent:0;text-align:start;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000;text-transform:none;text-orientation:mixed;white-space:normal;shape-padding:0;shape-margin:0;inline-size:0;isolation:auto;mix-blend-mode:normal;solid-color:#000;solid-opacity:1" d="M55.32 39.73l-10.6 12.15-5.17-2.15-14.64 18.64h1.62l13.4-17.15 5.14 2.13L55.14 41.8l15.84 26.62 1.56-.03z" color="#000" font-weight="400" font-family="sans-serif" overflow="visible"/>
+    <path d="M28.1 68.36l12.23-15.59 5.24 2.13 9.51-10.92 14.28 24.4z"/>
+  </g>
+</svg>
diff --git a/public/images/community/linkedin.svg b/public/images/community/linkedin.svg
new file mode 100644
index 0000000000..46087a0fa0
--- /dev/null
+++ b/public/images/community/linkedin.svg
@@ -0,0 +1 @@
+<?xml version="1.0" ?><svg height="72" viewBox="0 0 72 72" width="72" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M8,72 L64,72 C68.418278,72 72,68.418278 72,64 L72,8 C72,3.581722 68.418278,-8.11624501e-16 64,0 L8,0 C3.581722,8.11624501e-16 -5.41083001e-16,3.581722 0,8 L0,64 C5.41083001e-16,68.418278 3.581722,72 8,72 Z" fill="#007EBB"/><path d="M62,62 L51.315625,62 L51.315625,43.8021149 C51.315625,38.8127542 49.4197917,36.0245323 45.4707031,36.0245323 C41.1746094,36.0245323 38.9300781,38.9261103 38.9300781,43.8021149 L38.9300781,62 L28.6333333,62 L28.6333333,27.3333333 L38.9300781,27.3333333 L38.9300781,32.0029283 C38.9300781,32.0029283 42.0260417,26.2742151 49.3825521,26.2742151 C56.7356771,26.2742151 62,30.7644705 62,40.051212 L62,62 Z M16.349349,22.7940133 C12.8420573,22.7940133 10,19.9296567 10,16.3970067 C10,12.8643566 12.8420573,10 16.349349,10 C19.8566406,10 22.6970052,12.8643566 22.6970052,16.3970067 C22.6970052,19.9296567 19.8566406,22.7940133 16.349349,22.7940133 Z M11.0325521,62 L21.769401,62 L21.769401,27.3333333 L11.0325521,27.3333333 L11.0325521,62 Z" fill="#FFF"/></g></svg>
\ No newline at end of file
diff --git a/public/images/community/mailing-lists.png b/public/images/community/mailing-lists.png
new file mode 100644
index 0000000000..4c8988b19e
Binary files /dev/null and b/public/images/community/mailing-lists.png differ
diff --git a/public/images/community/phpc-discord.png b/public/images/community/phpc-discord.png
new file mode 100644
index 0000000000..7a79320cc7
Binary files /dev/null and b/public/images/community/phpc-discord.png differ
diff --git a/public/images/community/phpdevelopers-discord.webp b/public/images/community/phpdevelopers-discord.webp
new file mode 100644
index 0000000000..057318a64f
Binary files /dev/null and b/public/images/community/phpdevelopers-discord.webp differ
diff --git a/public/images/community/reddit.png b/public/images/community/reddit.png
new file mode 100644
index 0000000000..9ce7ce2541
Binary files /dev/null and b/public/images/community/reddit.png differ
diff --git a/public/images/language-development/documentation.png b/public/images/language-development/documentation.png
new file mode 100644
index 0000000000..1f28200e8f
Binary files /dev/null and b/public/images/language-development/documentation.png differ
diff --git a/public/images/language-development/get-involved.png b/public/images/language-development/get-involved.png
new file mode 100644
index 0000000000..07d570ab2c
Binary files /dev/null and b/public/images/language-development/get-involved.png differ
diff --git a/public/images/language-development/github_invertocat_white.svg b/public/images/language-development/github_invertocat_white.svg
new file mode 100644
index 0000000000..527ba11c50
--- /dev/null
+++ b/public/images/language-development/github_invertocat_white.svg
@@ -0,0 +1,10 @@
+<svg width="98" height="96" viewBox="0 0 98 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_730_27136)">
+<path d="M41.4395 69.3848C28.8066 67.8535 19.9062 58.7617 19.9062 46.9902C19.9062 42.2051 21.6289 37.0371 24.5 33.5918C23.2559 30.4336 23.4473 23.7344 24.8828 20.959C28.7109 20.4805 33.8789 22.4902 36.9414 25.2656C40.5781 24.1172 44.4062 23.543 49.0957 23.543C53.7852 23.543 57.6133 24.1172 61.0586 25.1699C64.0254 22.4902 69.2891 20.4805 73.1172 20.959C74.457 23.543 74.6484 30.2422 73.4043 33.4961C76.4668 37.1328 78.0937 42.0137 78.0937 46.9902C78.0937 58.7617 69.1934 67.6621 56.3691 69.2891C59.623 71.3945 61.8242 75.9883 61.8242 81.252L61.8242 91.2051C61.8242 94.0762 64.2168 95.7031 67.0879 94.5547C84.4102 87.9512 98 70.6289 98 49.1914C98 22.1074 75.9883 6.69539e-07 48.9043 4.309e-07C21.8203 1.92261e-07 -1.9479e-07 22.1074 -4.3343e-07 49.1914C-6.20631e-07 70.4375 13.4941 88.0469 31.6777 94.6504C34.2617 95.6074 36.75 93.8848 36.75 91.3008L36.75 83.6445C35.4102 84.2188 33.6875 84.6016 32.1562 84.6016C25.8398 84.6016 22.1074 81.1563 19.4277 74.7441C18.375 72.1602 17.2266 70.6289 15.0254 70.3418C13.877 70.2461 13.4941 69.7676 13.4941 69.1934C13.4941 68.0449 15.4082 67.1836 17.3223 67.1836C20.0977 67.1836 22.4902 68.9063 24.9785 72.4473C26.8926 75.2227 28.9023 76.4668 31.2949 76.4668C33.6875 76.4668 35.2187 75.6055 37.4199 73.4043C39.0469 71.7773 40.291 70.3418 41.4395 69.3848Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_730_27136">
+<rect width="98" height="96" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/images/language-development/php-internals.png b/public/images/language-development/php-internals.png
new file mode 100644
index 0000000000..4c8988b19e
Binary files /dev/null and b/public/images/language-development/php-internals.png differ
diff --git a/public/images/language-development/rfcs.png b/public/images/language-development/rfcs.png
new file mode 100644
index 0000000000..4c8988b19e
Binary files /dev/null and b/public/images/language-development/rfcs.png differ
diff --git a/public/images/language-development/submit-bug-report.png b/public/images/language-development/submit-bug-report.png
new file mode 100644
index 0000000000..e3f3004315
Binary files /dev/null and b/public/images/language-development/submit-bug-report.png differ
diff --git a/public/images/logos/composer.png b/public/images/logos/composer.png
new file mode 100644
index 0000000000..39b055a391
Binary files /dev/null and b/public/images/logos/composer.png differ
diff --git a/public/images/logos/elephpant.svg b/public/images/logos/elephpant.svg
new file mode 100644
index 0000000000..e0da3cc94c
--- /dev/null
+++ b/public/images/logos/elephpant.svg
@@ -0,0 +1,614 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 350 240"
+   height="240"
+   width="350"
+   xml:space="preserve"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.91 r13725"
+   sodipodi:docname="elephpant2.svg"><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="2560"
+     inkscape:window-height="1017"
+     id="namedview194"
+     showgrid="false"
+     inkscape:zoom="2.0408752"
+     inkscape:cx="215.60601"
+     inkscape:cy="130.47839"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg2" /><metadata
+     id="metadata8"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
+     id="defs6"><clipPath
+       id="clipPath20"
+       clipPathUnits="userSpaceOnUse"><path
+         id="path18"
+         d="m 366.672,2445.95 c 0,0 127.719,141.37 216.176,199.96 28.183,18.65 237.797,128.95 372.402,-250.67 73.64,-207.85 74.87,-362.68 -92.516,-428.71 -100.234,-39.55 -64.41,-113.59 -64.41,-113.59"
+         inkscape:connector-curvature="0" /></clipPath><linearGradient
+       id="linearGradient26"
+       spreadMethod="pad"
+       gradientTransform="matrix(870.829,-648.982,-648.982,-870.829,1062.31,2048.82)"
+       gradientUnits="userSpaceOnUse"
+       y2="0"
+       x2="1"
+       y1="0"
+       x1="0"><stop
+         id="stop22"
+         offset="0"
+         style="stop-opacity:1;stop-color:#8c9bd6" /><stop
+         id="stop24"
+         offset="1"
+         style="stop-opacity:1;stop-color:#505e9b" /></linearGradient><clipPath
+       id="clipPath38"
+       clipPathUnits="userSpaceOnUse"><path
+         id="path36"
+         d="m 2084.18,2364.09 268.24,0 c 22.51,0 40.74,-14.93 40.74,-33.29 l 0,0 c 0,-18.37 -18.23,-33.27 -40.74,-33.27 l -210.54,0 z"
+         inkscape:connector-curvature="0" /></clipPath><linearGradient
+       id="linearGradient44"
+       spreadMethod="pad"
+       gradientTransform="matrix(878.069,-654.378,-654.378,-878.069,1631.85,2795.24)"
+       gradientUnits="userSpaceOnUse"
+       y2="0"
+       x2="1"
+       y1="0"
+       x1="0"><stop
+         id="stop40"
+         offset="0"
+         style="stop-opacity:1;stop-color:#808fd0" /><stop
+         id="stop42"
+         offset="1"
+         style="stop-opacity:1;stop-color:#505e9b" /></linearGradient><clipPath
+       id="clipPath68"
+       clipPathUnits="userSpaceOnUse"><path
+         id="path66"
+         d="m 1150.12,1702.08 0,-535.82 c 0,-132.12 -131.1,-179.471 -292.784,-179.471 l 0,0 c -161.711,0 -292.746,47.351 -292.746,179.471 l 0,542.14"
+         inkscape:connector-curvature="0" /></clipPath><linearGradient
+       id="linearGradient74"
+       spreadMethod="pad"
+       gradientTransform="matrix(867.01,-646.136,-646.136,-867.01,668.276,1535.96)"
+       gradientUnits="userSpaceOnUse"
+       y2="0"
+       x2="1"
+       y1="0"
+       x1="0"><stop
+         id="stop70"
+         offset="0"
+         style="stop-opacity:1;stop-color:#8c9bd6" /><stop
+         id="stop72"
+         offset="1"
+         style="stop-opacity:1;stop-color:#505e9b" /></linearGradient><clipPath
+       id="clipPath98"
+       clipPathUnits="userSpaceOnUse"><path
+         id="path96"
+         d="m 2045.81,1695.54 0,-535.81 c 0,-132.14 -131.09,-179.468 -292.78,-179.468 l 0,0 c -161.7,0 -292.79,47.328 -292.79,179.468 l 0,542.13"
+         inkscape:connector-curvature="0" /></clipPath><linearGradient
+       id="linearGradient104"
+       spreadMethod="pad"
+       gradientTransform="matrix(867.001,-646.13,-646.13,-867.001,994.502,1953.79)"
+       gradientUnits="userSpaceOnUse"
+       y2="0"
+       x2="1"
+       y1="0"
+       x1="0"><stop
+         id="stop100"
+         offset="0"
+         style="stop-opacity:1;stop-color:#8c9bd6" /><stop
+         id="stop102"
+         offset="1"
+         style="stop-opacity:1;stop-color:#505e9b" /></linearGradient><clipPath
+       id="clipPath128"
+       clipPathUnits="userSpaceOnUse"><path
+         id="path126"
+         d="m 903.801,2433.88 c 114.029,-185.4 101.879,-342.02 -50.055,-424.12 -90.965,-49.18 -40.887,-114.04 -40.887,-114.04"
+         inkscape:connector-curvature="0" /></clipPath><linearGradient
+       id="linearGradient134"
+       spreadMethod="pad"
+       gradientTransform="matrix(841.599,-627.199,-627.199,-841.599,1039.39,2029.86)"
+       gradientUnits="userSpaceOnUse"
+       y2="0"
+       x2="1"
+       y1="0"
+       x1="0"><stop
+         id="stop130"
+         offset="0"
+         style="stop-opacity:1;stop-color:#808fd0" /><stop
+         id="stop132"
+         offset="1"
+         style="stop-opacity:1;stop-color:#505e9b" /></linearGradient><clipPath
+       id="clipPath146"
+       clipPathUnits="userSpaceOnUse"><path
+         id="path144"
+         d="m 1569.91,2565.32 c 0,0 -189.32,2.23 -881.043,-20.69 C -2.81641,2521.72 22.7109,2273.69 21.6367,1917.49 l 0,-856.76 c 0,-72.468 62.793,-101.699 140.2733,-101.699 77.469,0 140.356,29.231 140.356,101.699 0,0 17.863,244.81 33.285,393.73 34.5,541.01 687.579,-88.96 1162.329,-59.56 431.41,26.74 771.15,175.65 771.15,529.54 0,353.97 -222.65,640.88 -699.12,640.88 z"
+         inkscape:connector-curvature="0" /></clipPath><linearGradient
+       id="linearGradient152"
+       spreadMethod="pad"
+       gradientTransform="matrix(875.231,-652.263,-652.263,-875.231,894.629,1822.24)"
+       gradientUnits="userSpaceOnUse"
+       y2="0"
+       x2="1"
+       y1="0"
+       x1="0"><stop
+         id="stop148"
+         offset="0"
+         style="stop-opacity:1;stop-color:#8c9bd6" /><stop
+         id="stop150"
+         offset="1"
+         style="stop-opacity:1;stop-color:#505e9b" /></linearGradient><clipPath
+       id="clipPath164"
+       clipPathUnits="userSpaceOnUse"><path
+         id="path162"
+         d="m 40.5078,1894 c 0.7383,-80.46 -10.5781,-783.24 33.8086,-825.44 -13.9453,31.12 16.5625,711.97 16.1719,754.76 l -0.4102,25.04 c 0,11.92 0,23.67 0,35.37 -17.1093,6.32 -33.7148,14.09 -49.7461,22.98 z"
+         inkscape:connector-curvature="0" /></clipPath><linearGradient
+       id="linearGradient170"
+       spreadMethod="pad"
+       gradientTransform="matrix(579.497,-844.587,-844.587,-579.497,-304.165,2038.99)"
+       gradientUnits="userSpaceOnUse"
+       y2="0"
+       x2="1"
+       y1="0"
+       x1="0"><stop
+         id="stop166"
+         offset="0"
+         style="stop-opacity:1;stop-color:#fafafd" /><stop
+         id="stop168"
+         offset="1"
+         style="stop-opacity:1;stop-color:#8892d2" /></linearGradient><clipPath
+       id="clipPath180"
+       clipPathUnits="userSpaceOnUse"><path
+         id="path178"
+         d="m 1569.65,2541.75 c 0,0 -185.21,2.18 -862.005,-20.24 C 30.8789,2499.09 41.2656,2249.73 41.2656,1914.49 l 0.1406,-12.4 c 15.6641,-8.89 31.8985,-16.66 48.5586,-22.99 0.1563,317.27 13.6482,550.06 666.4062,571.68 676.769,22.42 862.039,20.24 862.039,20.24 258.82,0 437,-87.38 547.94,-223.71 -102.14,176.42 -295.52,294.44 -596.7,294.44 z"
+         inkscape:connector-curvature="0" /></clipPath><linearGradient
+       id="linearGradient186"
+       spreadMethod="pad"
+       gradientTransform="matrix(675.246,-984.137,-984.137,-675.246,649.966,2737.72)"
+       gradientUnits="userSpaceOnUse"
+       y2="0"
+       x2="1"
+       y1="0"
+       x1="0"><stop
+         id="stop182"
+         offset="0"
+         style="stop-opacity:1;stop-color:#fafafd" /><stop
+         id="stop184"
+         offset="1"
+         style="stop-opacity:1;stop-color:#8892d2" /></linearGradient><clipPath
+       id="clipPath196"
+       clipPathUnits="userSpaceOnUse"><path
+         id="path194"
+         d="m 1333.93,1456.26 0,-381.58 c 0,-132.121 -131.13,-179.571 -292.82,-179.571 l 0,0 c -161.696,0 -292.755,47.45 -292.755,179.571 l 0,580.79"
+         inkscape:connector-curvature="0" /></clipPath><linearGradient
+       id="linearGradient202"
+       spreadMethod="pad"
+       gradientTransform="matrix(866.559,-645.8,-645.8,-866.559,654.526,1514.45)"
+       gradientUnits="userSpaceOnUse"
+       y2="0"
+       x2="1"
+       y1="0"
+       x1="0"><stop
+         id="stop198"
+         offset="0"
+         style="stop-opacity:1;stop-color:#8c9bd6" /><stop
+         id="stop200"
+         offset="1"
+         style="stop-opacity:1;stop-color:#505e9b" /></linearGradient><clipPath
+       id="clipPath232"
+       clipPathUnits="userSpaceOnUse"><path
+         id="path230"
+         d="m 2229.92,1718.48 0,-628.88 c 0,-132.112 -131.12,-179.53 -292.81,-179.53 l 0,0 c -161.71,0 -292.75,47.418 -292.75,179.53 l 0,361.33"
+         inkscape:connector-curvature="0" /></clipPath><linearGradient
+       id="linearGradient238"
+       spreadMethod="pad"
+       gradientTransform="matrix(869.571,-648.045,-648.045,-869.571,1046.59,2028.58)"
+       gradientUnits="userSpaceOnUse"
+       y2="0"
+       x2="1"
+       y1="0"
+       x1="0"><stop
+         id="stop234"
+         offset="0"
+         style="stop-opacity:1;stop-color:#8c9bd6" /><stop
+         id="stop236"
+         offset="1"
+         style="stop-opacity:1;stop-color:#505e9b" /></linearGradient><clipPath
+       id="clipPath298"
+       clipPathUnits="userSpaceOnUse"><path
+         id="path296"
+         d="m 571.879,2500.55 c 0,0 171.527,117.93 279.867,158.35 34.531,12.89 283.674,78.71 324.064,-351.49 22.08,-235.55 -17.68,-398.24 -210.83,-427.71 -115.589,-17.66 -97.691,-103.81 -97.691,-103.81"
+         inkscape:connector-curvature="0" /></clipPath><linearGradient
+       id="linearGradient304"
+       spreadMethod="pad"
+       gradientTransform="matrix(868.236,-647.05,-647.05,-868.236,1098.5,2096.02)"
+       gradientUnits="userSpaceOnUse"
+       y2="0"
+       x2="1"
+       y1="0"
+       x1="0"><stop
+         id="stop300"
+         offset="0"
+         style="stop-opacity:1;stop-color:#8c9bd6" /><stop
+         id="stop302"
+         offset="1"
+         style="stop-opacity:1;stop-color:#505e9b" /></linearGradient><clipPath
+       id="clipPath316"
+       clipPathUnits="userSpaceOnUse"><path
+         id="path314"
+         d="m 747.344,2531.75 c 194.211,121.45 302.026,59.35 302.026,59.35 -84.444,77.21 -179.436,51.62 -200.444,43.74 -107.969,-40.42 -316.485,-189.8 -316.485,-189.8 0,0 -28.195,-50.01 27.989,-39.16 0,0 122.211,85.38 186.914,125.87 z"
+         inkscape:connector-curvature="0" /></clipPath><linearGradient
+       id="linearGradient322"
+       spreadMethod="pad"
+       gradientTransform="matrix(690.106,-1005.8,-1005.8,-690.106,633.604,2727.32)"
+       gradientUnits="userSpaceOnUse"
+       y2="0"
+       x2="1"
+       y1="0"
+       x1="0"><stop
+         id="stop318"
+         offset="0"
+         style="stop-opacity:1;stop-color:#fafafd" /><stop
+         id="stop320"
+         offset="1"
+         style="stop-opacity:1;stop-color:#8892d2" /></linearGradient></defs><g
+     id="g4577"
+     transform="matrix(0.99618507,0,0,0.98808081,8.1337521e-7,-101.85463)"><g
+       transform="matrix(0.13333333,0,0,-0.13333333,0,462.54667)"
+       id="g14"><g
+         id="g16"
+         clip-path="url(#clipPath20)"><path
+           inkscape:connector-curvature="0"
+           d="m 366.672,2445.95 c 0,0 127.719,141.37 216.176,199.96 28.183,18.65 237.797,128.95 372.402,-250.67 73.64,-207.85 74.87,-362.68 -92.516,-428.71 -100.234,-39.55 -64.41,-113.59 -64.41,-113.59"
+           style="fill:url(#linearGradient26);fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path28" /></g></g><path
+       inkscape:connector-curvature="0"
+       d="m 76.081731,107.46268 c -11.963999,7.924 -28.666666,26.34933 -29.371332,27.128 -1.044267,1.15866 -0.921867,2.92 0.2808,3.928 1.199466,1.00666 3.0224,0.89066 4.068133,-0.26934 0.169867,-0.188 16.931866,-18.67866 28.287999,-26.19733 0.340134,-0.22933 8.624533,-5.58933 18.714133,-2.364 10.610396,3.39334 19.802136,15.288 26.573996,34.39333 10.78054,30.42 7.58334,46.48 -10.69386,53.684 -5.2728,2.08534 -8.74427,5.09867 -10.31454,8.97467 -2.0724,5.112 0.1104,9.72933 0.20467,9.92667 0.66667,1.38533 2.3604,1.97333 3.79893,1.33866 1.44227,-0.628 2.0824,-2.272 1.4396,-3.668 -0.0109,-0.0267 -1.24373,-2.76533 -0.0421,-5.63466 0.988,-2.368 3.37493,-4.31867 7.0964,-5.78267 27.5728,-10.88133 21.94747,-38.12267 13.9676,-60.64267 -7.4848,-21.11066 -17.64893,-33.84933 -30.212932,-37.87066 -12.559467,-4.01733 -22.687067,2.324 -23.797467,3.056"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path30" /><g
+       transform="matrix(0.13333333,0,0,-0.13333333,0,462.54667)"
+       id="g32"><g
+         id="g34"
+         clip-path="url(#clipPath38)"><path
+           inkscape:connector-curvature="0"
+           d="m 2084.18,2364.09 268.24,0 c 22.51,0 40.74,-14.93 40.74,-33.29 l 0,0 c 0,-18.37 -18.23,-33.27 -40.74,-33.27 l -210.54,0 -57.7,66.56"
+           style="fill:url(#linearGradient44);fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path46" /></g></g><path
+       inkscape:connector-curvature="0"
+       d="m 313.65599,150.11601 c 1.50134,0 2.54534,0.87467 2.54534,1.65733 0,0.78134 -1.044,1.656 -2.54534,1.656 0,0 -24.27733,0 -26.724,0 -0.57466,-0.65866 -1.43466,-1.66 -2.86933,-3.31333 8.452,0 29.59333,0 29.59333,0 z m -41.93466,-5.56267 12.51466,14.44 29.42,0 c 4.588,0 8.316,-3.23866 8.316,-7.22 0,-3.98266 -3.728,-7.22 -8.316,-7.22 l -41.93466,0"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path48" /><path
+       inkscape:connector-curvature="0"
+       d="m 324.72399,137.01734 c 4.91734,-2.34266 10.664,-1.76933 12.84933,1.27867 2.17467,3.056 -0.0453,7.42 -4.96133,9.772 -4.908,2.34 -17.77466,5.17067 -19.956,2.11067 -2.184,-3.048 7.15867,-10.82 12.068,-13.16134"
+       style="fill:#8b9dd7;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path50" /><path
+       inkscape:connector-curvature="0"
+       d="m 325.99866,139.51068 0,0 c 3.81467,-1.816 8.00266,-1.304 9.19733,0.36666 0.332,0.468 0.40933,1.00534 0.236,1.648 -0.308,1.16 -1.54933,2.832 -4.10266,4.052 -4.74134,2.25867 -13.16134,3.584 -15.76267,2.944 0.96,-2.156 6.22667,-7.00266 10.432,-9.01066 z m -2.552,-4.98534 0,0 c -4.112,1.956 -12.47467,8.192 -13.79733,13.12134 l 0.63466,4.11066 c 3.95067,5.54934 19.88934,0.57734 23.60533,-1.19733 3.70134,-1.76667 6.29867,-4.55067 7.128,-7.63867 0.59334,-2.20133 0.21334,-4.40266 -1.07066,-6.20133 -3.012,-4.208 -10.25467,-5.17067 -16.5,-2.19467"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path52" /><path
+       inkscape:connector-curvature="0"
+       d="m 333.45999,155.02534 c 5.272,1.76 8.208,5.836 6.58133,9.108 -1.64133,3.276 -7.23466,4.492 -12.50266,2.72667 -5.26,-1.756 -15.84,-8.37733 -14.20667,-11.64533 1.64,-3.28267 14.868,-1.94934 20.128,-0.18934"
+       style="fill:#8b9dd7;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path54" /><path
+       inkscape:connector-curvature="0"
+       d="m 334.40799,152.40001 -0.005,0 z m -1.89333,5.252 0.003,0 c 2.83199,0.95067 4.38266,2.53067 4.88533,3.696 0.38266,0.89067 0.124,1.41333 0.036,1.584 -0.86667,1.736 -4.88667,2.66133 -8.95467,1.3 -4.64933,-1.55067 -10.9,-5.92 -12.07733,-7.93067 2.18133,-0.73066 11.02133,-0.352 16.108,1.35067 z m -21.78,-3.644 0.003,4.036 c 2.03066,4.71733 11.40133,9.95867 15.85866,11.448 6.704,2.24667 13.75467,0.424 16.04133,-4.14267 0.48667,-0.98533 0.72934,-2.04266 0.72934,-3.11466 0,-1.01067 -0.21334,-2.032 -0.64267,-3.032 -1.292,-2.99334 -4.324,-5.46934 -8.32133,-6.80267 -3.988,-1.33733 -20.65467,-4.428 -23.668,1.608"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path56" /><path
+       inkscape:connector-curvature="0"
+       d="m 334.23066,144.94134 c 7.82266,-0.0507 14.19466,2.768 14.224,6.30267 0.0387,3.53333 -6.26667,6.43733 -14.09334,6.488 -7.81066,0.0533 -25.51199,-2.684 -25.54799,-6.21467 -0.036,-3.53866 17.60533,-6.51733 25.41733,-6.576"
+       style="fill:#8b9dd7;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path58" /><path
+       inkscape:connector-curvature="0"
+       d="m 345.57066,151.27068 c 0,0.13466 -0.12534,0.39733 -0.476,0.74133 -1.41334,1.39067 -5.38667,2.90267 -10.75067,2.93733 -6.708,0.0453 -17.31866,-1.77466 -21.40133,-3.464 4.05333,-1.752 14.612,-3.716 21.31066,-3.76133 l -0.003,0 c 7.408,-0.0493 11.31333,2.612 11.32,3.54667 z m -11.35734,-9.11334 -0.004,0 c -5.68266,0.0413 -22.55866,2.04267 -26.88799,6.28534 l -1.39067,3.10266 c 0.08,8.17867 28.168,8.97067 28.452,8.97067 6.29466,-0.044 11.97733,-1.80533 14.828,-4.60133 1.41333,-1.38534 2.148,-3.00667 2.12933,-4.69867 -0.044,-5.308 -7.248,-9.12 -17.12667,-9.05867"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path60" /><g
+       transform="matrix(0.13333333,0,0,-0.13333333,0,462.54667)"
+       id="g62"><g
+         id="g64"
+         clip-path="url(#clipPath68)"><path
+           inkscape:connector-curvature="0"
+           d="m 1150.12,1702.08 0,-535.82 c 0,-132.12 -131.1,-179.471 -292.784,-179.471 l 0,0 c -161.711,0 -292.746,47.351 -292.746,179.471 l 0,542.14"
+           style="fill:url(#linearGradient74);fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path76" /></g></g><path
+       inkscape:connector-curvature="0"
+       d="m 72.394798,234.76001 0,72.28533 c 0,17.228 14.882266,26.71227 41.916662,26.71227 27.03387,0 41.92187,-9.48427 41.92187,-26.71227 l 0,-71.44266 c 0,-1.53734 -1.292,-2.784 -2.884,-2.784 -1.59333,0 -2.884,1.24666 -2.884,2.784 l 0,71.44266 c 0,17.48 -19.65747,21.14667 -36.15387,21.14667 -16.490129,0 -36.147862,-3.66667 -36.147862,-21.14667 l 0,-72.28533 c 0,-1.53467 -1.2928,-2.78133 -2.884933,-2.78133 -1.591734,0 -2.883867,1.24666 -2.883867,2.78133"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path78" /><path
+       inkscape:connector-curvature="0"
+       d="m 92.386398,306.96001 c 0,7.12666 -4.1312,12.92 -9.2296,12.92 -5.098933,0 -9.231333,-5.79334 -9.231333,-12.92 0,-7.14 4.1324,-23.26 9.231333,-23.26 5.0984,0 9.2296,16.12 9.2296,23.26"
+       style="fill:#8b9dd7;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path80" /><path
+       inkscape:connector-curvature="0"
+       d="m 74.887998,306.96001 c 0,-7.764 4.378133,-22.33334 8.2688,-22.33334 3.889066,0 8.268666,14.56934 8.268666,22.33334 0,6.616 -3.7072,11.99466 -8.268666,11.99466 -4.5584,0 -8.2688,-5.37866 -8.2688,-11.99466 z m -1.924933,0 c 0,7.636 4.571333,13.85066 10.193733,13.85066 5.620266,0 10.1896,-6.21466 10.1896,-13.85066 0,-6.97467 -4.059467,-24.19067 -10.1896,-24.19067 -6.128667,0 -10.193733,17.216 -10.193733,24.19067"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path82" /><path
+       inkscape:connector-curvature="0"
+       d="m 76.411998,308.24801 c 0,-6.86534 4.995867,-19.22534 8.642667,-19.22534 0.349466,0 0.691733,0.17467 1.021333,0.44 -0.911467,-2.176 -1.955733,-3.616 -3.062,-3.616 -3.649467,0 -6.602,15.53867 -6.602,22.40134"
+       style="fill:#a6bde6;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path84" /><path
+       inkscape:connector-curvature="0"
+       d="m 96.739598,313.82401 c 0,5.50666 -3.2844,9.972 -7.339067,9.972 -4.0584,0 -7.347466,-4.46534 -7.347466,-9.972 0,-5.52267 3.289066,-17.96 7.347466,-17.96 4.054667,0 7.339067,12.43733 7.339067,17.96"
+       style="fill:#8b9dd7;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path86" /><path
+       inkscape:connector-curvature="0"
+       d="m 83.013998,313.82401 c 0,-5.772 3.4496,-17.03067 6.386533,-17.03067 2.937467,0 6.376533,11.25867 6.376533,17.03067 0,4.98533 -2.862,9.044 -6.376533,9.044 -3.523466,0 -6.386533,-4.05867 -6.386533,-9.044 z m -1.922267,0 c 0,6.008 3.7276,10.9 8.3088,10.9 4.5744,0 8.300533,-4.892 8.300533,-10.9 0,-4.70134 -2.945333,-18.888 -8.300533,-18.888 -5.3636,0 -8.3088,14.18666 -8.3088,18.888"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path88" /><path
+       inkscape:connector-curvature="0"
+       d="m 85.140665,310.54401 c -0.369334,-3.924 3.072933,-10.43734 5.754666,-10.91334 0.251067,-0.0333 0.509333,0.0267 0.766133,0.13467 -0.786,-1.128 -1.675466,-2.02667 -2.437466,-1.67467 -2.654667,1.268 -4.452667,8.54267 -4.083333,12.45334"
+       style="fill:#a6bde6;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path90" /><g
+       transform="matrix(0.13333333,0,0,-0.13333333,0,462.54667)"
+       id="g92"><g
+         id="g94"
+         clip-path="url(#clipPath98)"><path
+           inkscape:connector-curvature="0"
+           d="m 2045.81,1695.54 0,-535.81 c 0,-132.14 -131.09,-179.468 -292.78,-179.468 l 0,0 c -161.7,0 -292.79,47.328 -292.79,179.468 l 0,542.13"
+           style="fill:url(#linearGradient104);fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path106" /></g></g><path
+       inkscape:connector-curvature="0"
+       d="m 191.81333,235.63201 0,72.284 c 0,17.224 14.88933,26.71186 41.924,26.71186 12.168,0 21.92533,-1.92133 29.004,-5.70786 8.44933,-4.52267 12.91733,-11.784 12.91733,-21.004 l 0,-71.44133 c 0,-1.536 -1.292,-2.78134 -2.884,-2.78134 -1.592,0 -2.88133,1.24534 -2.88133,2.78134 l 0,71.44133 c 0,7.27866 -3.25734,12.556 -9.95334,16.14133 -6.12533,3.27333 -15.184,5.00533 -26.20266,5.00533 -16.49334,0 -36.152,-3.672 -36.152,-21.14666 l 0,-72.284 c 0,-1.53867 -1.29467,-2.784 -2.88667,-2.784 -1.592,0 -2.88533,1.24533 -2.88533,2.784"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path108" /><path
+       inkscape:connector-curvature="0"
+       d="m 211.81066,307.82934 c 0,7.12667 -4.12933,12.92933 -9.22667,12.92933 -5.10666,0 -9.23466,-5.80266 -9.23466,-12.92933 0,-7.136 4.128,-23.25733 9.23466,-23.25733 5.09734,0 9.22667,16.12133 9.22667,23.25733"
+       style="fill:#7483ca;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path110" /><path
+       inkscape:connector-curvature="0"
+       d="m 194.308,307.82934 c 0,-3.644 1.09466,-9.408 2.65866,-14.01333 1.74,-5.12934 3.89333,-8.31734 5.61733,-8.31734 3.88667,0 8.26667,14.568 8.26667,22.33067 0,6.61867 -3.708,12 -8.26667,12 -4.56399,0 -8.27599,-5.38133 -8.27599,-12 z m 0.83066,-14.59067 c -1.62133,4.76934 -2.75333,10.772 -2.75333,14.59067 0,7.63867 4.57467,13.856 10.19866,13.856 5.61867,0 10.188,-6.21733 10.188,-13.856 0,-6.97467 -4.06,-24.184 -10.188,-24.184 -3.46399,0 -5.95999,5.21333 -7.44533,9.59333"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path112" /><path
+       inkscape:connector-curvature="0"
+       d="m 195.84133,309.12667 c 0,-6.868 4.992,-19.236 8.63866,-19.236 0.35067,0 0.692,0.18 1.02267,0.44134 -0.91467,-2.172 -1.956,-3.61467 -3.06133,-3.61467 -3.652,0 -6.6,15.54133 -6.6,22.40933"
+       style="fill:#839ad6;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path114" /><path
+       inkscape:connector-curvature="0"
+       d="m 216.16666,314.69201 c 0,5.51466 -3.28267,9.96933 -7.34133,9.96933 -4.05467,0 -7.34267,-4.45467 -7.34267,-9.96933 0,-5.52134 3.288,-17.95734 7.34267,-17.95734 4.05866,0 7.34133,12.436 7.34133,17.95734"
+       style="fill:#7483ca;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path116" /><path
+       inkscape:connector-curvature="0"
+       d="m 202.44533,314.69201 c 0,-5.772 3.44266,-17.028 6.38,-17.028 2.93333,0 6.37866,11.256 6.37866,17.028 0,4.98666 -2.86266,9.04666 -6.37866,9.04666 -3.52,0 -6.38,-4.06 -6.38,-9.04666 z m -1.92267,0 c 0,6.01466 3.724,10.9 8.30267,10.9 4.57866,0 8.30266,-4.88534 8.30266,-10.9 0,-4.7 -2.94666,-18.884 -8.30266,-18.884 -5.36,0 -8.30267,14.184 -8.30267,18.884"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path118" /><path
+       inkscape:connector-curvature="0"
+       d="m 204.56933,311.41467 c -0.37467,-3.92 3.06933,-10.432 5.752,-10.91066 0.25333,-0.0347 0.512,0.0227 0.76533,0.132 -0.78533,-1.128 -1.67467,-2.028 -2.43733,-1.67467 -2.656,1.268 -4.45467,8.54133 -4.08,12.45333"
+       style="fill:#839ad6;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path120" /><g
+       transform="matrix(0.13333333,0,0,-0.13333333,0,462.54667)"
+       id="g122"><g
+         id="g124"
+         clip-path="url(#clipPath128)"><path
+           inkscape:connector-curvature="0"
+           d="m 903.801,2433.88 c 114.029,-185.4 101.879,-342.02 -50.055,-424.12 -90.965,-49.18 -40.887,-114.04 -40.887,-114.04"
+           style="fill:url(#linearGradient134);fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path136" /></g></g><path
+       inkscape:connector-curvature="0"
+       d="m 119.0364,135.63468 c -1.3724,0.78533 -1.82707,2.49333 -1.01094,3.81466 8.4636,13.75334 11.49227,26.20934 8.7636,36.01334 -1.94013,6.96933 -6.77866,12.584 -14.3636,16.68933 -4.7948,2.58933 -7.65466,5.856 -8.5052,9.704 -1.1572,5.22933 2.01414,9.41467 2.15,9.58933 0.94587,1.22534 2.7308,1.47334 4.0104,0.57334 1.27667,-0.90134 1.55574,-2.63867 0.63027,-3.87867 -0.014,-0.024 -1.77187,-2.43067 -1.138,-5.17467 0.50773,-2.19466 2.41613,-4.19866 5.6692,-5.95866 8.99907,-4.86667 14.76053,-11.62534 17.11987,-20.10267 3.13933,-11.28667 -0.098,-25.22133 -9.3756,-40.296 -0.81147,-1.32267 -2.5848,-1.756 -3.95,-0.97333"
+       style="fill:#080604;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path138" /><g
+       transform="matrix(0.13333333,0,0,-0.13333333,0,462.54667)"
+       id="g140"><g
+         id="g142"
+         clip-path="url(#clipPath146)"><path
+           inkscape:connector-curvature="0"
+           d="m 1569.91,2565.32 c 0,0 -189.32,2.23 -881.043,-20.69 C -2.81641,2521.72 22.7109,2273.69 21.6367,1917.49 l 0,-856.76 c 0,-72.468 62.793,-101.699 140.2733,-101.699 77.469,0 140.356,29.231 140.356,101.699 0,0 17.863,244.81 33.285,393.73 34.5,541.01 687.579,-88.96 1162.329,-59.56 431.41,26.74 771.15,175.65 771.15,529.54 0,353.97 -222.65,640.88 -699.12,640.88"
+           style="fill:url(#linearGradient152);fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path154" /></g></g><path
+       inkscape:connector-curvature="0"
+       d="m 5.7687465,321.11601 0,-114.23467 c 0,0.0107 0.00729,-5.03333 0.00729,-5.03333 0.015627,-43.93067 0.02812,-72.95333 86.1698245,-75.80666 91.034139,-3.01334 117.086129,-2.76 117.340799,-2.75867 l 0.0347,0 c 29.004,0 52.63866,8.36 68.348,24.17333 14.38266,14.472 21.984,34.7 21.984,58.49867 0,50.93066 -54.44667,64.99733 -100.12,67.82933 -24.03867,1.48533 -52.39333,-10.4 -77.4104,-20.88933 -28.042669,-11.75467 -52.260401,-21.90534 -67.170801,-13.09334 -7.8756,4.65334 -12.156266,14.024 -13.088533,28.64667 -2.026667,19.56 -4.416267,52.14133 -4.438533,52.47333 -0.0068,9.57067 -9.925067,10.9732 -15.837067,10.9732 -5.906266,0 -15.8192529,-1.40253 -15.8192529,-10.77853 z m 85.9828515,-200.632 c -91.7151396,3.036 -91.73076467,35.88933 -91.74430633,81.36 L 0,206.87334 0,321.11601 c 0,10.23226 8.0713598,16.34786 21.587999,16.34786 13.528667,0 21.598933,-6.1156 21.598933,-16.34786 0.01667,-0.13467 2.3948,-32.63734 4.424533,-52.22267 0.8172,-12.78266 4.202534,-20.70933 10.353067,-24.348 12.355733,-7.29733 36.394799,2.78134 61.858928,13.45467 25.61654,10.73866 54.64854,22.912 80.0792,21.336 68.04533,-4.22 105.51867,-30.28 105.51867,-73.38133 0,-25.25867 -8.15734,-46.81734 -23.58667,-62.35067 -16.82267,-16.932 -41.89867,-25.884 -72.51333,-25.884 l 0.0347,0 c -0.252,-0.003 -26.36799,-0.26533 -117.604392,2.764"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path156" /><g
+       transform="matrix(0.13333333,0,0,-0.13333333,0,462.54667)"
+       id="g158"><g
+         id="g160"
+         clip-path="url(#clipPath164)"><path
+           inkscape:connector-curvature="0"
+           d="m 40.5078,1894 c 0.7383,-80.46 -10.5781,-783.24 33.8086,-825.44 -13.9453,31.12 16.5625,711.97 16.1719,754.76 l -0.4102,25.04 c 0,11.92 0,23.67 0,35.37 -17.1093,6.32 -33.7148,14.09 -49.7461,22.98 L 40.5078,1894"
+           style="fill:url(#linearGradient170);fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path172" /></g></g><g
+       transform="matrix(0.13333333,0,0,-0.13333333,0,462.54667)"
+       id="g174"><g
+         id="g176"
+         clip-path="url(#clipPath180)"><path
+           inkscape:connector-curvature="0"
+           d="m 1569.65,2541.75 c 0,0 -185.21,2.18 -862.005,-20.24 C 30.8789,2499.09 41.2656,2249.73 41.2656,1914.49 l 0.1406,-12.4 c 15.6641,-8.89 31.8985,-16.66 48.5586,-22.99 0.1563,317.27 13.6482,550.06 666.4062,571.68 676.769,22.42 862.039,20.24 862.039,20.24 258.82,0 437,-87.38 547.94,-223.71 -102.14,176.42 -295.52,294.44 -596.7,294.44"
+           style="fill:url(#linearGradient186);fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path188" /></g></g><g
+       transform="matrix(0.13333333,0,0,-0.13333333,0,462.54667)"
+       id="g190"><g
+         id="g192"
+         clip-path="url(#clipPath196)"><path
+           inkscape:connector-curvature="0"
+           d="m 1333.93,1456.26 0,-381.58 c 0,-132.121 -131.13,-179.571 -292.82,-179.571 l 0,0 c -161.696,0 -292.755,47.45 -292.755,179.571 l 0,580.79"
+           style="fill:url(#linearGradient202);fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path204" /></g></g><path
+       inkscape:connector-curvature="0"
+       d="m 96.896398,241.81734 0,77.43867 c 0,17.23333 14.890532,26.7224 41.918262,26.7224 27.036,0 41.928,-9.48907 41.928,-26.7224 l 0,-50.87734 c 0,-1.536 -1.29466,-2.78266 -2.88533,-2.78266 -1.59067,0 -2.884,1.24666 -2.884,2.78266 l 0,50.87734 c 0,17.48906 -19.66133,21.15893 -36.15867,21.15893 -16.4892,0 -36.1496,-3.66987 -36.1496,-21.15893 l 0,-77.43867 c 0,-1.536 -1.29213,-2.78133 -2.884396,-2.78133 -1.592666,0 -2.884266,1.24533 -2.884266,2.78133"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path206" /><path
+       inkscape:connector-curvature="0"
+       d="m 124.33693,324.19067 c 0,6.6268 -5.51187,12.00134 -12.31813,12.00134 -6.80574,0 -12.319869,-5.37454 -12.319869,-12.00134 0,-6.63466 5.514129,-21.61066 12.319869,-21.61066 6.80626,0 12.31813,14.976 12.31813,21.61066"
+       style="fill:#8b9dd7;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path208" /><path
+       inkscape:connector-curvature="0"
+       d="m 100.66093,324.19067 c 0,-6.46 5.49173,-20.68666 11.35787,-20.68666 5.86666,0 11.35826,14.22666 11.35826,20.68666 0,6.10907 -5.0916,11.0748 -11.35826,11.0748 -6.25894,0 -11.35787,-4.96573 -11.35787,-11.0748 z m -1.924532,0 c 0,7.12787 5.958402,12.92947 13.282402,12.92947 7.32493,0 13.28226,-5.8016 13.28226,-12.92947 0,-6.72133 -5.6052,-22.544 -13.28226,-22.544 -7.6704,0 -13.282402,15.82267 -13.282402,22.544"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path210" /><path
+       inkscape:connector-curvature="0"
+       d="m 101.80266,324.98401 c 0,-5.93467 6.89734,-16.596 11.94374,-16.596 0.48066,0 0.94733,0.152 1.41346,0.384 -1.27133,-1.87467 -2.70626,-3.12267 -4.23013,-3.12267 -5.04853,0 -9.12707,13.408 -9.12707,19.33467"
+       style="fill:#a6bde6;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path212" /><path
+       inkscape:connector-curvature="0"
+       d="m 134.37333,325.12934 c 0,8.74027 -5.70933,15.85227 -12.75307,15.85227 -7.05413,0 -12.76346,-7.112 -12.76346,-15.85227 0,-8.752 5.70933,-28.516 12.76346,-28.516 7.04374,0 12.75307,19.764 12.75307,28.516"
+       style="fill:#8b9dd7;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path214" /><path
+       inkscape:connector-curvature="0"
+       d="m 109.8172,325.12934 c 0,-8.62 5.70933,-27.59067 11.80306,-27.59067 6.09227,0 11.79307,18.97067 11.79307,27.59067 0,8.22667 -5.28933,14.92253 -11.79307,14.92253 -6.50573,0 -11.80306,-6.69586 -11.80306,-14.92253 z m -1.9224,0 c 0,9.25067 6.15826,16.77987 13.72546,16.77987 7.56414,0 13.71574,-7.5292 13.71574,-16.77987 0,-8.78533 -5.79227,-29.44133 -13.71574,-29.44133 -7.92653,0 -13.72546,20.656 -13.72546,29.44133"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path216" /><path
+       inkscape:connector-curvature="0"
+       d="m 112.2964,326.71467 c 0,-8.428 6.90413,-23.57466 11.9448,-23.57466 0.48013,0 0.9536,0.21866 1.4124,0.54133 -1.2624,-2.67467 -2.70627,-4.43733 -4.22907,-4.43733 -5.04907,0 -9.12813,19.05466 -9.12813,27.47066"
+       style="fill:#a6bde6;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path218" /><path
+       inkscape:connector-curvature="0"
+       d="m 141.068,329.83627 c 0,6.18747 -4.10934,11.20254 -9.18054,11.20254 -5.0692,0 -9.1792,-5.01507 -9.1792,-11.20254 0,-6.2176 4.11,-20.2016 9.1792,-20.2016 5.0712,0 9.18054,13.984 9.18054,20.2016"
+       style="fill:#8b9dd7;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path220" /><path
+       inkscape:connector-curvature="0"
+       d="m 123.66973,329.83627 c 0,-6.7016 4.35893,-19.27493 8.21773,-19.27493 3.86854,0 8.2192,12.57333 8.2192,19.27493 0,5.6692 -3.684,10.27294 -8.2192,10.27294 -4.53013,0 -8.21773,-4.60374 -8.21773,-10.27294 z m -1.92333,0 c 0,6.68907 4.55306,12.13014 10.14106,12.13014 5.59787,0 10.14054,-5.44107 10.14054,-12.13014 0,-6.09226 -4.04,-21.12826 -10.14054,-21.12826 -6.09786,0 -10.14106,15.036 -10.14106,21.12826"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path222" /><path
+       inkscape:connector-curvature="0"
+       d="m 126.56933,326.14134 c -0.4652,-4.41867 3.83747,-11.744 7.18933,-12.27333 0.316,-0.0507 0.63734,0.024 0.96134,0.14533 -0.984,-1.27333 -2.096,-2.28267 -3.04867,-1.88133 -3.32187,1.42666 -5.5672,9.60533 -5.102,14.00933"
+       style="fill:#a6bde6;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path224" /><g
+       transform="matrix(0.13333333,0,0,-0.13333333,0,462.54667)"
+       id="g226"><g
+         id="g228"
+         clip-path="url(#clipPath232)"><path
+           inkscape:connector-curvature="0"
+           d="m 2229.92,1718.48 0,-628.88 c 0,-132.112 -131.12,-179.53 -292.81,-179.53 l 0,0 c -161.71,0 -292.75,47.418 -292.75,179.53 l 0,361.33"
+           style="fill:url(#linearGradient238);fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path240" /></g></g><path
+       inkscape:connector-curvature="0"
+       d="m 294.43466,233.41601 0,83.85066 c 0,17.4868 -19.66133,21.15454 -36.15333,21.15454 -16.488,0 -36.148,-3.66774 -36.148,-21.15454 l 0,-48.17733 c 0,-1.536 -1.292,-2.784 -2.88534,-2.784 -1.592,0 -2.884,1.248 -2.884,2.784 l 0,48.17733 c 0,17.23054 14.88667,26.72267 41.91734,26.72267 27.03333,0 41.92266,-9.49213 41.92266,-26.72267 l 0,-83.85066 c 0,-1.53733 -1.28933,-2.78 -2.88133,-2.78 -1.59467,0 -2.888,1.24267 -2.888,2.78"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path242" /><path
+       inkscape:connector-curvature="0"
+       d="m 243.80533,322.20001 c 0,6.62266 -5.51467,11.99613 -12.32,11.99613 -6.80534,0 -12.31867,-5.37347 -12.31867,-11.99613 0,-6.63467 5.51333,-21.61334 12.31867,-21.61334 6.80533,0 12.32,14.97867 12.32,21.61334"
+       style="fill:#8b9dd7;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path244" /><path
+       inkscape:connector-curvature="0"
+       d="m 220.12933,322.20001 c 0,-6.46267 5.48933,-20.68267 11.356,-20.68267 5.86933,0 11.36,14.22 11.36,20.68267 0,6.104 -5.09734,11.0732 -11.36,11.0732 -6.26134,0 -11.356,-4.9692 -11.356,-11.0732 z m -1.924,0 c 0,7.12786 5.956,12.92786 13.28,12.92786 7.324,0 13.28133,-5.8 13.28133,-12.92786 0,-6.72267 -5.60667,-22.54 -13.28133,-22.54 -7.672,0 -13.28,15.81733 -13.28,22.54"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path246" /><path
+       inkscape:connector-curvature="0"
+       d="m 221.26933,322.98934 c 0,-5.932 6.896,-16.592 11.944,-16.592 0.48133,0 0.94666,0.15067 1.41333,0.38 -1.26933,-1.87467 -2.704,-3.12133 -4.22933,-3.12133 -5.048,0 -9.128,13.40933 -9.128,19.33333"
+       style="fill:#a6bde6;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path248" /><path
+       inkscape:connector-curvature="0"
+       d="m 253.84266,323.13467 c 0,8.74534 -5.708,15.85574 -12.75733,15.85574 -7.05467,0 -12.76267,-7.1104 -12.76267,-15.85574 0,-8.752 5.708,-28.51066 12.76267,-28.51066 7.04933,0 12.75733,19.75866 12.75733,28.51066"
+       style="fill:#8b9dd7;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path250" /><path
+       inkscape:connector-curvature="0"
+       d="m 229.28399,323.13467 c 0,-8.62 5.70534,-27.58533 11.80134,-27.58533 6.09466,0 11.79466,18.96533 11.79466,27.58533 0,8.2292 -5.292,14.92814 -11.79466,14.92814 -6.50934,0 -11.80134,-6.69894 -11.80134,-14.92814 z m -1.92266,0 c 0,9.2532 6.156,16.78027 13.724,16.78027 7.564,0 13.71733,-7.52707 13.71733,-16.78027 0,-8.78133 -5.79067,-29.44266 -13.71733,-29.44266 -7.93067,0 -13.724,20.66133 -13.724,29.44266"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path252" /><path
+       inkscape:connector-curvature="0"
+       d="m 231.76399,324.72401 c 0,-8.42667 6.904,-23.57334 11.94267,-23.57334 0.48267,0 0.95467,0.21734 1.41467,0.53867 -1.26134,-2.67467 -2.704,-4.43333 -4.23067,-4.43333 -5.048,0 -9.12667,19.048 -9.12667,27.468"
+       style="fill:#a6bde6;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path254" /><path
+       inkscape:connector-curvature="0"
+       d="m 260.53333,327.84267 c 0,6.1904 -4.108,11.2056 -9.17734,11.2056 -5.06933,0 -9.18,-5.0152 -9.18,-11.2056 0,-6.21466 4.11067,-20.20266 9.18,-20.20266 5.06934,0 9.17734,13.988 9.17734,20.20266"
+       style="fill:#8b9dd7;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path256" /><path
+       inkscape:connector-curvature="0"
+       d="m 243.13599,327.84267 c 0,-6.7 4.35467,-19.27066 8.22,-19.27066 3.864,0 8.21867,12.57066 8.21867,19.27066 0,5.668 -3.69067,10.27747 -8.21867,10.27747 -4.53066,0 -8.22,-4.60947 -8.22,-10.27747 z m -1.92266,0 c 0,6.692 4.548,12.13054 10.14266,12.13054 5.592,0 10.13867,-5.43854 10.13867,-12.13054 0,-6.08933 -4.04,-21.128 -10.13867,-21.128 -6.10133,0 -10.14266,15.03867 -10.14266,21.128"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path258" /><path
+       inkscape:connector-curvature="0"
+       d="m 246.03733,324.15067 c -0.464,-4.42 3.83733,-11.74266 7.18933,-12.27333 0.31467,-0.0493 0.63733,0.02 0.96133,0.14533 -0.98666,-1.276 -2.096,-2.27866 -3.04933,-1.88533 -3.32267,1.42667 -5.56533,9.608 -5.10133,14.01333"
+       style="fill:#a6bde6;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path260" /><path
+       inkscape:connector-curvature="0"
+       d="m 27.342133,160.29468 c -1.018667,1.384 -0.659334,3.28666 0.808933,4.25466 1.462533,0.96667 3.478667,0.62134 4.496267,-0.75866 5.800533,-7.88134 18.846932,-10.05334 25.049599,-7.81467 1.235867,0.448 2.797866,0.25333 3.480666,-0.444 0.682267,-0.688 0.236,-1.61333 -1.002666,-2.06 -8.492667,-3.06933 -25.153066,-3.62533 -32.832799,6.82267"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path262" /><path
+       inkscape:connector-curvature="0"
+       d="m 52.482265,194.93868 c -5.3568,1.12933 -10.079599,-1.868 -10.544266,-6.692 -0.463067,-4.832 3.507867,-9.66 8.866133,-10.8 5.362533,-1.13334 10.083866,1.856 10.552133,6.69066 0.459867,4.83067 -3.509866,9.65734 -8.874,10.80134 z m 11.077067,-11.44534 c -0.536934,-5.62933 -6.114533,-9.09333 -12.4708,-7.756 -6.3484,1.344 -11.064533,6.98134 -10.5312,12.60267 0.5344,5.61867 6.114,9.092 12.462933,7.76 6.355734,-1.348 11.073467,-6.984 10.539067,-12.60667"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path264" /><path
+       inkscape:connector-curvature="0"
+       d="m 61.017198,184.52668 c 0.4068,4.24666 -3.066666,8.5 -7.757333,9.492 -4.709866,1.00266 -8.839599,-1.64 -9.259333,-5.88667 -0.4036,-4.24667 3.070267,-8.496 7.763067,-9.48933 4.7052,-1 8.846266,1.63333 9.253599,5.884"
+       style="fill:#fcfcfc;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path266" /><path
+       inkscape:connector-curvature="0"
+       d="m 60.329732,184.56934 c -1.2704,-3.236 -4.643733,-5.112 -7.504667,-4.21066 -1.533333,0.47466 -2.583866,1.66 -3.073466,3.14133 l 3.998933,1.97867 -3.674,2.652 c 1.361467,3.052 4.581867,4.804 7.360933,3.93333 2.8724,-0.912 4.161467,-4.26 2.892267,-7.49467"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path268" /><path
+       inkscape:connector-curvature="0"
+       d="m 57.385465,183.18268 c 0.711867,-0.10267 1.55,0.75866 1.854667,1.95466 0.3072,1.18134 -0.02347,2.232 -0.751067,2.344 -0.719733,0.108 -1.556266,-0.76 -1.864533,-1.952 -0.299067,-1.18 0.03853,-2.228 0.760933,-2.34666"
+       style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path270" /><path
+       inkscape:connector-curvature="0"
+       d="m 45.752132,178.30534 c -5.014133,3.86934 -6.599066,9.48934 -3.211466,12.67467 -0.293734,-0.12533 0.345733,0.69333 0.07493,0.54133 -5.333867,-2.95733 -6.224933,-11.73866 -1.314533,-16.90533 4.215066,-4.44 16.863999,-7.732 16.770266,-6.02 -0.521867,1.964 -4.224933,4.45733 -8.822933,7.16667 -1.480134,0.84133 -2.547334,1.812 -3.496267,2.54266"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path272" /><path
+       inkscape:connector-curvature="0"
+       d="m 128.138,232.84401 c -0.25827,1.31733 0.6328,2.39867 1.97706,2.39867 l 7.72494,0 c 1.34666,0 2.65466,-1.08134 2.91466,-2.39867 l 2.05734,-10.60267 c 0.25866,-1.32 1.564,-2.39866 2.912,-2.39866 l 8.36,0 c 4.768,0 8.69066,-0.50134 11.76666,-1.50534 3.08267,-0.99866 5.87734,-2.68133 8.40134,-5.04 2.10933,-1.94133 3.824,-4.084 5.13066,-6.432 1.30667,-2.34 2.24,-4.92666 2.78667,-7.756 1.336,-6.864 0.0213,-11.97066 -3.016,-16.04933 -3.81467,-5.10667 -13.54933,-5.37733 -13.54933,-5.37733 -1.33067,-0.2 -3.51734,-0.37067 -4.86267,-0.37067 l -19.36933,0 c -1.344,0 -2.652,1.08267 -2.912,2.404 z m 30.26733,-46.38933 c 4.796,0 7.98667,0.88666 9.58533,2.656 1.59467,1.76933 1.97734,4.80933 1.144,9.112 -0.876,4.484 -2.556,7.688 -5.044,9.604 -2.488,1.91466 -8.93066,2.608 -8.93066,2.608 -1.34,0.14666 -3.53467,0.26533 -4.87734,0.26533 l -2.78133,0 c -1.344,0 -2.23867,-1.08133 -1.98,-2.4 L 149.3,188.85734 c 0.256,-1.32 1.56666,-2.40266 2.90933,-2.40266 l 6.196,0"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path274" /><path
+       inkscape:connector-curvature="0"
+       d="m 128.138,232.84401 c -0.25827,1.31733 0.6328,2.39867 1.97706,2.39867 l 7.72494,0 c 1.34666,0 2.65466,-1.08134 2.91466,-2.39867 l 2.05734,-10.60267 c 0.25866,-1.32 1.564,-2.39866 2.912,-2.39866 l 8.36,0 c 4.768,0 8.69066,-0.50134 11.76666,-1.50534 3.08267,-0.99866 5.87734,-2.68133 8.40134,-5.04 2.10933,-1.94133 3.824,-4.084 5.13066,-6.432 1.30667,-2.34 2.24,-4.92666 2.78667,-7.756 1.336,-6.864 0.0213,-11.97066 -3.016,-16.04933 -3.81467,-5.10667 -13.54933,-5.37733 -13.54933,-5.37733 -1.33067,-0.2 -3.51734,-0.37067 -4.86267,-0.37067 l -19.36933,0 c -1.344,0 -2.652,1.08267 -2.912,2.404 z m 30.26733,-46.38933 c 4.796,0 7.98667,0.88666 9.58533,2.656 1.59467,1.76933 1.97734,4.80933 1.144,9.112 -0.876,4.484 -2.556,7.688 -5.044,9.604 -2.488,1.91466 -8.93066,2.608 -8.93066,2.608 -1.34,0.14666 -3.53467,0.26533 -4.87734,0.26533 l -2.78133,0 c -1.344,0 -2.23867,-1.08133 -1.98,-2.4 L 149.3,188.85734 c 0.256,-1.32 1.56666,-2.40266 2.90933,-2.40266 z"
+       style="fill:none;stroke:#ffffff;stroke-width:5.33333302;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path276" /><path
+       inkscape:connector-curvature="0"
+       d="m 194.33866,164.31334 c 0.256,-1.31733 1.564,-2.39733 2.908,-2.39733 l 7.628,0 c 1.34667,0 2.236,1.08 1.97733,2.39733 l -2.05866,10.60267 c -0.25734,1.32133 0.63866,2.396 1.98,2.396 l 6.25733,0 c 1.344,0 3.54,0.116 4.876,0.25333 0,0 9.12533,0.10667 12.08667,3.42134 2.412,2.69866 3.46,6.416 2.39466,11.89733 l -4.768,24.55867 c -0.25466,1.32 -1.56666,2.4 -2.912,2.4 l -7.824,0 c -1.34533,0 -2.23733,-1.08 -1.98,-2.4 l 4.05067,-20.83334 c 0.256,-1.31866 0.544,-3.496 0.64267,-4.84 0,0 0.18,-2.46533 -0.80534,-3.52266 -0.98133,-1.06134 -3.07733,-1.58934 -6.28,-1.58934 l -7.55733,0 c -1.34667,0 -2.65067,1.07734 -2.912,2.39734 l -5.51066,28.388 c -0.25734,1.32 -1.56534,2.4 -2.91067,2.4 l -7.62933,0 c -1.34534,0 -2.23467,-1.08 -1.97867,-2.4 l 10.32533,-53.12934"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path278" /><path
+       inkscape:connector-curvature="0"
+       d="m 194.33866,164.31334 c 0.256,-1.31733 1.564,-2.39733 2.908,-2.39733 l 7.628,0 c 1.34667,0 2.236,1.08 1.97733,2.39733 l -2.05866,10.60267 c -0.25734,1.32133 0.63866,2.396 1.98,2.396 l 6.25733,0 c 1.344,0 3.54,0.116 4.876,0.25333 0,0 9.12533,0.10667 12.08667,3.42134 2.412,2.69866 3.46,6.416 2.39466,11.89733 l -4.768,24.55867 c -0.25466,1.32 -1.56666,2.4 -2.912,2.4 l -7.824,0 c -1.34533,0 -2.23733,-1.08 -1.98,-2.4 l 4.05067,-20.83334 c 0.256,-1.31866 0.544,-3.496 0.64267,-4.84 0,0 0.18,-2.46533 -0.80534,-3.52266 -0.98133,-1.06134 -3.07733,-1.58934 -6.28,-1.58934 l -7.55733,0 c -1.34667,0 -2.65067,1.07734 -2.912,2.39734 l -5.51066,28.388 c -0.25734,1.32 -1.56534,2.4 -2.91067,2.4 l -7.62933,0 c -1.34534,0 -2.23467,-1.08 -1.97867,-2.4 z"
+       style="fill:none;stroke:#ffffff;stroke-width:5.33333302;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path280" /><path
+       inkscape:connector-curvature="0"
+       d="m 233.03066,232.84401 c -0.25867,1.31733 0.63333,2.39867 1.98,2.39867 l 7.724,0 c 1.34133,0 2.656,-1.08134 2.91067,-2.39867 l 2.05866,-10.60267 c 0.25734,-1.32 1.568,-2.39866 2.90934,-2.39866 l 8.364,0 c 4.76666,0 8.68666,-0.50134 11.77066,-1.50534 3.07334,-0.99866 5.87334,-2.68133 8.39334,-5.04 2.116,-1.94133 3.82266,-4.084 5.13333,-6.432 1.308,-2.34 2.23733,-4.92666 2.788,-7.756 1.33467,-6.864 0.12667,-12.04933 -3.01867,-16.04933 -3.90266,-4.96533 -13.55066,-5.37733 -13.55066,-5.37733 -1.33067,-0.2 -3.51867,-0.37067 -4.86267,-0.37067 l -19.36933,0 c -1.34267,0 -2.65467,1.08267 -2.90934,2.404 z m 30.27067,-46.38933 c 4.79066,0 7.984,0.88666 9.58533,2.656 1.59067,1.76933 1.972,4.80933 1.13733,9.112 -0.87466,4.484 -2.548,7.688 -5.04,9.604 -2.492,1.91466 -8.93466,2.608 -8.93466,2.608 -1.33467,0.14666 -3.528,0.26533 -4.876,0.26533 l -2.784,0 c -1.34667,0 -2.232,-1.08133 -1.97734,-2.4 l 3.776,-19.44267 c 0.25867,-1.32 1.568,-2.40266 2.912,-2.40266 l 6.20134,0"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path282" /><path
+       inkscape:connector-curvature="0"
+       d="m 233.03066,232.84401 c -0.25867,1.31733 0.63333,2.39867 1.98,2.39867 l 7.724,0 c 1.34133,0 2.656,-1.08134 2.91067,-2.39867 l 2.05866,-10.60267 c 0.25734,-1.32 1.568,-2.39866 2.90934,-2.39866 l 8.364,0 c 4.76666,0 8.68666,-0.50134 11.77066,-1.50534 3.07334,-0.99866 5.87334,-2.68133 8.39334,-5.04 2.116,-1.94133 3.82266,-4.084 5.13333,-6.432 1.308,-2.34 2.23733,-4.92666 2.788,-7.756 1.33467,-6.864 0.12667,-12.04933 -3.01867,-16.04933 -3.90266,-4.96533 -13.55066,-5.37733 -13.55066,-5.37733 -1.33067,-0.2 -3.51867,-0.37067 -4.86267,-0.37067 l -19.36933,0 c -1.34267,0 -2.65467,1.08267 -2.90934,2.404 z m 30.27067,-46.38933 c 4.79066,0 7.984,0.88666 9.58533,2.656 1.59067,1.76933 1.972,4.80933 1.13733,9.112 -0.87466,4.484 -2.548,7.688 -5.04,9.604 -2.492,1.91466 -8.93466,2.608 -8.93466,2.608 -1.33467,0.14666 -3.528,0.26533 -4.876,0.26533 l -2.784,0 c -1.34667,0 -2.232,-1.08133 -1.97734,-2.4 l 3.776,-19.44267 c 0.25867,-1.32 1.568,-2.40266 2.912,-2.40266 z"
+       style="fill:none;stroke:#ffffff;stroke-width:5.33333302;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       id="path284" /><path
+       inkscape:connector-curvature="0"
+       d="m 128.138,232.84401 c -0.25827,1.31733 0.6328,2.39867 1.97706,2.39867 l 7.72494,0 c 1.34666,0 2.65466,-1.08134 2.91466,-2.39867 l 2.05734,-10.60267 c 0.25866,-1.32 1.564,-2.39866 2.912,-2.39866 l 8.36,0 c 4.768,0 8.69066,-0.50134 11.76666,-1.50534 3.08267,-0.99866 5.87734,-2.68133 8.40134,-5.04 2.10933,-1.94133 3.824,-4.084 5.13066,-6.432 1.30667,-2.34 2.24,-4.92666 2.78667,-7.756 1.336,-6.864 0.0213,-11.97066 -3.016,-16.04933 -3.81467,-5.10667 -13.54933,-5.37733 -13.54933,-5.37733 -1.33067,-0.2 -3.51734,-0.37067 -4.86267,-0.37067 l -19.36933,0 c -1.344,0 -2.652,1.08267 -2.912,2.404 z m 30.26733,-46.38933 c 4.796,0 7.98667,0.88666 9.58533,2.656 1.59467,1.76933 1.97734,4.80933 1.144,9.112 -0.876,4.484 -2.556,7.688 -5.044,9.604 -2.488,1.91466 -8.93066,2.608 -8.93066,2.608 -1.34,0.14666 -3.53467,0.26533 -4.87734,0.26533 l -2.78133,0 c -1.344,0 -2.23867,-1.08133 -1.98,-2.4 L 149.3,188.85734 c 0.256,-1.32 1.56666,-2.40266 2.90933,-2.40266 l 6.196,0"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path286" /><path
+       inkscape:connector-curvature="0"
+       d="m 194.33866,164.31334 c 0.256,-1.31733 1.564,-2.39733 2.908,-2.39733 l 7.628,0 c 1.34667,0 2.236,1.08 1.97733,2.39733 l -2.05866,10.60267 c -0.25734,1.32133 0.63866,2.396 1.98,2.396 l 6.25733,0 c 1.344,0 3.54,0.116 4.876,0.25333 0,0 9.12533,0.10667 12.08667,3.42134 2.412,2.69866 3.46,6.416 2.39466,11.89733 l -4.768,24.55867 c -0.25466,1.32 -1.56666,2.4 -2.912,2.4 l -7.824,0 c -1.34533,0 -2.23733,-1.08 -1.98,-2.4 l 4.05067,-20.83334 c 0.256,-1.31866 0.544,-3.496 0.64267,-4.84 0,0 0.18,-2.46533 -0.80534,-3.52266 -0.98133,-1.06134 -3.07733,-1.58934 -6.28,-1.58934 l -7.55733,0 c -1.34667,0 -2.65067,1.07734 -2.912,2.39734 l -5.51066,28.388 c -0.25734,1.32 -1.56534,2.4 -2.91067,2.4 l -7.62933,0 c -1.34534,0 -2.23467,-1.08 -1.97867,-2.4 l 10.32533,-53.12934"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path288" /><path
+       inkscape:connector-curvature="0"
+       d="m 233.03066,232.84401 c -0.25867,1.31733 0.63333,2.39867 1.98,2.39867 l 7.724,0 c 1.34133,0 2.656,-1.08134 2.91067,-2.39867 l 2.05866,-10.60267 c 0.25734,-1.32 1.568,-2.39866 2.90934,-2.39866 l 8.364,0 c 4.76666,0 8.68666,-0.50134 11.77066,-1.50534 3.07334,-0.99866 5.87334,-2.68133 8.39334,-5.04 2.116,-1.94133 3.82266,-4.084 5.13333,-6.432 1.308,-2.34 2.23733,-4.92666 2.788,-7.756 1.33467,-6.864 0.12667,-12.04933 -3.01867,-16.04933 -3.90266,-4.96533 -13.55066,-5.37733 -13.55066,-5.37733 -1.33067,-0.2 -3.51867,-0.37067 -4.86267,-0.37067 l -19.36933,0 c -1.34267,0 -2.65467,1.08267 -2.90934,2.404 z m 30.27067,-46.38933 c 4.79066,0 7.984,0.88666 9.58533,2.656 1.59067,1.76933 1.972,4.80933 1.13733,9.112 -0.87466,4.484 -2.548,7.688 -5.04,9.604 -2.492,1.91466 -8.93466,2.608 -8.93466,2.608 -1.33467,0.14666 -3.528,0.26533 -4.876,0.26533 l -2.784,0 c -1.34667,0 -2.232,-1.08133 -1.97734,-2.4 l 3.776,-19.44267 c 0.25867,-1.32 1.568,-2.40266 2.912,-2.40266 l 6.20134,0"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path290" /><g
+       transform="matrix(0.13333333,0,0,-0.13333333,0,462.54667)"
+       id="g292"><g
+         id="g294"
+         clip-path="url(#clipPath298)"><path
+           inkscape:connector-curvature="0"
+           d="m 571.879,2500.55 c 0,0 171.527,117.93 279.867,158.35 34.531,12.89 283.674,78.71 324.064,-351.49 22.08,-235.55 -17.68,-398.24 -210.83,-427.71 -115.589,-17.66 -97.691,-103.81 -97.691,-103.81"
+           style="fill:url(#linearGradient304);fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path306" /></g></g><path
+       inkscape:connector-curvature="0"
+       d="m 112.5224,105.43201 c -14.613602,5.45467 -36.998935,20.79067 -37.947469,21.44267 -1.294666,0.89067 -1.597866,2.62933 -0.671866,3.87866 0.922933,1.25067 2.726666,1.54134 4.0224,0.64934 0.2256,-0.15067 22.742795,-15.58 36.676135,-20.78267 0.43586,-0.16 10.69053,-3.872 20.53306,2.02267 10.24667,6.14 16.73467,20.83333 18.772,42.50133 3.244,34.62933 -4.44,50.784 -25.69213,54.03067 -6.02493,0.91733 -10.4104,3.22933 -13.04,6.87866 -3.45267,4.77734 -2.412,10.03467 -2.36307,10.25734 0.31307,1.49466 1.814,2.45866 3.36827,2.172 1.55627,-0.28534 2.5776,-1.74267 2.29213,-3.24534 -0.007,-0.0267 -0.58066,-3.264 1.4792,-6.064 1.7068,-2.31866 4.78907,-3.836 9.16454,-4.50666 31.5964,-4.82134 32.91773,-34.612 30.53773,-60.02534 -2.23867,-23.812 -9.468,-39.53333 -21.47333,-46.72399 -12.05294,-7.22 -24.29774,-2.992 -25.6576,-2.48534"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path308" /><g
+       transform="matrix(0.13333333,0,0,-0.13333333,0,462.54667)"
+       id="g310"><g
+         id="g312"
+         clip-path="url(#clipPath316)"><path
+           inkscape:connector-curvature="0"
+           d="m 747.344,2531.75 c 194.211,121.45 302.026,59.35 302.026,59.35 -84.444,77.21 -179.436,51.62 -200.444,43.74 -107.969,-40.42 -316.485,-189.8 -316.485,-189.8 0,0 -28.195,-50.01 27.989,-39.16 0,0 122.211,85.38 186.914,125.87"
+           style="fill:url(#linearGradient322);fill-opacity:1;fill-rule:nonzero;stroke:none"
+           id="path324" /></g></g><path
+       inkscape:connector-curvature="0"
+       d="m 90.301598,201.39468 c -0.225067,13.14666 -4.5776,25.11866 -11.366667,31.22533 -3.080266,2.77467 -6.516133,4.148 -9.945333,3.98 -1.057866,-0.0573 -1.959333,0.728 -2.020266,1.75067 -0.05053,1.02666 0.762933,1.896 1.8244,1.94933 4.492666,0.22667 8.904666,-1.49067 12.766666,-4.96667 7.524533,-6.77333 12.3464,-19.75466 12.586,-33.884 0.0208,-1.01866 -0.824,-1.86533 -1.8876,-1.88133 -1.063467,-0.0147 -1.938,0.80267 -1.9572,1.82667"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path326" /><path
+       inkscape:connector-curvature="0"
+       d="m 98.631198,192.00668 c -1.4484,3.32133 -3.9796,5.43733 -6.950534,5.79066 -2.896266,0.34134 -5.839066,-1.01333 -7.874399,-3.628 -0.633867,-0.81733 -1.843734,-0.98533 -2.692267,-0.36933 -0.8484,0.61333 -1.021867,1.776 -0.3828,2.59333 2.8724,3.69467 7.143733,5.59467 11.421466,5.088 4.376534,-0.528 8.026536,-3.45733 10.025996,-8.04 0.40987,-0.94533 -0.0541,-2.024 -1.0292,-2.42533 -0.9812,-0.396 -2.103596,0.048 -2.518262,0.99067"
+       style="fill:#363254;fill-opacity:1;fill-rule:nonzero;stroke:none"
+       id="path328" /></g></svg>
\ No newline at end of file
diff --git a/public/images/logos/php-foundation.svg b/public/images/logos/php-foundation.svg
new file mode 100644
index 0000000000..cf5b3a6942
--- /dev/null
+++ b/public/images/logos/php-foundation.svg
@@ -0,0 +1,11 @@
+<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2102_108137)">
+<rect width="500" height="500" fill="#6B57FF"/>
+<path d="M96.64 190.87H83.62V184H116.98V190.87H104.02V226.12H96.64V190.87ZM139.471 194.56C141.671 194.56 143.611 195.04 145.291 196C146.971 196.96 148.281 198.35 149.221 200.17C150.161 201.99 150.631 204.16 150.631 206.68V226H143.491V207.73C143.491 205.63 142.911 203.95 141.751 202.69C140.591 201.43 139.031 200.8 137.071 200.8C135.711 200.8 134.501 201.11 133.441 201.73C132.381 202.35 131.561 203.22 130.981 204.34C130.401 205.46 130.111 206.74 130.111 208.18V226H122.971V184H129.961V193.48L129.901 199.18V200.29C130.861 198.41 132.171 196.99 133.831 196.03C135.491 195.05 137.371 194.56 139.471 194.56ZM187.186 212.56H163.756C163.956 214.16 164.446 215.57 165.226 216.79C166.006 218.01 167.006 218.96 168.226 219.64C169.446 220.3 170.806 220.63 172.306 220.63C174.066 220.63 175.556 220.37 176.776 219.85C177.996 219.33 178.936 218.58 179.596 217.6H186.646C186.326 219.1 185.536 220.55 184.276 221.95C183.016 223.35 181.336 224.5 179.236 225.4C177.136 226.28 174.736 226.72 172.036 226.72C169.036 226.72 166.336 226.03 163.936 224.65C161.556 223.27 159.696 221.36 158.356 218.92C157.016 216.46 156.346 213.69 156.346 210.61C156.346 207.57 157.026 204.83 158.386 202.39C159.746 199.95 161.616 198.04 163.996 196.66C166.396 195.26 169.076 194.56 172.036 194.56C175.076 194.56 177.736 195.25 180.016 196.63C182.316 198.01 184.086 199.92 185.326 202.36C186.566 204.78 187.186 207.53 187.186 210.61V212.56ZM172.066 200.47C169.906 200.47 168.086 201.11 166.606 202.39C165.146 203.67 164.216 205.41 163.816 207.61H179.866C179.506 205.41 178.656 203.67 177.316 202.39C175.996 201.11 174.246 200.47 172.066 200.47ZM207.281 226V184H225.041C227.921 184 230.451 184.53 232.631 185.59C234.811 186.65 236.491 188.15 237.671 190.09C238.871 192.01 239.471 194.24 239.471 196.78C239.471 199.34 238.861 201.6 237.641 203.56C236.441 205.52 234.731 207.04 232.511 208.12C230.311 209.18 227.741 209.71 224.801 209.71H214.631V226H207.281ZM224.651 203.44C226.831 203.44 228.571 202.85 229.871 201.67C231.171 200.47 231.821 198.86 231.821 196.84C231.821 194.84 231.171 193.25 229.871 192.07C228.571 190.89 226.831 190.3 224.651 190.3H214.631V203.44H224.651ZM253.303 226H245.953V184H253.303V201.16H272.443V184H279.793V226H272.443V208.03H253.303V226ZM290.485 226V184H308.245C311.125 184 313.655 184.53 315.835 185.59C318.015 186.65 319.695 188.15 320.875 190.09C322.075 192.01 322.675 194.24 322.675 196.78C322.675 199.34 322.065 201.6 320.845 203.56C319.645 205.52 317.935 207.04 315.715 208.12C313.515 209.18 310.945 209.71 308.005 209.71H297.835V226H290.485ZM307.855 203.44C310.035 203.44 311.775 202.85 313.075 201.67C314.375 200.47 315.025 198.86 315.025 196.84C315.025 194.84 314.375 193.25 313.075 192.07C311.775 190.89 310.035 190.3 307.855 190.3H297.835V203.44H307.855ZM94.69 296H87.34V254H115.36V260.87H94.69V272.42H114.16V279.29H94.69V296ZM135.721 296.72C132.661 296.72 129.901 296.03 127.441 294.65C124.981 293.27 123.041 291.36 121.621 288.92C120.221 286.48 119.521 283.72 119.521 280.64C119.521 277.56 120.221 274.8 121.621 272.36C123.041 269.92 124.981 268.01 127.441 266.63C129.921 265.25 132.691 264.56 135.751 264.56C138.811 264.56 141.571 265.25 144.031 266.63C146.491 268.01 148.421 269.92 149.821 272.36C151.221 274.8 151.921 277.56 151.921 280.64C151.921 283.72 151.221 286.48 149.821 288.92C148.421 291.36 146.491 293.27 144.031 294.65C141.571 296.03 138.801 296.72 135.721 296.72ZM135.781 290.3C137.441 290.3 138.931 289.9 140.251 289.1C141.591 288.28 142.631 287.14 143.371 285.68C144.131 284.22 144.511 282.54 144.511 280.64C144.511 278.74 144.131 277.06 143.371 275.6C142.611 274.12 141.561 272.98 140.221 272.18C138.901 271.36 137.411 270.95 135.751 270.95C134.091 270.95 132.591 271.36 131.251 272.18C129.911 272.98 128.851 274.12 128.071 275.6C127.311 277.06 126.931 278.74 126.931 280.64C126.931 282.54 127.311 284.22 128.071 285.68C128.851 287.14 129.911 288.28 131.251 289.1C132.591 289.9 134.101 290.3 135.781 290.3ZM178.25 265.28H185.39V296H178.43V291.2C177.47 293 176.16 294.37 174.5 295.31C172.84 296.25 170.96 296.72 168.86 296.72C166.66 296.72 164.72 296.24 163.04 295.28C161.36 294.32 160.05 292.93 159.11 291.11C158.17 289.29 157.7 287.12 157.7 284.6V265.28H164.81V283.49C164.81 285.71 165.37 287.43 166.49 288.65C167.63 289.85 169.22 290.45 171.26 290.45C172.62 290.45 173.83 290.14 174.89 289.52C175.95 288.88 176.77 288 177.35 286.88C177.95 285.76 178.25 284.48 178.25 283.04V265.28ZM210.545 264.56C212.745 264.56 214.685 265.04 216.365 266C218.065 266.96 219.385 268.35 220.325 270.17C221.265 271.99 221.735 274.16 221.735 276.68V296H214.595V277.79C214.595 275.57 214.025 273.86 212.885 272.66C211.765 271.44 210.185 270.83 208.145 270.83C206.785 270.83 205.575 271.15 204.515 271.79C203.455 272.41 202.625 273.28 202.025 274.4C201.445 275.52 201.155 276.8 201.155 278.24V296H194.045V265.28H200.975V270.08C201.935 268.28 203.245 266.91 204.905 265.97C206.565 265.03 208.445 264.56 210.545 264.56ZM252.2 254H259.31V296H252.2V291.41C251.04 293.09 249.58 294.4 247.82 295.34C246.08 296.26 244.13 296.72 241.97 296.72C239.25 296.72 236.78 296.03 234.56 294.65C232.36 293.25 230.62 291.33 229.34 288.89C228.08 286.43 227.45 283.68 227.45 280.64C227.45 277.6 228.08 274.86 229.34 272.42C230.6 269.96 232.33 268.04 234.53 266.66C236.75 265.26 239.22 264.56 241.94 264.56C244.12 264.56 246.08 265.02 247.82 265.94C249.58 266.86 251.04 268.17 252.2 269.87V254ZM243.53 290.33C245.11 290.33 246.52 289.98 247.76 289.28C249.02 288.58 250.03 287.6 250.79 286.34C251.57 285.06 252.04 283.58 252.2 281.9V279.38C252.04 277.7 251.57 276.23 250.79 274.97C250.03 273.69 249.02 272.7 247.76 272C246.52 271.3 245.11 270.95 243.53 270.95C241.83 270.95 240.32 271.36 239 272.18C237.7 272.98 236.68 274.12 235.94 275.6C235.22 277.06 234.86 278.74 234.86 280.64C234.86 282.54 235.22 284.23 235.94 285.71C236.68 287.17 237.7 288.31 239 289.13C240.32 289.93 241.83 290.33 243.53 290.33ZM280.089 264.56C282.589 264.56 284.789 265.01 286.689 265.91C288.589 266.79 290.069 268.07 291.129 269.75C292.189 271.41 292.719 273.38 292.719 275.66V296H285.819V291.62C284.879 293.28 283.579 294.55 281.919 295.43C280.259 296.29 278.289 296.72 276.009 296.72C274.009 296.72 272.219 296.35 270.639 295.61C269.059 294.85 267.829 293.8 266.949 292.46C266.069 291.1 265.629 289.56 265.629 287.84C265.629 286.2 266.049 284.69 266.889 283.31C267.749 281.91 268.939 280.77 270.459 279.89C271.979 279.01 273.689 278.47 275.589 278.27L283.749 277.43C284.369 277.37 284.849 277.14 285.189 276.74C285.549 276.34 285.729 275.77 285.729 275.03C285.709 273.57 285.159 272.39 284.079 271.49C282.999 270.59 281.599 270.14 279.879 270.14C278.739 270.14 277.699 270.34 276.759 270.74C275.839 271.12 275.099 271.64 274.539 272.3C273.979 272.96 273.649 273.69 273.549 274.49H266.499C266.699 272.57 267.409 270.86 268.629 269.36C269.869 267.86 271.479 266.69 273.459 265.85C275.459 264.99 277.669 264.56 280.089 264.56ZM278.259 291.35C279.739 291.35 281.039 291.07 282.159 290.51C283.299 289.93 284.179 289.12 284.799 288.08C285.419 287.04 285.729 285.85 285.729 284.51V281.78L277.299 282.74C275.979 282.88 274.909 283.33 274.089 284.09C273.289 284.85 272.889 285.83 272.889 287.03C272.889 288.31 273.389 289.35 274.389 290.15C275.389 290.95 276.679 291.35 278.259 291.35ZM311.815 296C310.035 296 308.455 295.64 307.075 294.92C305.715 294.2 304.655 293.19 303.895 291.89C303.155 290.59 302.785 289.09 302.785 287.39L302.755 271.43H297.355L297.385 265.28H300.745C301.505 265.28 302.115 265.05 302.575 264.59C303.035 264.11 303.265 263.5 303.265 262.76V257.81H309.895V265.28H317.275L317.245 271.43H309.895V286.49C309.895 287.47 310.205 288.28 310.825 288.92C311.465 289.54 312.275 289.85 313.255 289.85H317.245V296H311.815ZM330.853 296H323.713V265.28H330.853V296ZM323.383 260.78V254H331.123V260.78H323.383ZM353.514 296.72C350.454 296.72 347.694 296.03 345.234 294.65C342.774 293.27 340.834 291.36 339.414 288.92C338.014 286.48 337.314 283.72 337.314 280.64C337.314 277.56 338.014 274.8 339.414 272.36C340.834 269.92 342.774 268.01 345.234 266.63C347.714 265.25 350.484 264.56 353.544 264.56C356.604 264.56 359.364 265.25 361.824 266.63C364.284 268.01 366.214 269.92 367.614 272.36C369.014 274.8 369.714 277.56 369.714 280.64C369.714 283.72 369.014 286.48 367.614 288.92C366.214 291.36 364.284 293.27 361.824 294.65C359.364 296.03 356.594 296.72 353.514 296.72ZM353.574 290.3C355.234 290.3 356.724 289.9 358.044 289.1C359.384 288.28 360.424 287.14 361.164 285.68C361.924 284.22 362.304 282.54 362.304 280.64C362.304 278.74 361.924 277.06 361.164 275.6C360.404 274.12 359.354 272.98 358.014 272.18C356.694 271.36 355.204 270.95 353.544 270.95C351.884 270.95 350.384 271.36 349.044 272.18C347.704 272.98 346.644 274.12 345.864 275.6C345.104 277.06 344.724 278.74 344.724 280.64C344.724 282.54 345.104 284.22 345.864 285.68C346.644 287.14 347.704 288.28 349.044 289.1C350.384 289.9 351.894 290.3 353.574 290.3ZM392.713 264.56C394.913 264.56 396.853 265.04 398.533 266C400.233 266.96 401.553 268.35 402.493 270.17C403.433 271.99 403.903 274.16 403.903 276.68V296H396.763V277.79C396.763 275.57 396.193 273.86 395.053 272.66C393.933 271.44 392.353 270.83 390.313 270.83C388.953 270.83 387.743 271.15 386.683 271.79C385.623 272.41 384.793 273.28 384.193 274.4C383.613 275.52 383.323 276.8 383.323 278.24V296H376.213V265.28H383.143V270.08C384.103 268.28 385.413 266.91 387.073 265.97C388.733 265.03 390.613 264.56 392.713 264.56Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_2102_108137">
+<rect width="500" height="500" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/images/vendors/composer.png b/public/images/vendors/composer.png
new file mode 100644
index 0000000000..e0782d0593
Binary files /dev/null and b/public/images/vendors/composer.png differ
diff --git a/public/images/vendors/php-foundation.svg b/public/images/vendors/php-foundation.svg
new file mode 100644
index 0000000000..cf5b3a6942
--- /dev/null
+++ b/public/images/vendors/php-foundation.svg
@@ -0,0 +1,11 @@
+<svg width="500" height="500" viewBox="0 0 500 500" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2102_108137)">
+<rect width="500" height="500" fill="#6B57FF"/>
+<path d="M96.64 190.87H83.62V184H116.98V190.87H104.02V226.12H96.64V190.87ZM139.471 194.56C141.671 194.56 143.611 195.04 145.291 196C146.971 196.96 148.281 198.35 149.221 200.17C150.161 201.99 150.631 204.16 150.631 206.68V226H143.491V207.73C143.491 205.63 142.911 203.95 141.751 202.69C140.591 201.43 139.031 200.8 137.071 200.8C135.711 200.8 134.501 201.11 133.441 201.73C132.381 202.35 131.561 203.22 130.981 204.34C130.401 205.46 130.111 206.74 130.111 208.18V226H122.971V184H129.961V193.48L129.901 199.18V200.29C130.861 198.41 132.171 196.99 133.831 196.03C135.491 195.05 137.371 194.56 139.471 194.56ZM187.186 212.56H163.756C163.956 214.16 164.446 215.57 165.226 216.79C166.006 218.01 167.006 218.96 168.226 219.64C169.446 220.3 170.806 220.63 172.306 220.63C174.066 220.63 175.556 220.37 176.776 219.85C177.996 219.33 178.936 218.58 179.596 217.6H186.646C186.326 219.1 185.536 220.55 184.276 221.95C183.016 223.35 181.336 224.5 179.236 225.4C177.136 226.28 174.736 226.72 172.036 226.72C169.036 226.72 166.336 226.03 163.936 224.65C161.556 223.27 159.696 221.36 158.356 218.92C157.016 216.46 156.346 213.69 156.346 210.61C156.346 207.57 157.026 204.83 158.386 202.39C159.746 199.95 161.616 198.04 163.996 196.66C166.396 195.26 169.076 194.56 172.036 194.56C175.076 194.56 177.736 195.25 180.016 196.63C182.316 198.01 184.086 199.92 185.326 202.36C186.566 204.78 187.186 207.53 187.186 210.61V212.56ZM172.066 200.47C169.906 200.47 168.086 201.11 166.606 202.39C165.146 203.67 164.216 205.41 163.816 207.61H179.866C179.506 205.41 178.656 203.67 177.316 202.39C175.996 201.11 174.246 200.47 172.066 200.47ZM207.281 226V184H225.041C227.921 184 230.451 184.53 232.631 185.59C234.811 186.65 236.491 188.15 237.671 190.09C238.871 192.01 239.471 194.24 239.471 196.78C239.471 199.34 238.861 201.6 237.641 203.56C236.441 205.52 234.731 207.04 232.511 208.12C230.311 209.18 227.741 209.71 224.801 209.71H214.631V226H207.281ZM224.651 203.44C226.831 203.44 228.571 202.85 229.871 201.67C231.171 200.47 231.821 198.86 231.821 196.84C231.821 194.84 231.171 193.25 229.871 192.07C228.571 190.89 226.831 190.3 224.651 190.3H214.631V203.44H224.651ZM253.303 226H245.953V184H253.303V201.16H272.443V184H279.793V226H272.443V208.03H253.303V226ZM290.485 226V184H308.245C311.125 184 313.655 184.53 315.835 185.59C318.015 186.65 319.695 188.15 320.875 190.09C322.075 192.01 322.675 194.24 322.675 196.78C322.675 199.34 322.065 201.6 320.845 203.56C319.645 205.52 317.935 207.04 315.715 208.12C313.515 209.18 310.945 209.71 308.005 209.71H297.835V226H290.485ZM307.855 203.44C310.035 203.44 311.775 202.85 313.075 201.67C314.375 200.47 315.025 198.86 315.025 196.84C315.025 194.84 314.375 193.25 313.075 192.07C311.775 190.89 310.035 190.3 307.855 190.3H297.835V203.44H307.855ZM94.69 296H87.34V254H115.36V260.87H94.69V272.42H114.16V279.29H94.69V296ZM135.721 296.72C132.661 296.72 129.901 296.03 127.441 294.65C124.981 293.27 123.041 291.36 121.621 288.92C120.221 286.48 119.521 283.72 119.521 280.64C119.521 277.56 120.221 274.8 121.621 272.36C123.041 269.92 124.981 268.01 127.441 266.63C129.921 265.25 132.691 264.56 135.751 264.56C138.811 264.56 141.571 265.25 144.031 266.63C146.491 268.01 148.421 269.92 149.821 272.36C151.221 274.8 151.921 277.56 151.921 280.64C151.921 283.72 151.221 286.48 149.821 288.92C148.421 291.36 146.491 293.27 144.031 294.65C141.571 296.03 138.801 296.72 135.721 296.72ZM135.781 290.3C137.441 290.3 138.931 289.9 140.251 289.1C141.591 288.28 142.631 287.14 143.371 285.68C144.131 284.22 144.511 282.54 144.511 280.64C144.511 278.74 144.131 277.06 143.371 275.6C142.611 274.12 141.561 272.98 140.221 272.18C138.901 271.36 137.411 270.95 135.751 270.95C134.091 270.95 132.591 271.36 131.251 272.18C129.911 272.98 128.851 274.12 128.071 275.6C127.311 277.06 126.931 278.74 126.931 280.64C126.931 282.54 127.311 284.22 128.071 285.68C128.851 287.14 129.911 288.28 131.251 289.1C132.591 289.9 134.101 290.3 135.781 290.3ZM178.25 265.28H185.39V296H178.43V291.2C177.47 293 176.16 294.37 174.5 295.31C172.84 296.25 170.96 296.72 168.86 296.72C166.66 296.72 164.72 296.24 163.04 295.28C161.36 294.32 160.05 292.93 159.11 291.11C158.17 289.29 157.7 287.12 157.7 284.6V265.28H164.81V283.49C164.81 285.71 165.37 287.43 166.49 288.65C167.63 289.85 169.22 290.45 171.26 290.45C172.62 290.45 173.83 290.14 174.89 289.52C175.95 288.88 176.77 288 177.35 286.88C177.95 285.76 178.25 284.48 178.25 283.04V265.28ZM210.545 264.56C212.745 264.56 214.685 265.04 216.365 266C218.065 266.96 219.385 268.35 220.325 270.17C221.265 271.99 221.735 274.16 221.735 276.68V296H214.595V277.79C214.595 275.57 214.025 273.86 212.885 272.66C211.765 271.44 210.185 270.83 208.145 270.83C206.785 270.83 205.575 271.15 204.515 271.79C203.455 272.41 202.625 273.28 202.025 274.4C201.445 275.52 201.155 276.8 201.155 278.24V296H194.045V265.28H200.975V270.08C201.935 268.28 203.245 266.91 204.905 265.97C206.565 265.03 208.445 264.56 210.545 264.56ZM252.2 254H259.31V296H252.2V291.41C251.04 293.09 249.58 294.4 247.82 295.34C246.08 296.26 244.13 296.72 241.97 296.72C239.25 296.72 236.78 296.03 234.56 294.65C232.36 293.25 230.62 291.33 229.34 288.89C228.08 286.43 227.45 283.68 227.45 280.64C227.45 277.6 228.08 274.86 229.34 272.42C230.6 269.96 232.33 268.04 234.53 266.66C236.75 265.26 239.22 264.56 241.94 264.56C244.12 264.56 246.08 265.02 247.82 265.94C249.58 266.86 251.04 268.17 252.2 269.87V254ZM243.53 290.33C245.11 290.33 246.52 289.98 247.76 289.28C249.02 288.58 250.03 287.6 250.79 286.34C251.57 285.06 252.04 283.58 252.2 281.9V279.38C252.04 277.7 251.57 276.23 250.79 274.97C250.03 273.69 249.02 272.7 247.76 272C246.52 271.3 245.11 270.95 243.53 270.95C241.83 270.95 240.32 271.36 239 272.18C237.7 272.98 236.68 274.12 235.94 275.6C235.22 277.06 234.86 278.74 234.86 280.64C234.86 282.54 235.22 284.23 235.94 285.71C236.68 287.17 237.7 288.31 239 289.13C240.32 289.93 241.83 290.33 243.53 290.33ZM280.089 264.56C282.589 264.56 284.789 265.01 286.689 265.91C288.589 266.79 290.069 268.07 291.129 269.75C292.189 271.41 292.719 273.38 292.719 275.66V296H285.819V291.62C284.879 293.28 283.579 294.55 281.919 295.43C280.259 296.29 278.289 296.72 276.009 296.72C274.009 296.72 272.219 296.35 270.639 295.61C269.059 294.85 267.829 293.8 266.949 292.46C266.069 291.1 265.629 289.56 265.629 287.84C265.629 286.2 266.049 284.69 266.889 283.31C267.749 281.91 268.939 280.77 270.459 279.89C271.979 279.01 273.689 278.47 275.589 278.27L283.749 277.43C284.369 277.37 284.849 277.14 285.189 276.74C285.549 276.34 285.729 275.77 285.729 275.03C285.709 273.57 285.159 272.39 284.079 271.49C282.999 270.59 281.599 270.14 279.879 270.14C278.739 270.14 277.699 270.34 276.759 270.74C275.839 271.12 275.099 271.64 274.539 272.3C273.979 272.96 273.649 273.69 273.549 274.49H266.499C266.699 272.57 267.409 270.86 268.629 269.36C269.869 267.86 271.479 266.69 273.459 265.85C275.459 264.99 277.669 264.56 280.089 264.56ZM278.259 291.35C279.739 291.35 281.039 291.07 282.159 290.51C283.299 289.93 284.179 289.12 284.799 288.08C285.419 287.04 285.729 285.85 285.729 284.51V281.78L277.299 282.74C275.979 282.88 274.909 283.33 274.089 284.09C273.289 284.85 272.889 285.83 272.889 287.03C272.889 288.31 273.389 289.35 274.389 290.15C275.389 290.95 276.679 291.35 278.259 291.35ZM311.815 296C310.035 296 308.455 295.64 307.075 294.92C305.715 294.2 304.655 293.19 303.895 291.89C303.155 290.59 302.785 289.09 302.785 287.39L302.755 271.43H297.355L297.385 265.28H300.745C301.505 265.28 302.115 265.05 302.575 264.59C303.035 264.11 303.265 263.5 303.265 262.76V257.81H309.895V265.28H317.275L317.245 271.43H309.895V286.49C309.895 287.47 310.205 288.28 310.825 288.92C311.465 289.54 312.275 289.85 313.255 289.85H317.245V296H311.815ZM330.853 296H323.713V265.28H330.853V296ZM323.383 260.78V254H331.123V260.78H323.383ZM353.514 296.72C350.454 296.72 347.694 296.03 345.234 294.65C342.774 293.27 340.834 291.36 339.414 288.92C338.014 286.48 337.314 283.72 337.314 280.64C337.314 277.56 338.014 274.8 339.414 272.36C340.834 269.92 342.774 268.01 345.234 266.63C347.714 265.25 350.484 264.56 353.544 264.56C356.604 264.56 359.364 265.25 361.824 266.63C364.284 268.01 366.214 269.92 367.614 272.36C369.014 274.8 369.714 277.56 369.714 280.64C369.714 283.72 369.014 286.48 367.614 288.92C366.214 291.36 364.284 293.27 361.824 294.65C359.364 296.03 356.594 296.72 353.514 296.72ZM353.574 290.3C355.234 290.3 356.724 289.9 358.044 289.1C359.384 288.28 360.424 287.14 361.164 285.68C361.924 284.22 362.304 282.54 362.304 280.64C362.304 278.74 361.924 277.06 361.164 275.6C360.404 274.12 359.354 272.98 358.014 272.18C356.694 271.36 355.204 270.95 353.544 270.95C351.884 270.95 350.384 271.36 349.044 272.18C347.704 272.98 346.644 274.12 345.864 275.6C345.104 277.06 344.724 278.74 344.724 280.64C344.724 282.54 345.104 284.22 345.864 285.68C346.644 287.14 347.704 288.28 349.044 289.1C350.384 289.9 351.894 290.3 353.574 290.3ZM392.713 264.56C394.913 264.56 396.853 265.04 398.533 266C400.233 266.96 401.553 268.35 402.493 270.17C403.433 271.99 403.903 274.16 403.903 276.68V296H396.763V277.79C396.763 275.57 396.193 273.86 395.053 272.66C393.933 271.44 392.353 270.83 390.313 270.83C388.953 270.83 387.743 271.15 386.683 271.79C385.623 272.41 384.793 273.28 384.193 274.4C383.613 275.52 383.323 276.8 383.323 278.24V296H376.213V265.28H383.143V270.08C384.103 268.28 385.413 266.91 387.073 265.97C388.733 265.03 390.613 264.56 392.713 264.56Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_2102_108137">
+<rect width="500" height="500" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/public/index.php b/public/index.php
index b9063dc22d..c88491514f 100644
--- a/public/index.php
+++ b/public/index.php
@@ -2,6 +2,13 @@
 
 use phpweb\News\NewsHandler;
 use phpweb\Releases\Branches;
+use phpweb\Releases\VersionLogos;
+use phpweb\Themes\ClickableCard;
+use phpweb\Themes\HTML;
+use phpweb\Themes\SVG;
+use phpweb\Themes\ThemeRenderer;
+
+require_once __DIR__ . '/../include/prepend.inc';
 
 (function ($uri): void {
     // Special redirect cases not able to be captured in error.php
@@ -16,197 +23,641 @@
     }
 })($_SERVER['REQUEST_URI'] ?? '');
 
-// Get the modification date of this PHP file
-$timestamps = [@getlastmod()];
-
-/*
-   The date of prepend.inc represents the age of ALL
-   included files. Please touch it if you modify any
-   other include file (and the modification affects
-   the display of the index page). The cost of stat'ing
-   them all is prohibitive.
-*/
-$timestamps[] = @filemtime("include/prepend.inc");
-
-// These are the only dynamic parts of the frontpage
-$timestamps[] = @filemtime("include/pregen-confs.inc");
-$timestamps[] = @filemtime("include/pregen-news.inc");
-$timestamps[] = @filemtime("include/version.inc");
-$timestamps[] = @filemtime("js/common.js");
-
-// The latest of these modification dates is our real Last-Modified date
-$timestamp = max($timestamps);
-
-// Note that this is not a RFC 822 date (the tz is always GMT)
-$tsstring = gmdate("D, d M Y H:i:s ", $timestamp) . "GMT";
-
-// Check if the client has the same page cached
-if (isset($_SERVER["HTTP_IF_MODIFIED_SINCE"]) &&
-    ($_SERVER["HTTP_IF_MODIFIED_SINCE"] == $tsstring)) {
-    header("HTTP/1.1 304 Not Modified");
-    exit();
-}
+/**
+ * @phpstan-import-type NormalizedReleaseStruct from Branches
+ */
+readonly class FrontPageController
+{
+    private ThemeRenderer $theme;
 
-// Inform the user agent what is our last modification date
-header("Last-Modified: " . $tsstring);
+    /** @return list<ClickableCard> */
+    private static function getLanguageDevelopmentCards(): array
+    {
+        return [
+            new ClickableCard(
+                title: 'PHP on Github',
+                href: 'https://github.com/php',
+                image: new SVG(<<<SVG
+                    <svg style="" class="" width="98" height="96" viewBox="0 0 98 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+                        <g clip-path="url(#clip0_730_27136)">
+                        <path d="M41.4395 69.3848C28.8066 67.8535 19.9062 58.7617 19.9062 46.9902C19.9062 42.2051 21.6289 37.0371 24.5 33.5918C23.2559 30.4336 23.4473 23.7344 24.8828 20.959C28.7109 20.4805 33.8789 22.4902 36.9414 25.2656C40.5781 24.1172 44.4062 23.543 49.0957 23.543C53.7852 23.543 57.6133 24.1172 61.0586 25.1699C64.0254 22.4902 69.2891 20.4805 73.1172 20.959C74.457 23.543 74.6484 30.2422 73.4043 33.4961C76.4668 37.1328 78.0937 42.0137 78.0937 46.9902C78.0937 58.7617 69.1934 67.6621 56.3691 69.2891C59.623 71.3945 61.8242 75.9883 61.8242 81.252L61.8242 91.2051C61.8242 94.0762 64.2168 95.7031 67.0879 94.5547C84.4102 87.9512 98 70.6289 98 49.1914C98 22.1074 75.9883 6.69539e-07 48.9043 4.309e-07C21.8203 1.92261e-07 -1.9479e-07 22.1074 -4.3343e-07 49.1914C-6.20631e-07 70.4375 13.4941 88.0469 31.6777 94.6504C34.2617 95.6074 36.75 93.8848 36.75 91.3008L36.75 83.6445C35.4102 84.2188 33.6875 84.6016 32.1562 84.6016C25.8398 84.6016 22.1074 81.1563 19.4277 74.7441C18.375 72.1602 17.2266 70.6289 15.0254 70.3418C13.877 70.2461 13.4941 69.7676 13.4941 69.1934C13.4941 68.0449 15.4082 67.1836 17.3223 67.1836C20.0977 67.1836 22.4902 68.9063 24.9785 72.4473C26.8926 75.2227 28.9023 76.4668 31.2949 76.4668C33.6875 76.4668 35.2187 75.6055 37.4199 73.4043C39.0469 71.7773 40.291 70.3418 41.4395 69.3848Z" fill="currentColor"/>
+                        </g>
+                        <defs>
+                        <clipPath id="clip0_730_27136">
+                        <rect width="98" height="96" fill="white"/>
+                        </clipPath>
+                        </defs>
+                    </svg>
+                SVG),
+                body: 'Browse and contribute to the source code behind the PHP engine and infrastructure.',
+            ),
+            new ClickableCard(
+                title: 'RFCs / Language Proposals',
+                href: 'https://wiki.php.net/rfc',
+                image: '/images/language-development/rfcs.png',
+                body: 'Requests for Comments are the mechanism PHP internals uses to propose language changes.',
+            ),
+            new ClickableCard(
+                title: 'PHP Internals',
+                href: 'https://news-web.php.net/php.internals',
+                image: '/images/language-development/php-internals.png',
+                body: 'Browse discussions from PHP Internals mailing list about current and future enhancements.',
+            ),
+            new ClickableCard(
+                title: 'Get Involved',
+                href: '/get-involved.php',
+                image: '/images/language-development/get-involved.png',
+                body: 'Find ways to contribute to the PHP engine, documentation and more.',
+            ),
+            new ClickableCard(
+                title: 'Submit a Bug Report',
+                href: 'https://github.com/php/php-src/issues',
+                image: '/images/language-development/submit-bug-report.png',
+                body: 'Found a bug in the PHP runtime? Help us out by submitting it to our issue tracker.',
+            ),
+            new ClickableCard(
+                title: 'Documentation Translation',
+                href: 'https://doc.php.net/guide/',
+                image: '/images/language-development/documentation.png',
+                body: 'Help our team translate our documentation into multiple languages.',
+            ),
+        ];
+    }
 
-$_SERVER['BASE_PAGE'] = 'index.php';
-require_once __DIR__ . '/../include/prepend.inc';
-require_once __DIR__ . '/../include/pregen-confs.inc';
-
-mirror_setcookie("LAST_NEWS", $_SERVER["REQUEST_TIME"], 60 * 60 * 24 * 365);
-
-$content = "<div class='home-content'>";
-foreach ((new NewsHandler())->getFrontPageNews() as $entry) {
-    $link = preg_replace('~^(http://php.net/|https://www.php.net/)~', '', $entry["id"]);
-    $id = parse_url($entry["id"], PHP_URL_FRAGMENT);
-    $date = date_create($entry['updated'] ?? $entry['published']);
-    $date_human = date_format($date, 'd M Y');
-    $date_w3c = date_format($date, DATE_W3C);
-    $content .= <<<NEWSENTRY
-<article class="newsentry">
-  <header class="title">
-    <time datetime="$date_w3c">$date_human</time>
-    <h2 class="newstitle">
-      <a href="{$MYSITE}{$link}" id="{$id}">{$entry["title"]}</a>
-    </h2>
-  </header>
-  <div class="newscontent">
-    {$entry["content"]}
-  </div>
-</article>
-NEWSENTRY;
-}
-$content .= '<p class="archive"><a href="/archive/">Older News Entries</a></p>';
-$content .= "</div>";
-
-$intro = <<<EOF
-  <div class="hero">
-    <img class="hero__logo" src="/images/logos/php-logo-white.svg" alt="php" width="240" height="120">
-    <p class="hero__text">A <strong>popular general-purpose scripting language</strong> that is especially suited to web development.<br />Fast, flexible and pragmatic, PHP powers everything from your blog to the most popular websites in the world.</p>
-    <div class="hero__actions">
-      <a href="/releases/8.5/index.php" class="hero__btn hero__btn--primary">What's new in 8.5</a>
-      <a href="/downloads.php" class="hero__btn hero__btn--secondary">Download</a>
-    </div>
-EOF;
-
-$intro .= "<ul class='hero__versions'>\n";
-$active_branches = Branches::active();
-krsort($active_branches);
-foreach ($active_branches as $major => $releases) {
-    krsort($releases);
-    foreach ((array)$releases as $release) {
-        $version = $release['version'];
-        [$major, $minor, $_] = explode('.', $version);
-        $intro .= "
-            <li class='hero__version'><a class='hero__version-link' href='/downloads.php?version=$major.$minor'>$version</a> &middot; <a class='notes' href='/ChangeLog-$major.php#$version'>Changelog</a> &middot; <a class='notes' href='/migration$major$minor'>Upgrading</a></li>\n";
+    /** @return list<ClickableCard> */
+    private static function getCommunityLinks(): array
+    {
+        return [
+            new ClickableCard(
+                title: 'Reddit',
+                href: 'https://www.reddit.com/r/PHP/',
+                image: '/images/community/reddit.png',
+                body: 'Reddit has an active PHP community discussing the language and its ecosystem.',
+            ),
+            new ClickableCard(
+                title: 'PHP Community (Discord)',
+                href: 'https://discord.phpc.social/',
+                image: '/images/community/phpc-discord.png',
+                body: 'Join thousands of users on Discord talking about PHP.',
+            ),
+            new ClickableCard(
+                title: 'Official Mailing Lists',
+                href: '/mailing-lists.php',
+                image: '/images/community/mailing-lists.png',
+                body: 'Help and guidance, as well as proposals & discussions on the future of the language.',
+            ),
+            new ClickableCard(
+                title: 'PHP Developers (Discord)',
+                href: 'https://discord.gg/php-developers-484326318851358720',
+                image: '/images/community/phpdevelopers-discord.webp',
+                body: 'Born in 2018, it is the first community on Discord dedicated to PHP developers. Open for both experts and apprentices.',
+            ),
+            new ClickableCard(
+                title: 'Libera.Chat',
+                href: 'https://libera.chat/',
+                image: '/images/community/libera.svg',
+                body: 'Providing a community platform for free and open-source software and peer directed projects..',
+            ),
+            new ClickableCard(
+                title: 'LinkedIn',
+                href: 'https://www.linkedin.com/search/results/content/?keywords=php',
+                image: '/images/community/linkedin.svg',
+                body: 'PHP related posts on the world\'s largest professional network.',
+            ),
+            new ClickableCard(
+                title: 'phpc.social (Mastodon)',
+                href: 'https://phpc.social/',
+                image: '/images/community/mastodon.svg',
+                body: 'A place for PHP programmers & friends to discuss topics related to the PHP programming language, frameworks, packages, tools, open source, tech, life, and more',
+            ),
+        ];
     }
-}
-$intro .= "</ul>\n";
-$intro .= <<<EOF
-  </div>
-EOF;
-
-site_header(NULL,
-    [
-        'current' => 'home',
-        'headtags' => [
-            '<link rel="alternate" type="application/atom+xml" title="PHP: Hypertext Preprocessor" href="' . $MYSITE . 'feed.atom">',
-            '<script>',
-            "function okc(f){var c=[38,38,40,40,37,39,37,39,66,65,13],x=function(){x.c=x.c||Array.apply({},c);x.r=function(){x.c=null};return x.c},h=function(e){if(x()[0]==(e||window.event).keyCode){x().shift();if(!x().length){x.r();f()}}else{x.r()}};window.addEventListener?window.addEventListener('keydown',h,false):document.attachEvent('onkeydown',h)}",
-            "okc(function(){if(document.getElementById){i=document.getElementById('phplogo');i.src='" . $MYSITE . "images/php_konami.gif'}});",
-            '</script>',
-        ],
-        'link' => [
-            [
-                "rel" => "search",
-                "type" => "application/opensearchdescription+xml",
-                "href" => $MYSITE . "phpnetimprovedsearch.src",
-                "title" => "Add PHP.net search",
-            ],
-            [
-                "rel" => "alternate",
-                "type" => "application/atom+xml",
-                "href" => $MYSITE . "releases/feed.php",
-                "title" => "PHP Release feed",
-            ],
 
+    private const array HERO_TIPS = [
+        [
+            'title' => 'Fast & Modern',
+            'about' => 'PHP provides blistering fast performance and a modern developer-focused experience.',
+        ],
+        [
+            'title' => 'A Massive Ecosystem',
+            'about' => 'Leverage over 450,000 existing open source packages for your projects, along with powerful tooling.',
+        ],
+        [
+            'title' => 'An Established Community',
+            'about' => 'Millions of developers and businesses already use PHP to achieve their goals every day.',
         ],
-        'css' => ['home.css'],
-        'intro' => $intro,
-    ],
-);
-
-// Print body of home page.
-echo $content;
-
-// Prepare announcements.
-if (is_array($CONF_TEASER)) {
-    $conftype = [
-        'conference' => 'Upcoming conferences',
-        'cfp' => 'Conferences calling for papers',
     ];
-    $announcements = "";
-    foreach ($CONF_TEASER as $category => $entries) {
-        if ($entries) {
-            $announcements .= '<div class="panel">';
-            $announcements .= '  <a href="/conferences" class="headline" title="' . $conftype[$category] . '">' . $conftype[$category] . '</a>';
-            $announcements .= '<div class="body"><ul>';
-            foreach (array_slice($entries, 0, 4) as $url => $title) {
-                $title = preg_replace("'([A-Za-z0-9])([\s:\-,]*?)call for(.*?)$'i", "$1", $title);
-                $announcements .= "<li><a href='$url' title='$title'>$title</a></li>";
-            }
-            $announcements .= '</ul></div>';
-            $announcements .= '</div>';
+
+    public function __construct()
+    {
+        $this->theme = new ThemeRenderer();
+    }
+
+    public function render(): void
+    {
+        $latestReleases = [];
+        foreach (Branches::active(false) as $releases) {
+            foreach ($releases as $versionId => $release) {
+                $latestReleases[$versionId] = $release;
+            }
+        }
+
+        $latestReleases = array_reverse($latestReleases);
+        $latestRelease = array_shift($latestReleases);
+        assert($latestRelease !== null);
+
+        $conferenceCards =[];
+        $now = new DateTimeImmutable(); // ->sub(new DateInterval('P180D')); add this to include more for testing
+        foreach (new NewsHandler()->getConferences() as $conference) {
+            $cutoff = NewsHandler::parseTeaserCutoff($conference);
+            if (!$cutoff || $cutoff < $now) {
+                continue;
+            }
+
+            $link = preg_replace('~^(http://php.net/|https://www.php.net/)~', '/', $conference["link"][0]["href"] ?? '');
+            if (!$link) {
+                continue;
+            }
+
+            $image = $conference['newsImage']['content'] ?? '';
+            if ($image) {
+                $image = '/images/news/' . $image;
+            }
+
+            $conferenceCards[] = new ClickableCard(
+                title: $conference['title'],
+                href: $link,
+                image: $image,
+                body: NewsHandler::extractTeaser($conference, 160),
+            );
+        }
+
+        site_header(null, $this->getHeaderConfig());
+        $this->drawStyles();
+
+        $this->drawSection('header gst-header-block', 'hero', function() {
+            ?>
+            <div class="lp-header">
+                <div style="flex: 999999 0 300px; display: flex;">
+                    <svg style="padding: 1em; width: 100%; height: 200px" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 -1 100 50">
+                        <path d="m7.579 10.123 14.204 0c4.169 0.035 7.19 1.237 9.063 3.604 1.873 2.367 2.491 5.6 1.855 9.699-0.247 1.873-0.795 3.71-1.643 5.512-0.813 1.802-1.943 3.427-3.392 4.876-1.767 1.837-3.657 3.003-5.671 3.498-2.014 0.495-4.099 0.742-6.254 0.742l-6.36 0-2.014 10.07-7.367 0 7.579-38.001 0 0m6.201 6.042-3.18 15.9c0.212 0.035 0.424 0.053 0.636 0.053 0.247 0 0.495 0 0.742 0 3.392 0.035 6.219-0.3 8.48-1.007 2.261-0.742 3.781-3.321 4.558-7.738 0.636-3.71 0-5.848-1.908-6.413-1.873-0.565-4.222-0.83-7.049-0.795-0.424 0.035-0.83 0.053-1.219 0.053-0.353 0-0.724 0-1.113 0l0.053-0.053"/>
+                        <path d="m41.093 0 7.314 0-2.067 10.123 6.572 0c3.604 0.071 6.289 0.813 8.056 2.226 1.802 1.413 2.332 4.099 1.59 8.056l-3.551 17.649-7.42 0 3.392-16.854c0.353-1.767 0.247-3.021-0.318-3.763-0.565-0.742-1.784-1.113-3.657-1.113l-5.883-0.053-4.346 21.783-7.314 0 7.632-38.054 0 0"/>
+                        <path d="m70.412 10.123 14.204 0c4.169 0.035 7.19 1.237 9.063 3.604 1.873 2.367 2.491 5.6 1.855 9.699-0.247 1.873-0.795 3.71-1.643 5.512-0.813 1.802-1.943 3.427-3.392 4.876-1.767 1.837-3.657 3.003-5.671 3.498-2.014 0.495-4.099 0.742-6.254 0.742l-6.36 0-2.014 10.07-7.367 0 7.579-38.001 0 0m6.201 6.042-3.18 15.9c0.212 0.035 0.424 0.053 0.636 0.053 0.247 0 0.495 0 0.742 0 3.392 0.035 6.219-0.3 8.48-1.007 2.261-0.742 3.781-3.321 4.558-7.738 0.636-3.71 0-5.848-1.908-6.413-1.873-0.565-4.222-0.83-7.049-0.795-0.424 0.035-0.83 0.053-1.219 0.053-0.353 0-0.724 0-1.113 0l0.053-0.053"/>
+                    </svg>
+
+                </div>
+                <div style="flex: 1 1 450px">
+                    <?php foreach (self::HERO_TIPS as $tip) { ?>
+                        <div class="lp-header-promo">
+                            <div class="lp-header-title"><?= $this->safe($tip['title']) ?></div>
+                            <div class="lp-header-tagline"><?= $this->safe($tip['about']) ?></div>
+                        </div>
+                    <?php } ?>
+                </div>
+            </div>
+            <?php
+        });
+
+        $this->drawSection('primary', 'releases', function() use ($latestRelease, $latestReleases) {
+            $this->drawLatestVersionHeader($latestRelease);
+            ?>
+
+            <div class="gst-cgrid" style="grid-template-columns: repeat(auto-fit, minmax(340px, 1fr))">
+                <?php foreach ($latestReleases as $release) { ?>
+                    <?php $this->drawSupportedMinorVersion($release); ?>
+                <?php } ?>
+            </div>
+            <?php
+        });
+
+        $this->drawSection('secondary', 'php-foundation', function() {
+            ?>
+            <div class="banner-container">
+                <div class="banner-graphic-container">
+                    <img src="https://web-php-revamp26-558551258802.europe-west4.run.app/images/logos/php-foundation.svg"
+                         alt="PHP Foundation Logo" />
+                </div>
+                <div class="banner-content">
+                    <div class="banner-content-highlight">
+                        The PHP Foundation is a collective of people and organizations,
+                        united in the mission to ensure the long-term prosperity of the PHP language.
+                    </div>
+
+                    <div class="banner-content-links">
+                        <a class="button-primary" target="_blank" href="https://thephp.foundation/">
+                            Learn About the PHP Foundation
+                        </a>
+                        &nbsp;·&nbsp;
+
+                        <a class="button-primary" target="_blank" href="https://opencollective.com/phpfoundation/contribute">
+                            Donate Via Open Collective
+                        </a>
+                        &nbsp;·&nbsp;
+
+                        <a class="button-primary" target="_blank" href="https://github.com/sponsors/ThePHPF">
+                            Donate Via GitHub
+                        </a>
+                    </div>
+                </div>
+            </div>
+            <?php
+        });
+
+        $this->drawSection('primary', 'community', function() use ($conferenceCards): void {
+            echo $this->theme->sectionHeader(
+                title: 'Community',
+                subtitle: 'Find places to engage with other PHP users across the internet',
+            );
+
+            echo $this->theme->clickableCards(self::getCommunityLinks(), id: 'community-cards', shuffleLimit: 6);
+
+            if ($conferenceCards) {
+                echo $this->theme->sectionHeader(
+                    title: 'Events & Conferences',
+                );
+
+                echo $this->theme->clickableCards(
+                    cards: $conferenceCards,
+                    id: 'event-cards',
+                    shuffleLimit: 6,
+                    cssImage: 'gst-card-title-icon lp-conf-image-background',
+                );
+
+                ?>
+                <div class="gst-readable" style="text-align: center; margin-top: 1.5em">
+                    <a href="/conferences/">View more conferences</a>
+                </div>
+                <?php
+            }
+        });
+
+        $this->drawSection('secondary', 'composer', function() {
+            ?>
+            <div class="banner-container">
+                <div class="banner-graphic-container">
+                    <img src="https://web-php-revamp26-558551258802.europe-west4.run.app/images/logos/composer.png"
+                         alt="Composer Logo" />
+                </div>
+                <div class="banner-content">
+                    <div class="banner-content-highlight">
+                        PHP has one of the largest collections of open-source libraries in the world.
+                        <br /><br />
+
+                        Ranging from individual helpers to entire application frameworks, all packages are
+                        easily installable via the <em>Composer</em> package manager.
+                    </div>
+
+                    <div class="banner-content-links">
+                        <a class="button-primary" target="_blank" href="https://getcomposer.org/">
+                            Get Composer
+                        </a>
+                        &nbsp;·&nbsp;
+
+                        <a class="button-primary" target="_blank" href="https://packagist.org/">
+                            Browse Package Repository
+                        </a>
+                    </div>
+                </div>
+            </div>
+            <?php
+        });
+
+        $this->drawSection('primary', 'language-development', function() {
+            echo $this->theme->sectionHeader(
+                title: 'Language Development',
+                subtitle: 'It takes a broad effort to develop the PHP language',
+            );
+
+            echo $this->theme->clickableCards(self::getLanguageDevelopmentCards(), id: 'language-development-cards');
+        });
+
+        site_footer([
+            'footer_style' => 'new',
+            "atom" => "/feed.atom", // Add a link to the feed at the bottom
+        ]);
+    }
+
+
+    private function safe(string|HTML $content): string
+    {
+        if ($content instanceof HTML) {
+            return $content->html;
         }
+
+        return htmlspecialchars($content, ENT_QUOTES);
+    }
+
+    /**
+     * @param NormalizedReleaseStruct $release
+     */
+    private function drawLatestVersionHeader(array $release): void
+    {
+        [$major, $minor] = explode('.', $release['version']);
+        $versionId = $major . '.' . $minor;
+        $highlights = (require __DIR__ . '/../include/branch-highlights.inc')[$versionId]['features'] ?? [];
+
+        ?>
+        <div class="gst-theme-inverted gst-card gst-container">
+            <div class="gst-card-content">
+                <div class="lp-lrh">
+                    <div class="lp-lrh-left">
+                        <?= VersionLogos::getLogo($versionId, highlight: '#000000', style: 'width: 100%; height: 100px') ?>
+
+                        <?php $this->drawUnifiedVersionHeader($release) ?>
+
+                        <div style="width: 100%; margin-top: 1rem">
+                            <div class="lp-lhr-button-split">
+                                <a class="gst-chunky-btn plaina" href="/releases/<?= $versionId ?>/">Discover More</a>
+                                <a class="gst-chunky-btn plaina" href="/downloads.php?version=<?= $versionId ?>">Download</a>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="lp-lhr-highlights">
+                        <?php foreach ($highlights as $highlight) { ?>
+                        <div class="lp-lrh-highlight">
+                            <div class="lp-lrh-highlight-title">
+                                <?= $this->safe($this->theme->textWithCode($highlight['title'])) ?>
+                            </div>
+                            <div class="lp-lrh-highlight-text">
+                                <?= $this->safe($this->theme->textWithCode($highlight['about'] ?? $highlight['short'] ?? '')) ?>
+                            </div>
+                        </div>
+                        <?php } ?>
+                    </div>
+                </div>
+            </div>
+        </div>
+        <br />
+        <?php
+    }
+
+    /**
+     * @param NormalizedReleaseStruct $release
+     */
+    private function drawUnifiedVersionHeader(array $release): void
+    {
+        $releaseId = $release['version'];
+        [$major, $minor, $patch] = explode('.', $releaseId);
+        $versionId = $major . '.' . $minor;
+
+        $now = new DateTimeImmutable();
+        $timeLabel = function (string $label, ?DateTime $time) use ($now): string {
+            return sprintf('<span><span style="font-weight: 500; margin-right: 0.5em">%s:</span>%s</span>',
+                    $label,
+                    ($time && $time > $now) ? $time->format('Y-m-d') : 'End of Life',
+            );
+        };
+
+        ?>
+        <div style="text-align: center">
+            <div>
+                <a href="/releases/<?= $major . '_' . $minor . '_' . $patch ?>.php"><?= $releaseId ?></a>
+                &nbsp;
+                <a href="/manual/migration<?= $major . $minor ?>">Migration Guide</a>
+            </div>
+            <div style="font-size: smaller; margin-top: 0.1rem">
+                <?= $timeLabel('Bugfixes', Branches::getBranchBugsEOLDate($versionId)) ?>
+                &nbsp;
+                &nbsp;
+                <?= $timeLabel('Security', Branches::getBranchSecurityEOLDate($versionId)) ?>
+            </div>
+        </div>
+        <?php
+    }
+
+    /**
+     * @param NormalizedReleaseStruct $release
+     */
+    private function drawSupportedMinorVersion(array $release): void
+    {
+        [$major, $minor] = explode('.', $release['version']);
+        $versionId = $major . '.' . $minor;
+
+        $upgrades = (require __DIR__ . '/../include/branch-highlights.inc')[$versionId]['features'] ?? [];
+
+        ?>
+        <div class="gst-card gst-default-card gst-cgrid-card">
+            <div class="gst-card-content" style="display: flex; flex-direction: column; gap: 1.5em; padding-bottom: 0">
+                <div style="margin-top: 1em">
+                    <?= VersionLogos::getLogo($versionId, style: 'width: 100%; height: 70px; object-fit: contain') ?>
+                </div>
+
+                <div style="margin-left: auto; margin-right: auto">
+                    <?php $this->drawUnifiedVersionHeader($release) ?>
+                </div>
+
+                <div>
+                    <div style="font-weight: bold; margin-bottom: 0.25em">Major Features:</div>
+                    <ul>
+                        <?php foreach ($upgrades as $idx => $upgrade) { ?>
+                            <li class="<?= $idx >= 2 ? 'hidden-phone': '' ?>"><?= $this->safe($upgrade['short'] ?? $upgrade['title'] ?? '')?></li>
+                        <?php } ?>
+                        <li>
+                            Plus much more...
+                        </li>
+                    </ul>
+                </div>
+            </div>
+            <div class="gst-card-footer lp-lhr-button-split" >
+                <a class="gst-chunky-btn plaina" href="/releases/<?= $versionId ?>/">Discover More</a>
+                <a class="gst-chunky-btn plaina" href="/downloads.php?version=<?= $versionId ?>">Download</a>
+            </div>
+        </div>
+        <?php
+    }
+
+    private function drawSection(string $template, string $id, Closure $contents): void
+    {
+        ?>
+        <div class="<?= "gst-theme-$template gst-container" ?>" id="<?= $this->safe($id) ?>">
+            <div class="gst-content-p-wide">
+                <?php $contents() ?>
+            </div>
+        </div>
+        <?php
+    }
+
+    private function drawStyles(): void
+    {
+        ?>
+        <style>
+            .no-transition * {
+                transition: none !important;
+            }
+
+            .lp-header {
+                display: flex;
+                flex-direction: row;
+                flex-wrap: wrap;
+                gap: 1.5em;
+                align-items: center;
+            }
+
+            .lp-header-promo {
+                padding: 1em;
+            }
+
+            .lp-header-promo + .lp-header-promo {
+                border-top: 1px dashed #4a5568;
+            }
+
+            .lp-header-title {
+                font-size: larger;
+                margin-bottom: 0.25em;
+            }
+
+            .lp-header-tagline {
+                margin-bottom: 0;
+            }
+
+            .lp-lrh {
+                display: flex;
+                flex-wrap: wrap;
+                gap: 1.5em;
+                align-items: center;
+            }
+
+            .lp-lrh-left {
+                display: flex;
+                align-items: center;
+                flex: 1 0 300px;
+                flex-direction: column;
+                gap: 1.5em;
+            }
+
+            .lp-lhr-highlights {
+                flex: 1 1 300px;
+                display: grid;
+                grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
+                gap: 1.5em;
+            }
+
+            .lp-lhr-button-split {
+                display: grid;
+                gap: 1em;
+                grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
+            }
+
+            .lp-lhr-label {
+                font-size: smaller;
+                font-weight: bold;
+            }
+
+            .lp-lrh-highlight {
+                padding: 1em;
+                border-radius: 0.5em;
+                background: rgba(var(--gst-contrast-rgb), 0.05);
+                border: 1px solid color-mix(in srgb, currentColor 10%, transparent)
+            }
+
+            @media (max-width: 600px) {
+                .lp-lhr-highlights {
+                    display: flex;
+                    flex-direction: column;
+                    gap: 0;
+                }
+
+                .lp-lrh-highlight {
+                    background: none;
+                    border: 0;
+                    padding-left: 0.5rem;
+                    padding-right: 0.5rem;
+                }
+
+                .lp-lrh-highlight + .lp-lrh-highlight {
+                    border-top: 1px dashed color-mix(in srgb, currentColor 10%, transparent);
+                }
+            }
+
+            .lp-lrh-highlight-title {
+                font-size: smaller;
+                font-weight: 500;
+                margin-bottom: 0.25rem;
+            }
+
+            .lp-lrh-highlight-text {
+                font-size: smaller;
+            }
+
+            .banner-container {
+                display: flex;
+                flex-wrap: wrap;
+                gap: 1.5em;
+                align-items: center;
+                margin-left: auto;
+                margin-right: auto;
+                width: min(1100px, 100%);
+            }
+
+            .banner-graphic-container {
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                flex: 1 0 160px;
+            }
+
+            .banner-graphic-container img {
+                width: 160px;
+                aspect-ratio: 1;
+                object-fit: contain;
+                background: white;
+                border-radius: 0.5rem;
+                padding: 1em;
+            }
+
+            .banner-content {
+                flex: 999999 0 300px;
+            }
+
+            .banner-content-highlight {
+                font-size: 140%;
+                margin-bottom: 1rem;
+                line-height: 1.4;
+            }
+
+            .lp-conf-image-background {
+                background: white;
+                padding: 0.5em;
+            }
+        </style>
+        <?php
+    }
+
+    /**
+     * @return mixed[]
+     */
+    private function getHeaderConfig(): array
+    {
+        global $MYSITE;
+
+        return [
+            'include_section' => false,
+            'footer_style' => 'new',
+            'current' => 'home',
+            'css' => ['theme-gst.css', 'landing.css'],
+            'headtags' => [
+                '<link rel="alternate" type="application/atom+xml" title="PHP: Hypertext Preprocessor" href="' . $MYSITE . 'feed.atom">',
+                '<script>',
+                "function okc(f){var c=[38,38,40,40,37,39,37,39,66,65,13],x=function(){x.c=x.c||Array.apply({},c);x.r=function(){x.c=null};return x.c},h=function(e){if(x()[0]==(e||window.event).keyCode){x().shift();if(!x().length){x.r();f()}}else{x.r()}};window.addEventListener?window.addEventListener('keydown',h,false):document.attachEvent('onkeydown',h)}",
+                "okc(function(){if(document.getElementById){i=document.getElementById('phplogo');i.src='" . $MYSITE . "images/php_konami.gif'}});",
+                '</script>',
+            ],
+            'link' => [
+                [
+                    "rel" => "search",
+                    "type" => "application/opensearchdescription+xml",
+                    "href" => $MYSITE . "phpnetimprovedsearch.src",
+                    "title" => "Add PHP.net search",
+                ],
+                [
+                    "rel" => "alternate",
+                    "type" => "application/atom+xml",
+                    "href" => $MYSITE . "releases/feed.php",
+                    "title" => "PHP Release feed",
+                ],
+            ],
+        ];
     }
-} else {
-    $announcements = '';
 }
 
-$SIDEBAR = <<<SIDEBAR_DATA
-
-    <div class='panel'>
-      <a href='https://thephp.foundation/' class='headline'>The PHP Foundation</a>
-      <div class='body'>
-        <p>The PHP Foundation is a collective of people and organizations, united in the mission to ensure the long-term prosperity of the PHP language.
-        <p><a href='https://thephp.foundation/donate/' target="_blank" rel="noopener noreferrer" class='btn btn-primary'>Donate</a></p>
-      </div>
-    </div>
-$announcements
-    <p class='panel'><a href='/cal.php'>User Group Events</a></p>
-    <p class='panel'><a href='/thanks.php'>Special Thanks</a></p>
-    <div class='panel social-media'>
-      <span class='headline'>Social media</span>
-      <div class='body'>
-        <ul>
-          <li>
-            <a href="https://twitter.com/official_php" target="_blank" rel="noopener noreferrer">
-              <i class="icon-x-twitter"></i>
-              @official_php
-            </a>
-          </li>
-          <li>
-            <a href="https://fosstodon.org/@php" target="_blank" rel="noopener noreferrer">
-              <i class="icon-mastodon"></i>
-              @php@fosstodon.org
-            </a>
-          </li>
-          <li>
-            <a href="https://www.linkedin.com/company/phpnet" target="_blank" rel="noopener noreferrer">
-              <i class="icon-linkedin"></i>
-              @phpnet
-            </a>
-          </li>
-        </ul>
-      </div>
-    </div>
-
-SIDEBAR_DATA;
-
-// Print the common footer.
-site_footer([
-    "atom" => "/feed.atom", // Add a link to the feed at the bottom
-    'elephpants' => true,
-    'sidebar' => $SIDEBAR,
-]);
+new FrontPageController()->render();
diff --git a/public/js/common.js b/public/js/common.js
index 86b4862fd5..e3af242263 100644
--- a/public/js/common.js
+++ b/public/js/common.js
@@ -879,3 +879,87 @@ function applyTheme(theme) {
 }
 
 applyTheme(savedTheme)
+
+const GstCardHelpers = {
+  shuffleImmutableArray: (array) => {
+    const newArray = [...array];
+    for (let i = newArray.length - 1; i > 0; i--) {
+      const j = Math.floor(Math.random() * (i + 1));
+      [newArray[i], newArray[j]] = [newArray[j], newArray[i]];
+    }
+    return newArray;
+  },
+
+  shuffleDOMChildrenWithLimit: (parent, limit) => {
+    const children = Array.from(parent.children);
+    const replacements = GstCardHelpers.shuffleImmutableArray(children).slice(0, limit);
+
+    while (parent.children.length) {
+      parent.removeChild(parent.children[0]);
+    }
+
+    replacements.forEach(n => parent.appendChild(n));
+  },
+
+  dynamicAlignment: (parent, targetWidth) => {
+    parent.style.display = 'flex';
+    parent.style.flexWrap = 'wrap';
+    parent.style.justifyContent = 'center';
+
+    let resizeTimer;
+
+    const resizeObserver = new ResizeObserver((entries) => {
+      // Instantly apply the class that kills transitions on children
+      // the transition is there for the hover effects but it makes it ugly when resizing
+      parent.classList.add('gst-no-transition');
+
+      // Clear previous timeout and set a new one to restore transitions
+      // 100ms after the resize completely stops.
+      clearTimeout(resizeTimer);
+      resizeTimer = setTimeout(() => {
+        parent.classList.remove('gst-no-transition');
+      }, 100);
+
+      for (const entry of entries) {
+        const containerWidth = entry.contentRect.width;
+        const children = Array.from(parent.children);
+        const itemCount = children.length;
+
+        // Prevent dividing by zero or calculating for empty containers
+        if (itemCount === 0 || containerWidth === 0) continue;
+
+        const computedStyle = window.getComputedStyle(parent);
+        const columnGap = parseFloat(computedStyle.columnGap) || 0;
+
+        // Calculate the max number of items that can theoretically fit in one row
+        let columnsPerRow = Math.floor((containerWidth + columnGap) / (targetWidth + columnGap));
+        if (columnsPerRow < 1) columnsPerRow = 1;
+
+        let itemWidth;
+
+        if (itemCount >= columnsPerRow) {
+          // We have enough items to completely fill at least one row.
+          // Calculate exact width needed to stretch across the full container.
+          const exactWidth = (containerWidth - (columnsPerRow - 1) * columnGap) / columnsPerRow;
+
+          // Subtract 0.5px margin of error to guarantee that browser rounding
+          // engines never accidentally push the final item onto the next row.
+          itemWidth = exactWidth - 0.5;
+        } else {
+          // We DO NOT have enough items to completely fill a single row.
+          // Constrain them to the targetWidth, clamping it if the container is tiny.
+          itemWidth = Math.min(targetWidth, containerWidth);
+        }
+
+        // Apply synchronously so it paints in the same frame
+        children.forEach((child) => {
+          child.style.boxSizing = 'border-box';
+          child.style.width = `${itemWidth}px`;
+          child.style.flex = `0 0 ${itemWidth}px`;
+        });
+      }
+    });
+
+    resizeObserver.observe(parent);
+  }
+};
diff --git a/public/styles/theme-gst.css b/public/styles/theme-gst.css
new file mode 100644
index 0000000000..4994559449
--- /dev/null
+++ b/public/styles/theme-gst.css
@@ -0,0 +1,575 @@
+:root {
+    /* common */
+    --gst-card-radius: 0.5rem;
+    --gst-card-padding: 2rem;
+    --gst-card-padding-mobile: 1rem;
+    --gst-navcard-outline-thickness: 3px;
+    --gst-button-padding: 1rem;
+}
+
+:root {
+    /* defaults applied across this display */
+    --gst-container-highlight: #7588d6;
+
+    /* defaults */
+    --gst-container-bg: #303030;
+    --gst-container-color: #ffffff;
+    --gst-card-shadow: 0 1px 1px rgba(255, 255, 255, 0.08), 0 4px 12px rgba(0, 0, 0, 0.4);
+    --gst-section-title: whitesmoke;
+    --gst-leader-color: whitesmoke;
+
+    /* contrast becomes lighter */
+    --gst-contrast-rgb: 255, 255, 255;
+
+    /* php code theming */
+    --gst-php-code-bg: #1e1e1e;
+    --gst-php-code-text: #d4d4d4;
+    --gst-php-code-border: #333333;
+    --gst-php-code-keyword: #569cd6;
+    --gst-php-code-string: #ce9178;
+    --gst-php-code-comment: #6a9955;
+    --gst-php-code-variable: #9cdcfe;
+    --gst-php-code-function: #dcdcaa;
+    --gst-php-code-number: #b5cea8;
+
+    & .gst-theme-header, & .gst-theme-footer {
+        /* dedicated block style for header */
+        --gst-container-bg: #202020;
+        --gst-container-color: #eeeeee;
+        --gst-container-border: #333333;
+        --gst-container-highlight: #9eadf3;
+    }
+
+    & .gst-theme-primary {
+        /* spec: main content area, solid background */
+        --gst-container-bg: #252525;
+        --gst-container-color: whitesmoke;
+        --gst-container-border: #333333;
+    }
+
+    & .gst-theme-primary .gst-default-card,
+    & .gst-primary-card {
+        --gst-container-bg: #303030;
+        --gst-container-color: whitesmoke;
+        --gst-container-border: #222222;
+    }
+
+    & .gst-theme-secondary {
+        /* spec: secondary content area, allows background to show through, not for main text */
+        --gst-container-bg: transparent;
+        --gst-container-bg-image: url(/images/bg-texture-00.svg);
+        --gst-container-color: whitesmoke;
+    }
+
+    & .gst-theme-secondary .gst-default-card,
+    & .gst-secondary-card {
+        --gst-container-bg: #444444;
+        --gst-container-color: whitesmoke;
+        --gst-container-border: #222222;
+        --gst-container-highlight: #9ca4e1;
+    }
+
+    & .gst-theme-inverted {
+        --gst-container-bg: #4F5B93;
+        --gst-container-color: #ffffff;
+        --gst-container-border: #323b62;
+        --gst-contrast-rgb: 0, 0, 0;
+    }
+}
+
+@media (prefers-color-scheme: light) {
+    :root {
+        background-color: #fafafa;
+        background-repeat: repeat;
+        --gst-container-border: none;
+
+        /* defaults */
+        --gst-container-bg: #F8F9FA;
+        --gst-container-color: #333333;
+
+        /* php code theming */
+        --gst-php-code-bg: #f8f9fa;
+        --gst-php-code-text: #212529;
+        --gst-php-code-border: #e9ecef;
+        --gst-php-code-keyword: #d73a49; /* e.g., function, return, if */
+        --gst-php-code-string: #032f62; /* e.g., "hello world" */
+        --gst-php-code-comment: #6a737d; /* e.g., // comment */
+        --gst-php-code-variable: #e36209; /* e.g., $my_var */
+        --gst-php-code-function: #6f42c1; /* e.g., array_map() */
+        --gst-php-code-number: #005cc5; /* e.g., 42, 3.14 */
+
+        & .gst-theme-header, & .gst-theme-footer {
+            /* dedicated block style for header */
+            --gst-container-bg: #ffffff;
+            --gst-container-color: #222222;
+            --gst-container-border: #dddddd;
+        }
+
+        & .gst-theme-primary {
+            --gst-container-bg: #F8F9FA;
+            --gst-container-color: #333333;
+            --gst-container-border: #eeeeee;
+        }
+
+        & .gst-theme-primary .gst-default-card,
+        & .gst-primary-card {
+            --gst-container-bg: #ffffff;
+            --gst-container-color: #222222;
+            --gst-container-border: #e9ecef;
+            --gst-card-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+            --gst-container-highlight: #4F5B93;
+        }
+
+        & .gst-theme-secondary {
+            /* SECONDARY content area (Slightly deeper/cooler grey for contrast) */
+            --gst-container-bg: #edf0f2;
+            --gst-container-bg-image: url(/images/bg-texture-light.png);
+            --gst-container-color: #333333;
+        }
+
+        & .gst-theme-secondary .gst-default-card,
+        & .gst-secondary-card {
+            --gst-container-bg: #ffffff;
+            --gst-container-color: #222222;
+            --gst-container-border: #dbe1e6;
+            --gst-card-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+            --gst-container-highlight: #4F5B93;
+        }
+
+        & .gst-inverted-card {
+            --gst-container-bg: #333333;
+            --gst-container-color: #ffffff;
+            --gst-container-border: #555555;
+            --gst-contrast-rgb: 255, 255, 255;
+        }
+
+        --gst-section-title: #222222;
+        --gst-leader-color: #222222;
+
+        /* contrast becomes darker */
+        --gst-contrast-rgb: 0, 0, 0;
+    }
+}
+
+
+@media (max-width: 600px) {
+    :root {
+        --gst-card-padding: 1rem;
+    }
+}
+
+/*
+ * Global Theming
+ */
+
+.gst-header-block {
+    border-bottom: var(--gst-container-border);
+}
+
+.gst-footer-block {
+    border-top: var(--gst-container-border);
+}
+
+
+/**
+ * The container is responsible for setting the styling beneath the container to be
+ * whatever the previously defined variables are, but doesn't actually apply them
+ */
+.gst-container,
+.gst-card {
+    background-color: var(--gst-container-bg);
+    background-image: var(--gst-container-bg-image);
+    background-repeat: repeat;
+    color: var(--gst-container-color);
+
+    & h1, & h2, & h3, & h4, & h5,  & h6 {
+        color: var(--gst-container-color);
+    }
+
+    & :is(a:not(.plaina), .gst-linkcolor) {
+        color: var(--gst-container-color);
+    }
+
+    & .gst-accent {
+        color: var(--gst-container-highlight);
+    }
+}
+
+.gst-chunky-btn {
+    all: unset;
+    background-color: color-mix(in srgb, var(--gst-container-color) 100%, var(--gst-container-bg));
+    color: var(--gst-container-bg);
+    border-radius: var(--gst-card-radius);
+    cursor: pointer;
+    font-weight: 500;
+    text-align: center;
+    transition: all 0.2s ease-in-out;
+    padding: var(--gst-button-padding);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    &:hover {
+        background-color: color-mix(in srgb, var(--gst-container-color) 70%, var(--gst-container-bg));
+    }
+
+    &:focus {
+        background-color: var(--gst-container-bg);
+        outline: var(--gst-navcard-outline-thickness) solid var(--gst-container-highlight);
+        color: var(--gst-container-highlight);
+    }
+}
+
+.gst-content, .gst-content-p {
+    width: min(1220px, 100%);
+    margin: 0 auto;
+    box-sizing: border-box;
+}
+
+.gst-content-wide, .gst-content-p-wide {
+    width: min(1440px, 100%);
+    margin: 0 auto;
+    box-sizing: border-box;
+}
+
+.gst-content-p-thin {
+    width: min(800px, 100%);
+    margin: 0 auto;
+    box-sizing: border-box;
+}
+
+.gst-content-p-wide, .gst-content-p, .gst-content-p-thin {
+    padding: 5em 1em;
+}
+
+.gst-readable {
+    width: min(800px, 100%);
+    margin-left: auto;
+    margin-right: auto;
+    line-height: 1.5;
+}
+
+.gst-sbc {
+    display: flex;
+    flex-direction: row;
+    gap: 2em;
+    flex-wrap: wrap;
+}
+
+@media (max-width: 600px) {
+    .gst-sbc {
+        flex-direction: column;
+    }
+}
+
+.gst-sbc-main {
+    flex: 999999 0 300px;
+}
+
+.gst-sbc-sidebar {
+    flex: 1 0 320px;
+}
+
+@media (max-width: 600px) {
+    .gst-content-p-wide {
+        padding: 1em 1em;
+    }
+}
+
+/*
+ * Section Titles
+ */
+
+.gst-section-title {
+    padding-top: 5em;
+    padding-bottom: 3em;
+    text-align: center;
+
+    & h2 {
+        all: unset;
+        font-size: 300%;
+        line-height: 1.2;
+        margin: 0;
+        padding: 0;
+    }
+
+    & h2:after {
+        content: "";
+        all: unset;
+    }
+
+    & p {
+        margin: 0.75em 0 0;
+        font-size: 130%;
+        font-weight: 500;
+    }
+}
+
+
+.gst-section-title:first-child {
+    padding-top: 0;
+}
+
+.gst-content-p-wide .gst-section-title:first-child {
+    padding-top: 0;
+}
+
+/*
+ * Sidebar
+ */
+
+/* maintain compatibility with previous versions by only knocking out padding if we have a card in it */
+aside.tips:has(.gst-card) {
+    padding: 0 !important;
+}
+
+/*
+ * Clickable Navigation Card
+ */
+
+.gst-navcard {
+    outline: var(--gst-navcard-outline-thickness) solid transparent;
+    transition: all 0.2s ease-in-out;
+    position: relative;
+}
+
+.gst-navcard:hover {
+    outline: var(--gst-navcard-outline-thickness) solid var(--gst-container-highlight);
+    border: 1px solid var(--gst-container-highlight);
+    overflow: hidden;
+    transition: all 0.2s ease-in-out;
+    background: rgba(var(--gst-contrast-rgb), 0.2);
+    transform: translateY(-5px);
+}
+
+.gst-navcard:focus-within {
+    outline: var(--gst-navcard-outline-thickness) solid rgba(var(--gst-contrast-rgb), 0.9);
+}
+
+.gst-navcard-title-link {
+    all: unset;
+    color: var(--gst-container-color);
+    font-size: 120%;
+    font-weight: bold;
+    text-decoration: none;
+}
+
+.gst-navcard-title-link:after {
+    content: "";
+    position: absolute;
+    inset: 0;
+    cursor: pointer;
+}
+
+.gst-navcard-indicator {
+    width: 32px;
+    height: 32px;
+    fill: rgba(var(--gst-contrast-rgb), 0.25);
+    transition: all 0.2s ease-in-out;
+}
+
+.gst-navcard:hover .gst-navcard-indicator {
+    fill: var(--gst-container-highlight);
+}
+
+.gst-navcard-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    box-sizing: border-box;
+
+    /* "Chunk" styling: chunky padding and thick borders */
+    padding: 14px 32px;
+    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    font-size: 1.1rem;
+    font-weight: 700;
+    text-decoration: none;
+    text-align: center;
+    letter-spacing: 0.5px;
+    cursor: pointer;
+
+    /* Colors & Border */
+    color: #111111 !important;
+    background-color: #ffffff;
+    border: 2px solid #111111;
+    border-radius: 0.5em;
+
+    /* Smooth transitions for hover/active states */
+    transition: all 0.2s ease-in-out;
+}
+
+@media (max-width: 600px) {
+    .gst-navcard-btn {
+        padding: 4px 16px !important;
+    }
+}
+
+/*
+ * Basic Card
+ */
+
+.gst-card {
+    border-radius: var(--gst-card-radius);
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    flex-grow: 1;
+    overflow: hidden;
+}
+
+.gst-card {
+    border: 1px solid var(--gst-container-border);
+    box-shadow: var(--gst-card-shadow);
+}
+
+.gst-card-title {
+    flex: 0 0 fit-content;
+    padding: var(--gst-card-padding);
+    padding-bottom: 0.5em;
+    display: flex;
+    gap: 1em;
+    flex-wrap: wrap;
+    align-items: center;
+}
+
+.gst-card-title-text {
+    font-weight: bold;
+    flex: 99999 0 180px;
+    font-size: 120%;
+}
+
+.gst-card-title-icon {
+    width: 64px;
+    height: 64px;
+    border-radius: 0.25em;
+    object-fit: contain;
+}
+
+.gst-card-content {
+    flex: 1 1;
+    padding: var(--gst-card-padding);
+}
+
+.gst-card-footer {
+    padding: var(--gst-card-padding);
+    flex: 0 0 fit-content;
+}
+
+.gst-card-title + .gst-card-content {
+    padding-top: calc(var(--gst-card-padding) / 2);
+}
+
+.gst-card-content:has(+.gst-card-footer) {
+    padding-bottom: calc(var(--gst-card-padding) / 2);
+}
+
+.gst-card-content + .gst-card-footer {
+    padding-top: 0;
+}
+
+/*
+ * CGRID
+ *
+ * Displays in an auto-repeating grid, however, when the space is too small, it significantly collapses
+ * the gap and changes the separation from such large padding, into a vertical list
+ */
+
+.gst-cgrid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(min(340px, 100%), 1fr));
+    gap: 1.5em;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+}
+
+.gst-cgrid-card {
+    border-radius: var(--gst-card-radius);
+    overflow: hidden;
+}
+
+@media (max-width: 700px) {
+    .gst-cgrid {
+        gap: 0;
+        overflow: hidden;
+        border-radius: var(--gst-card-radius);
+    }
+
+    .gst-cgrid-card {
+        border-radius: 0 !important;
+        overflow: hidden;
+    }
+
+    .gst-cgrid-card + .gst-cgrid-card {
+        margin-top: 3px;
+    }
+}
+
+/*
+ * Banners
+ */
+
+.gst-warning {
+    border-radius: var(--gst-card-radius);
+    padding: 1em;
+    background: #5d3b3b;
+    border: 1px solid #442c2c;
+    color: white;
+}
+
+.gst-tip {
+    border-radius: var(--gst-card-radius);
+    padding: 1em;
+    background: #5c5d3b;
+    border: 1px solid #44442c;
+    color: white;
+}
+
+/*
+ * Utility
+ */
+
+.gst-no-transition * {
+    transition: none !important;
+}
+
+/*
+ * Code blocks
+ */
+
+.gst-code-php {
+    background-color: var(--gst-php-code-bg);
+    color: var(--gst-php-code-text);
+    border: 1px solid var(--gst-php-code-border);
+    padding: 1rem;
+    border-radius: 6px;
+    font-family: 'Courier New', Courier, monospace;
+    overflow-x: auto;
+
+    & .keyword {
+        color: var(--gst-php-code-keyword);
+        font-weight: bold;
+    }
+
+    & .string {
+        color: var(--gst-php-code-string);
+    }
+
+    & .comment {
+        color: var(--gst-php-code-comment);
+        font-style: italic;
+    }
+
+    & .variable {
+        color: var(--gst-php-code-variable);
+    }
+
+    & .function {
+        color: var(--gst-php-code-function);
+    }
+
+    & .number {
+        color: var(--gst-php-code-number);
+    }
+}
diff --git a/public/styles/theme-medium.css b/public/styles/theme-medium.css
index c086e06c1f..aec21ed757 100644
--- a/public/styles/theme-medium.css
+++ b/public/styles/theme-medium.css
@@ -40,24 +40,25 @@ h3:after {
   display:none;
 }
 
-a:link,
-a:visited {
+a:not(.plaina):link,
+a:not(.plaina):visited {
   color: var(--background-text-color);
 }
 #layout-content a:link,
 #layout-content a:visited {
   color: #369;
 }
-a:hover,
-a:focus,
-#layout-content a:hover,
-#layout-content a:focus {
+a:not(.plaina):hover,
+a:not(.plaina):focus,
+#layout-content a:not(.plaina):hover,
+#layout-content a:not(.plaina):focus {
   color: var(--medium-magenta-color);
   border-color: var(--medium-magenta-color);
   outline:0;
 }
 
 
+
 ul {
   list-style-type: disc;
 }
diff --git a/src/Navigation/NavItem.php b/src/Navigation/NavItem.php
index 5642dfb29e..68bcd2b843 100644
--- a/src/Navigation/NavItem.php
+++ b/src/Navigation/NavItem.php
@@ -4,11 +4,15 @@
 
 final readonly class NavItem
 {
+    /**
+     * @param list<self> $children
+     */
     public function __construct(
         public string $name,
         public string $href,
         public string $id,
         public ?string $image = null,
+        public array $children = [],
     ) {
     }
 }
diff --git a/src/News/NewsHandler.php b/src/News/NewsHandler.php
index c22c7e3e2f..d8616dc4e8 100644
--- a/src/News/NewsHandler.php
+++ b/src/News/NewsHandler.php
@@ -9,6 +9,10 @@
 use function array_values;
 use function count;
 use function is_array;
+use function preg_match;
+use function str_replace;
+use function strip_tags;
+use function trim;
 
 /**
  * @phpstan-type NewsEntryStruct array{
@@ -129,4 +133,41 @@ public static function isTagged(array $data, array|string $tags): bool
 
         return false;
     }
+
+    /**
+     * @param NewsEntryStruct $data
+     */
+    public static function parseTeaserCutoff(array $data): ?DateTimeImmutable
+    {
+        $finalTeaserDate = $data['finalTeaserDate'] ?? null;
+        if (!$finalTeaserDate) {
+            return null;
+        }
+
+        return new DateTimeImmutable($finalTeaserDate);
+    }
+
+    /**
+     * Attempts to get a single line of plain text that can be used to
+     * describe this news article.
+     *
+     * Tries to extract the top paragraph. In the future, if we add a plain
+     * text key, it can try for that first.
+     *
+     * @param NewsEntryStruct $data
+     */
+    public static function extractTeaser(array $data, int $maxLength = 160): string
+    {
+        if (preg_match('/<p>(.*?)<\/p>/s', $data['content'], $matches)) {
+            $content = trim(strip_tags(str_replace("\n", " ", trim($matches[1]))));
+
+            if (mb_strlen($content) > $maxLength) {
+                $content = mb_substr($content, 0, $maxLength) . '...';
+            }
+
+            return $content;
+        }
+
+        return '';
+    }
 }
diff --git a/src/Releases/VersionLogos.php b/src/Releases/VersionLogos.php
new file mode 100644
index 0000000000..6bbae155a8
--- /dev/null
+++ b/src/Releases/VersionLogos.php
@@ -0,0 +1,138 @@
+<?php
+
+namespace phpweb\Releases;
+
+use function str_replace;
+
+/**
+ * We have to retain direct access to the SVG code as we need to inject style configuration into them
+ */
+class VersionLogos
+{
+    public const LOGO_85 = <<<SVG
+        <svg style="{{style}}" width="467" height="133" viewBox="0 0 467 133" fill="none" xmlns="http://www.w3.org/2000/svg" >
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M21.7998 125.799H0.799805L19.4998 29.6992H59.7998C71.8998 29.6992 80.7998 32.8992 86.2998 39.1992C91.8998 45.5992 93.4998 54.3992 91.2998 65.8992C90.3998 70.5992 88.7998 74.8992 86.6998 78.7992C84.4998 82.6992 81.6998 86.2992 78.1998 89.4992C73.9998 93.3992 69.3998 96.1992 64.2998 97.8992C59.1998 99.5992 52.6998 100.399 44.6998 100.399H26.6998L21.7998 125.799ZM67.6998 49.1992C64.9998 46.2992 59.6998 44.7992 51.7998 44.7992H37.4998L29.6998 85.0992H42.3998C50.7998 85.0992 57.0998 83.4992 61.2998 80.2992C65.3998 77.0992 68.1998 71.7992 69.6998 64.3992C70.9998 57.1992 70.2998 52.1992 67.6998 49.1992Z" fill="white"/>
+            <path d="M106.6 4.09961H127.4L122.4 29.6996H140.9C152.6 29.6996 160.6 31.6996 165 35.7996C169.4 39.8996 170.8 46.4996 169 55.5996L160.3 100.4H139.2L147.5 57.7996C148.4 52.9996 148.1 49.6996 146.5 47.8996C144.9 46.0996 141.4 45.2996 136.1 45.2996H119.5L108.8 100.4H87.9004L106.6 4.09961Z" fill="white"/>
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M185.2 125.799H164.2L182.9 29.6992H223.3C235.4 29.6992 244.3 32.8992 249.8 39.1992C255.4 45.5992 257 54.3992 254.8 65.8992C253.9 70.5992 252.3 74.8992 250.2 78.7992C248 82.6992 245.2 86.2992 241.7 89.4992C237.5 93.3992 232.9 96.1992 227.8 97.8992C222.7 99.5992 216.2 100.399 208.2 100.399H190.2L185.2 125.799ZM231.2 49.1992C228.5 46.2992 223.2 44.7992 215.3 44.7992H200.9L193.1 85.0992H205.8C214.2 85.0992 220.5 83.4992 224.7 80.2992C228.8 77.0992 231.6 71.7992 233.1 64.3992C234.4 57.1992 233.8 52.1992 231.2 49.1992Z" fill="{{fill}}"/>
+            <path d="M317.5 48.5C311.8 34.9 307 23.1 311.7 14.9C313.5 12.4 315.5 11.1 317.7 11.1C322.2 11.1 326.3 16 326.3 16L332 22.9L328.4 14.7C328.2 14.4 322.1 0.5 311.2 0.5C307.4 0.5 303.4 2.2 299.5 5.6L299.4 5.7C289.9 16.7 299.2 37.5 307.5 55.8L313.6 70C316.4 77.3 319.2 86 317.5 92.4C314.9 102.4 306 109.2 305.9 109.3L300.2 113.7L307.1 111.5C307.8 111.3 323.1 106.3 326.8 93C329.1 82.1 326.2 71.2 323.3 62.8C323.7 62.5 322.9 63.1 323.3 62.8L318 49.1" fill="{{fill}}"/>
+            <path d="M334.4 9.89961L327.3 2.09961L332.4 11.3996C332.5 11.4996 338.7 23.0996 330.8 36.5996C327.9 40.7996 323.4 44.9996 317.7 49.1996L307.4 55.8996C307.3 55.7996 307.3 55.6996 307.4 55.8996L307 56.1996C295.5 62.7996 284.8 66.7996 284.6 66.8996C268.7 73.9996 258.7 84.9996 257.3 97.1996C256.2 106.4 260.5 115.4 268.9 121.7L269 121.8C274.3 125 280 126.6 286 126.6C301.7 126.6 314 115.7 314.5 115.2L322.2 108.3L313.1 113.1C313 113.1 305.4 117.1 297.5 117.1C290.4 117.1 285.4 114 282.4 107.7C278.6 94.2996 291.9 85.0996 307.2 74.4996C309.2 73.0996 311.3 71.5996 313.4 70.1996L313.5 70.0996L322.6 63.2996C322.7 63.0996 323 62.8996 323 62.8996C330.5 56.6996 340.4 46.9996 342.7 33.3996C344.5 21.0996 334.8 10.3996 334.4 9.89961Z" fill="{{highlight}}"/>
+            <path d="M345.4 83H364.9L361.4 100.7H341.9L345.4 83Z" fill="{{highlight}}"/>
+            <path d="M375.68 86.24H417.44C419.28 86.32 421.04 86.2 422.72 85.88C424.4 85.48 425.96 84.92 427.4 84.2C428.76 83.48 429.96 82.4 431 80.96C432.04 79.52 432.84 77.72 433.4 75.56C434.04 73.4 434.2 71.6 433.88 70.16C433.64 68.72 433.04 67.64 432.08 66.92C431.04 66.2 429.76 65.68 428.24 65.36C426.8 64.96 425.12 64.76 423.2 64.76L381.56 64.64L394.88 14.84H466.52L462.56 29.6H410L404.6 49.88H435.44C439.44 49.96 442.88 50.56 445.76 51.68C448.64 52.8 450.96 54.44 452.72 56.6C454.48 58.76 455.52 61.44 455.84 64.64C456.16 67.76 455.76 71.4 454.64 75.56C453.36 80.36 451.52 84.44 449.12 87.8C446.8 91.08 444 93.64 440.72 95.48C437.36 97.32 433.76 98.72 429.92 99.68C426.08 100.56 422 101 417.68 101H371.84L375.68 86.24Z" fill="{{fill}}"/>
+        </svg>
+    SVG;
+
+    public const LOGO_84 = <<<SVG
+        <svg style="{{style}}" xmlns="http://www.w3.org/2000/svg" width="451" height="127" fill="none" viewBox="0 0 451 127" >
+          <path fill="{{fill}}" fill-rule="evenodd" d="M21.7998 125.799h-21l18.7-96.0998h40.3c12.1 0 21 3.2 26.5 9.5 5.6 6.4 7.2 15.2 5 26.7-.9 4.7-2.5 9-4.6 12.9-2.2 3.9-5 7.5-8.5 10.7-4.2 3.9-8.8 6.7-13.9 8.4-5.1 1.7-11.6 2.4998-19.6 2.4998h-18l-4.9 25.4Zm45.9-76.5998c-2.7-2.9-8-4.4-15.9-4.4h-14.3l-7.8 40.3h12.7c8.4 0 14.7-1.6 18.9-4.8 4.1-3.2 6.9-8.5 8.4-15.9 1.3-7.2.6-12.2-2-15.2Z" clip-rule="evenodd"/>
+          <path fill="{{fill}}" d="M106.6 4.09961h20.8l-5 25.59999h18.5c11.7 0 19.7 2 24.1 6.1 4.4 4.1 5.8 10.7 4 19.8L160.3 100.4h-21.1l8.3-42.6004c.9-4.8.6-8.1-1-9.9-1.6-1.8-5.1-2.6-10.4-2.6h-16.6L108.8 100.4H87.9004L106.6 4.09961Z"/>
+          <path fill="{{fill}}" fill-rule="evenodd" d="M185.2 125.799h-21l18.7-96.0998h40.4c12.1 0 21 3.2 26.5 9.5 5.6 6.4 7.2 15.2 5 26.7-.9 4.7-2.5 9-4.6 12.9-2.2 3.9-5 7.5-8.5 10.7-4.2 3.9-8.8 6.7-13.9 8.4-5.1 1.7-11.6 2.4998-19.6 2.4998h-18l-5 25.4Zm46-76.5998c-2.7-2.9-8-4.4-15.9-4.4h-14.4l-7.8 40.3h12.7c8.4 0 14.7-1.6 18.9-4.8 4.1-3.2 6.9-8.5 8.4-15.9 1.3-7.2.7-12.2-1.9-15.2Z" clip-rule="evenodd"/>
+          <path fill="{{fill}}" d="M317.5 48.5c-5.7-13.6-10.5-25.4-5.8-33.6 1.8-2.5 3.8-3.8 6-3.8 4.5 0 8.6 4.9 8.6 4.9l5.7 6.9-3.6-8.2c-.2-.3-6.3-14.2-17.2-14.2-3.8 0-7.8 1.7-11.7 5.1l-.1.1c-9.5 11-.2 31.8 8.1 50.1l6.1 14.2c2.8 7.3 5.6 16 3.9 22.4-2.6 10-11.5 16.8-11.6 16.9l-5.7 4.4 6.9-2.2c.7-.2 16-5.2 19.7-18.5 2.3-10.9-.6-21.8-3.5-30.2.4-.3-.4.3 0 0L318 49.1"/>
+          <path fill="{{highlight}}" d="m334.4 9.89961-7.1-7.8 5.1 9.29999c.1.1 6.3 11.7-1.6 25.2-2.9 4.2-7.4 8.4-13.1 12.6l-10.3 6.7c-.1-.1-.1-.2 0 0l-.4.3c-11.5 6.6-22.2 10.6-22.4 10.7-15.9 7.1-25.9 18.1-27.3 30.3-1.1 9.2004 3.2 18.2004 11.6 24.5004l.1.1c5.3 3.2 11 4.8 17 4.8 15.7 0 28-10.9 28.5-11.4l7.7-6.9-9.1 4.8c-.1 0-7.7 4-15.6 4-7.1 0-12.1-3.1-15.1-9.4-3.8-13.4004 9.5-22.6004 24.8-33.2004 2-1.4 4.1-2.9 6.2-4.3l.1-.1 9.1-6.8c.1-.2.4-.4.4-.4 7.5-6.2 17.4-15.9 19.7-29.5 1.8-12.3-7.9-23-8.3-23.49999Z"/>
+          <path fill="{{fill}}" d="M345.4 83h19.5l-3.5 17.7h-19.5l3.5-17.7Z"/>
+          <path fill="{{fill}}" d="M423.85546875,50.75292969c1.28125-6.44580078,2.85058594-13.86523438,4.17089844-19.10791016h-.53613281c-3.71289062,4.95507812-7.65429688,10.38720703-11.63574219,15.09375l-16.53515625,18.59521484h49.98535156l-3.00097656,15.17285156h-70.05371094l2.71289062-13.81347656,45.89941406-51.03125h24.03125l-16.90429688,85.03613281h-17.86621094l9.73242188-49.9453125Z"/>
+        </svg>
+    SVG;
+
+    public const LOGO_83 = <<<SVG
+        <svg style="{{style}}" xmlns="http://www.w3.org/2000/svg" width="451" height="127" fill="none" viewBox="0 0 451 127" >
+          <path fill="{{fill}}" fill-rule="evenodd" d="M21.7998 125.799h-21l18.7-96.0998h40.3c12.1 0 21 3.2 26.5 9.5 5.6 6.4 7.2 15.2 5 26.7-.9 4.7-2.5 9-4.6 12.9-2.2 3.9-5 7.5-8.5 10.7-4.2 3.9-8.8 6.7-13.9 8.4-5.1 1.7-11.6 2.4998-19.6 2.4998h-18l-4.9 25.4Zm45.9-76.5998c-2.7-2.9-8-4.4-15.9-4.4h-14.3l-7.8 40.3h12.7c8.4 0 14.7-1.6 18.9-4.8 4.1-3.2 6.9-8.5 8.4-15.9 1.3-7.2.6-12.2-2-15.2Z" clip-rule="evenodd"/>
+          <path fill="{{fill}}" d="M106.6 4.09961h20.8l-5 25.59999h18.5c11.7 0 19.7 2 24.1 6.1 4.4 4.1 5.8 10.7 4 19.8L160.3 100.4h-21.1l8.3-42.6004c.9-4.8.6-8.1-1-9.9-1.6-1.8-5.1-2.6-10.4-2.6h-16.6L108.8 100.4H87.9004L106.6 4.09961Z"/>
+          <path fill="{{fill}}" fill-rule="evenodd" d="M185.2 125.799h-21l18.7-96.0998h40.4c12.1 0 21 3.2 26.5 9.5 5.6 6.4 7.2 15.2 5 26.7-.9 4.7-2.5 9-4.6 12.9-2.2 3.9-5 7.5-8.5 10.7-4.2 3.9-8.8 6.7-13.9 8.4-5.1 1.7-11.6 2.4998-19.6 2.4998h-18l-5 25.4Zm46-76.5998c-2.7-2.9-8-4.4-15.9-4.4h-14.4l-7.8 40.3h12.7c8.4 0 14.7-1.6 18.9-4.8 4.1-3.2 6.9-8.5 8.4-15.9 1.3-7.2.7-12.2-1.9-15.2Z" clip-rule="evenodd"/>
+          <path fill="{{fill}}" d="M317.5 48.5c-5.7-13.6-10.5-25.4-5.8-33.6 1.8-2.5 3.8-3.8 6-3.8 4.5 0 8.6 4.9 8.6 4.9l5.7 6.9-3.6-8.2c-.2-.3-6.3-14.2-17.2-14.2-3.8 0-7.8 1.7-11.7 5.1l-.1.1c-9.5 11-.2 31.8 8.1 50.1l6.1 14.2c2.8 7.3 5.6 16 3.9 22.4-2.6 10-11.5 16.8-11.6 16.9l-5.7 4.4 6.9-2.2c.7-.2 16-5.2 19.7-18.5 2.3-10.9-.6-21.8-3.5-30.2.4-.3-.4.3 0 0L318 49.1"/>
+          <path fill="{{highlight}}" d="m334.4 9.89961-7.1-7.8 5.1 9.29999c.1.1 6.3 11.7-1.6 25.2-2.9 4.2-7.4 8.4-13.1 12.6l-10.3 6.7c-.1-.1-.1-.2 0 0l-.4.3c-11.5 6.6-22.2 10.6-22.4 10.7-15.9 7.1-25.9 18.1-27.3 30.3-1.1 9.2004 3.2 18.2004 11.6 24.5004l.1.1c5.3 3.2 11 4.8 17 4.8 15.7 0 28-10.9 28.5-11.4l7.7-6.9-9.1 4.8c-.1 0-7.7 4-15.6 4-7.1 0-12.1-3.1-15.1-9.4-3.8-13.4004 9.5-22.6004 24.8-33.2004 2-1.4 4.1-2.9 6.2-4.3l.1-.1 9.1-6.8c.1-.2.4-.4.4-.4 7.5-6.2 17.4-15.9 19.7-29.5 1.8-12.3-7.9-23-8.3-23.49999Z"/>
+          <path fill="{{fill}}" d="M345.4 83h19.5l-3.5 17.7h-19.5l3.5-17.7Z"/>
+          <path fill="{{fill}}" d="m379.951 86.1562 12.796-10.4921c4.602 6.0996 9.989 10.0039 18.632 10.0039 9.429 0 14.255-5.7334 14.255-11.1016 0-5.7334-3.704-8.9053-12.684-8.9053h-8.53l3.062-15.4931h9.846c7.97 0 14.817-3.7818 14.817-10.8575 0-5.0019-4.491-8.2954-10.328-8.2954-6.959 0-11.56 3.1719-17.285 8.7832l-9.541-11.833c7.408-8.2959 15.94-13.7856 28.847-13.7856 16.5 0 26.041 10.1255 26.041 22.2031 0 10.4912-5.949 18.1773-17.51 21.8369 5.5 2.44 10.663 8.2949 10.663 16.835 0 15.4932-13.02 27.4483-32.887 27.4483-16.613 0-25.592-8.1739-30.194-16.3468Z"/>
+        </svg>
+    SVG;
+
+    public const LOGO_82 = <<<SVG
+        <svg style="{{style}}" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
+             viewBox="0 0 451 127" xml:space="preserve">
+            <style type="text/css">
+                .st0{fill-rule:evenodd;clip-rule:evenodd;fill:{{fill}};}
+                .st1{fill:{{fill}};}
+                .st2{fill:{{highlight}};}
+            </style>
+            <path class="st0" d="M21.8,125.8h-21l18.7-96.1h40.3c12.1,0,21,3.2,26.5,9.5c5.6,6.4,7.2,15.2,5,26.7c-0.9,4.7-2.5,9-4.6,12.9
+                c-2.2,3.9-5,7.5-8.5,10.7c-4.2,3.9-8.8,6.7-13.9,8.4c-5.1,1.7-11.6,2.5-19.6,2.5h-18L21.8,125.8z M67.7,49.2
+                c-2.7-2.9-8-4.4-15.9-4.4H37.5l-7.8,40.3h12.7c8.4,0,14.7-1.6,18.9-4.8c4.1-3.2,6.9-8.5,8.4-15.9C71,57.2,70.3,52.2,67.7,49.2z"/>
+            <path class="st1" d="M106.6,4.1h20.8l-5,25.6h18.5c11.7,0,19.7,2,24.1,6.1c4.4,4.1,5.8,10.7,4,19.8l-8.7,44.8h-21.1l8.3-42.6
+                c0.9-4.8,0.6-8.1-1-9.9c-1.6-1.8-5.1-2.6-10.4-2.6h-16.6l-10.7,55.1H87.9L106.6,4.1z"/>
+            <path class="st0" d="M185.2,125.8h-21l18.7-96.1h40.4c12.1,0,21,3.2,26.5,9.5c5.6,6.4,7.2,15.2,5,26.7c-0.9,4.7-2.5,9-4.6,12.9
+                c-2.2,3.9-5,7.5-8.5,10.7c-4.2,3.9-8.8,6.7-13.9,8.4c-5.1,1.7-11.6,2.5-19.6,2.5h-18L185.2,125.8z M231.2,49.2
+                c-2.7-2.9-8-4.4-15.9-4.4h-14.4l-7.8,40.3h12.7c8.4,0,14.7-1.6,18.9-4.8c4.1-3.2,6.9-8.5,8.4-15.9C234.4,57.2,233.8,52.2,231.2,49.2
+                z"/>
+            <path class="st1" d="M317.5,48.5c-5.7-13.6-10.5-25.4-5.8-33.6c1.8-2.5,3.8-3.8,6-3.8c4.5,0,8.6,4.9,8.6,4.9l5.7,6.9l-3.6-8.2
+                c-0.2-0.3-6.3-14.2-17.2-14.2c-3.8,0-7.8,1.7-11.7,5.1l-0.1,0.1c-9.5,11-0.2,31.8,8.1,50.1l6.1,14.2c0,0,0.6,0.5,0,0
+                c2.8,7.3,5.6,16,3.9,22.4c-2.6,10-11.5,16.8-11.6,16.9l-5.7,4.4l6.9-2.2c0.7-0.2,16-5.2,19.7-18.5c2.3-10.9-0.6-21.8-3.5-30.2
+                c0.4-0.3-0.4,0.3,0,0L318,49.1"/>
+            <path class="st2" d="M334.4,9.9l-7.1-7.8l5.1,9.3c0.1,0.1,6.3,11.7-1.6,25.2c-2.9,4.2-7.4,8.4-13.1,12.6l-10.3,6.7
+                c-0.1-0.2-0.1-0.1,0,0l-0.4,0.3h0.1H307c-11.5,6.6-22.2,10.6-22.4,10.7c-15.9,7.1-25.9,18.1-27.3,30.3c-1.1,9.2,3.2,18.2,11.6,24.5
+                l0.1,0.1c5.3,3.2,11,4.8,17,4.8c15.7,0,28-10.9,28.5-11.4l7.7-6.9l-9.1,4.8c-0.1,0-7.7,4-15.6,4c-7.1,0-12.1-3.1-15.1-9.4
+                c-3.8-13.4,9.5-22.6,24.8-33.2c2-1.4,4.1-2.9,6.2-4.3l0.1-0.1l9.1-6.8c0.1-0.2,0.4-0.4,0.4-0.4c7.5-6.2,17.4-15.9,19.7-29.5
+                C344.5,21.1,334.8,10.4,334.4,9.9z"/>
+            <path class="st1" d="M345.4,83h19.5l-3.5,17.7h-19.5L345.4,83z"/>
+            <path class="st1" d="M432.8,67.2c13.2-10.1,18.1-17.8,18.1-28.6c0-14.2-10.7-23.7-26.7-23.7c-11.4,0-21.4,5.2-29.5,15.3l-0.5,0.7
+                l11.4,13l0.8-0.8c6.7-7.1,11.7-9.9,17.2-9.9c5.4,0,8.4,2.7,8.4,7.5c0,4.6-3.1,8.8-10.6,14.5l-39.2,29.6l0,0l-3.1,15.7h61.4l3.4-17.7
+                h-31.8L432.8,67.2z"/>
+        </svg>
+    SVG;
+
+    public const LOGO_81 = <<<SVG
+        <svg style="{{style}}" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+             viewBox="0 0 417 126" xml:space="preserve">
+            <style type="text/css">
+                .st0{fill:none;}
+                .st1{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
+                .st2{fill:#FFFFFF;}
+                .st3{fill:#0F0F0F;}
+            </style>
+            <g>
+                <rect y="0" class="st0" width="417" height="126"/>
+                <path class="st1" d="M21.4,125.4h-21l18.7-96.2h40.3c12.1,0,21,3.2,26.5,9.5c5.6,6.4,7.2,15.2,5,26.7c-0.9,4.7-2.5,9-4.6,12.9
+                    c-2.2,3.9-5,7.5-8.5,10.7c-4.2,3.9-8.8,6.7-13.9,8.4s-11.6,2.5-19.6,2.5h-18L21.4,125.4z M67.4,48.8c-2.7-2.9-8-4.4-15.9-4.4H37.1
+                    l-7.8,40.3H42c8.4,0,14.7-1.6,18.9-4.8c4.1-3.2,6.9-8.5,8.4-15.9C70.7,56.8,70,51.8,67.4,48.8z"/>
+                <path class="st2" d="M106.3,3.6h20.8l-5,25.6h18.5c11.7,0,19.7,2,24.1,6.1c4.4,4.1,5.8,10.7,4,19.8L160,99.9h-21.1l8.3-42.6
+                    c0.9-4.8,0.6-8.1-1-9.9c-1.6-1.8-5.1-2.6-10.4-2.6h-16.6l-10.7,55.1H87.6L106.3,3.6z"/>
+                <path class="st1" d="M184.9,125.4h-21l18.7-96.2H223c12.1,0,21,3.2,26.5,9.5c5.6,6.4,7.2,15.2,5,26.7c-0.9,4.7-2.5,9-4.6,12.9
+                    c-2.2,3.9-5,7.5-8.5,10.7c-4.2,3.9-8.8,6.7-13.9,8.4s-11.6,2.5-19.6,2.5h-18L184.9,125.4z M231,48.8c-2.7-2.9-8-4.4-15.9-4.4h-14.4
+                    l-7.8,40.3h12.7c8.4,0,14.7-1.6,18.9-4.8c4.1-3.2,6.9-8.5,8.4-15.9C234.2,56.8,233.6,51.8,231,48.8z"/>
+                <path class="st2" d="M317.4,48c-5.7-13.6-10.5-25.4-5.8-33.6c1.8-2.5,3.8-3.8,6-3.8c4.5,0,8.6,4.9,8.6,4.9l5.7,6.9l-3.6-8.2
+                    C328.1,13.9,322,0,311,0c-3.8,0-7.8,1.7-11.7,5.1l-0.1,0.1c-9.5,11-0.2,31.8,8.1,50.1l6.1,14.2c0,0,0.6,0.5,0,0
+                    c2.8,7.3,5.6,16,3.9,22.4c-2.6,10-11.5,16.8-11.6,16.9l-5.7,4.4l6.9-2.2c0.7-0.2,16-5.2,19.7-18.5c2.3-10.9-0.6-21.8-3.5-30.2
+                    c0.4-0.3-0.4,0.3,0,0l-5.3-13.7"/>
+                <path class="st3" d="M334.3,9.4l-7.1-7.8l5.1,9.3c0.1,0.1,6.3,11.7-1.6,25.2c-2.9,4.2-7.4,8.4-13.1,12.6l-10.4,6.7
+                    c-0.1-0.2-0.1-0.1,0,0l-0.4,0.3h0.1h-0.1c-11.5,6.6-22.2,10.6-22.4,10.7c-15.9,7.1-25.9,18.1-27.3,30.3
+                    c-1.1,9.2,3.2,18.2,11.6,24.5l0.1,0.1c5.3,3.2,11,4.8,17,4.8c15.7,0,28-10.9,28.5-11.4l7.7-6.9l-9.1,4.8c-0.1,0-7.7,4-15.6,4
+                    c-7.1,0-12.1-3.1-15.1-9.4c-3.8-13.4,9.5-22.6,24.8-33.2c2-1.4,4.1-2.9,6.2-4.3l0.1-0.1l9.1-6.8c0.1-0.2,0.4-0.4,0.4-0.4
+                    c7.5-6.2,17.4-15.9,19.7-29.5C344.4,20.6,334.7,9.9,334.3,9.4z"/>
+                <path class="st2" d="M347.4,81.3h19.9l-6.5,22.8h-19.9L347.4,81.3z"/>
+                <path class="st2" d="M390.9,47L379,50.5V33.9l20.5-6.8h15l-15.2,77.1h-19.4L390.9,47z"/>
+            </g>
+        </svg>
+    SVG;
+
+    public const array MAPPING = [
+        '8.1' => self::LOGO_81,
+        '8.2' => self::LOGO_82,
+        '8.3' => self::LOGO_83,
+        '8.4' => self::LOGO_84,
+        '8.5' => self::LOGO_85,
+    ];
+
+    public static function getLogo(string $version, string $color = 'currentColor', string $highlight = '#4F5B93', string $style = ''): ?string
+    {
+        $found = self::MAPPING[$version] ?? null;
+        if (!$found) {
+            return null;
+        }
+
+        $replace = [
+            '{{fill}}' => $color,
+            '{{highlight}}' => $highlight,
+            '{{style}}' => $style,
+        ];
+
+        return str_replace(array_keys($replace), array_values($replace), $found);
+    }
+}
diff --git a/src/Themes/ClickableCard.php b/src/Themes/ClickableCard.php
new file mode 100644
index 0000000000..c6e19460da
--- /dev/null
+++ b/src/Themes/ClickableCard.php
@@ -0,0 +1,15 @@
+<?php
+
+namespace phpweb\Themes;
+
+class ClickableCard
+{
+    public function __construct(
+        public string|HTML $title,
+        public string $href,
+        public string $href_label = '',
+        public string|SVG $image = '',
+        public string|HTML $body = '',
+    ) {
+    }
+}
diff --git a/src/Themes/FooterRenderer.php b/src/Themes/FooterRenderer.php
new file mode 100644
index 0000000000..556c0a2ac2
--- /dev/null
+++ b/src/Themes/FooterRenderer.php
@@ -0,0 +1,141 @@
+<?php
+
+namespace phpweb\Themes;
+
+use phpweb\Navigation\NavItem;
+use function htmlspecialchars;
+use function idate;
+
+class FooterRenderer
+{
+    /**
+     * @return list<NavItem>
+     */
+    public static function getBottomNavigationLinks(): array
+    {
+        return [
+            new NavItem(
+                name: 'PHP',
+                href: '',
+                id: 'footer-php',
+                children: [
+                    new NavItem(
+                        name: 'My PHP.net',
+                        href: '/my.php',
+                        id: 'footer-my-php',
+                    ),
+                    new NavItem(
+                        name: 'Downloads',
+                        href: '/downloads.php',
+                        id: 'footer-downloads',
+                    ),
+                    new NavItem(
+                        name: 'Contact',
+                        href: '/contact.php',
+                        id: 'footer-contact',
+                    ),
+                    new NavItem(
+                        name: 'Other PHP.net sites',
+                        href: '/sites.php',
+                        id: 'footer-sites',
+                    ),
+                ],
+            ),
+            new NavItem(
+                name: 'Learn',
+                href: '',
+                id: 'footer-learn',
+                children: [
+                    new NavItem(
+                        name: 'Documentation',
+                        href: '/docs.php',
+                        id: 'footer-documentation',
+                    ),
+                    new NavItem(
+                        name: 'Get Involved',
+                        href: '/get-involved.php',
+                        id: 'footer-get-involved',
+                    ),
+                ],
+            ),
+            new NavItem(
+                name: 'The PHP Foundation',
+                href: '',
+                id: 'footer-foundation',
+                children: [
+                    new NavItem(
+                        name: 'About the Foundation',
+                        href: 'https://thephp.foundation/',
+                        id: 'footer-foundation-about',
+                    ),
+                    new NavItem(
+                        name: 'Sponsor',
+                        href: 'https://thephp.foundation/sponsor/',
+                        id: 'footer-foundation-sponsor',
+                    ),
+                    new NavItem(
+                        name: 'Contact',
+                        href: 'https://thephp.foundation/contact/',
+                        id: 'footer-foundation-contact',
+                    ),
+                ],
+            ),
+            new NavItem(
+                name: 'Legal',
+                href: '',
+                id: 'footer-legal',
+                children: [
+                    new NavItem(
+                        name: 'Privacy Policy',
+                        href: '/privacy.php',
+                        id: 'footer-privacy',
+                    ),
+                ],
+            ),
+        ];
+    }
+
+    public static function renderFooter(): void
+    {
+        ?>
+        <footer class="gst-theme-footer gst-container gst-footer-block">
+            <div class="gst-content-p-wide">
+                <div style="display: flex; gap: 3em; flex-wrap: wrap; align-items: center; font-size: 90%">
+                    <div style="flex: 1 1 400px">
+                        <img src="/images/logos/new-php-logo.svg" style="width: 100px" alt="PHP logo "/>
+                        <br /><br />
+
+                        PHP is developed and maintained by a global community of contributors.
+                        <br /><br />
+
+                        The <a rel="nofollow" href="https://thephp.foundation/">PHP Foundation</a> helps fund this work.
+                        If PHP is part of your business or projects, consider sponsoring the Foundation.
+                    </div>
+                    <div style="flex: 99999 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 0.5em">
+                        <?php foreach (self::getBottomNavigationLinks() as $top) { ?>
+                            <div>
+                                <div style="font-weight: bold"><?= htmlspecialchars($top->name) ?></div>
+                                <br />
+
+                                <div role="list">
+                                    <?php foreach ($top->children as $link) { ?>
+                                        <a role="listitem" style="display: block; margin-bottom: 0.5em; border-bottom: 0"
+                                           href="<?= htmlspecialchars($link->href) ?>"
+                                        >
+                                            <?= htmlspecialchars($link->name) ?>
+                                        </a>
+                                    <?php } ?>
+                                </div>
+                            </div>
+                        <?php } ?>
+                    </div>
+                </div>
+
+                <div style="text-align: center; font-size: 90%; margin-top: 2em">
+                    <a href="/copyright.php">Copyright © 2001 - <?= idate('Y') ?> the PHP Group. All Rights Reserved.</a>
+                </div>
+            </div>
+        </footer>
+        <?php
+    }
+}
diff --git a/src/Themes/HTML.php b/src/Themes/HTML.php
new file mode 100644
index 0000000000..365eed65cc
--- /dev/null
+++ b/src/Themes/HTML.php
@@ -0,0 +1,10 @@
+<?php
+
+namespace phpweb\Themes;
+
+readonly class HTML
+{
+    public function __construct(public string $html)
+    {
+    }
+}
diff --git a/src/Themes/SVG.php b/src/Themes/SVG.php
new file mode 100644
index 0000000000..ef476bd991
--- /dev/null
+++ b/src/Themes/SVG.php
@@ -0,0 +1,25 @@
+<?php
+
+namespace phpweb\Themes;
+
+readonly class SVG
+{
+    public function __construct(private string $content)
+    {
+    }
+
+    public function format(?string $style = null, ?string $cssClass = null): string
+    {
+        $replacements = [];
+
+        if ($style !== null) {
+            $replacements['style=""'] = 'style="' . $style . '"';
+        }
+
+        if ($cssClass !== null) {
+            $replacements['class=""'] = 'class="' . $cssClass . '"';
+        }
+
+        return str_replace(array_keys($replacements), array_values($replacements), $this->content);
+    }
+}
diff --git a/src/Themes/ThemeRenderer.php b/src/Themes/ThemeRenderer.php
new file mode 100644
index 0000000000..5d8b6e9382
--- /dev/null
+++ b/src/Themes/ThemeRenderer.php
@@ -0,0 +1,98 @@
+<?php
+
+namespace phpweb\Themes;
+
+use phpweb\Utils;
+use function preg_replace;
+
+class ThemeRenderer
+{
+    /**
+     * @param ClickableCard[] $cards
+     */
+    public function clickableCards(
+        array $cards,
+        int $width = 340,
+        string $id = '',
+        ?int $shuffleLimit = null,
+        string $cssClass = 'gst-default-card',
+        string $cssImage = 'gst-card-title-icon',
+    ): string {
+        return Utils::bufferOutput(function () use ($cards, $width, $id, $shuffleLimit, $cssClass, $cssImage): void { ?>
+            <ul class="gst-cgrid" style="grid-template-columns: repeat(auto-fit, minmax(<?= $width ?>px, 1fr));)" id="<?= $id ?>">
+                <?php foreach ($cards as $card) { ?>
+                    <li class="gst-cgrid-card gst-card gst-navcard <?= $cssClass ?> gst-apply-theme">
+                        <div style="position: absolute; top: 0; right: 0; padding-top: 0.25em; padding-right: 0.25em">
+                            <svg class="gst-navcard-indicator" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M480 96C515.3 96 544 124.7 544 160L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 160C96 124.7 124.7 96 160 96L480 96zM368 360C368 373.3 378.7 384 392 384C405.3 384 416 373.3 416 360L416 248C416 234.7 405.3 224 392 224L280 224C266.7 224 256 234.7 256 248C256 261.3 266.7 272 280 272L334.1 272L231.1 375C221.7 384.4 221.7 399.6 231.1 408.9C240.5 418.2 255.7 418.3 265 408.9L368 305.9L368 360z"/></svg>
+                        </div>
+                        <div class="gst-card-title">
+                            <?php if ($card->image instanceof SVG) { ?>
+                                <?= $card->image->format(cssClass: $cssImage) ?>
+                            <?php } elseif ($card->image) { ?>
+                                <img src="<?= $this->safe($card->image) ?>"
+                                     class="<?= $cssImage ?>"
+                                     aria-hidden="true" alt=""/>
+                            <?php } ?>
+
+                            <div role="heading" id="<?= $id ?>-title-text" class="gst-navcard-title-text" style="flex: 1 0 200px">
+                                <a class="plaina gst-navcard-title-link" aria-describedby="<?= $id ?>-content-text" href="<?= $this->safe($card->href) ?>"><?= $this->safe($card->title) ?></a>
+                            </div>
+                        </div>
+                        <div class="gst-card-content" id="<?= $id ?>-content-text">
+                            <?= $this->safe($card->body) ?>
+                        </div>
+
+                        <?php if ($card->href_label) { ?>
+                            <div class="gst-card-footer" style="text-align: right">
+                                <span class="gst-accent"><?= $this->safe($card->href_label) ?></span>
+                            </div>
+                        <?php } ?>
+                    </li>
+                <?php } ?>
+            </ul>
+            <script>
+                document.addEventListener('DOMContentLoaded', () => {
+                    const parent = document.querySelector('#<?= $id ?>');
+
+                    <?php if ($shuffleLimit !== null) { ?>
+                    GstCardHelpers.shuffleDOMChildrenWithLimit(parent, <?= $shuffleLimit ?>);
+                    <?php } ?>
+
+                    GstCardHelpers.dynamicAlignment(parent, <?= $width ?>);
+                });
+            </script>
+            <?php
+        });
+    }
+
+    public function sectionHeader(string $title, string $subtitle = ''): string
+    {
+        return Utils::bufferOutput(function () use ($title, $subtitle): void { ?>
+            <hgroup class="gst-section-title">
+                <h2><?= $this->safe($title) ?></h2>
+
+                <?php if (!empty($subtitle)) { ?>
+                    <p><?= $this->safe($subtitle) ?></p>
+                <?php } ?>
+            </hgroup>
+            <?php
+        });
+    }
+
+    public function textWithCode(string $input): HTML
+    {
+        $html = preg_replace('/`(.+?)`/i', '<code>$1</code>', htmlspecialchars($input));
+        assert(is_string($html));
+
+        return new HTML($html);
+    }
+
+    private function safe(string|int|float|HTML $value): string
+    {
+        if ($value instanceof HTML) {
+            return $value->html;
+        }
+
+        return htmlspecialchars((string)$value);
+    }
+}
diff --git a/src/Utils.php b/src/Utils.php
new file mode 100644
index 0000000000..cb3a803da3
--- /dev/null
+++ b/src/Utils.php
@@ -0,0 +1,67 @@
+<?php
+
+namespace phpweb;
+
+use Closure;
+use Error;
+use Throwable;
+use function ob_end_clean;
+use function ob_get_clean;
+use function ob_get_level;
+use function ob_start;
+use function version_compare;
+
+class Utils
+{
+    /**
+     * @param Closure $closure
+     */
+    public static function bufferOutput(Closure $closure): string
+    {
+        $level = ob_get_level();
+        try {
+            ob_start();
+            $result = $closure();
+
+            if (ob_get_level() !== ($level + 1)) {
+                throw new Error('Buffering closure unexpected manipulated buffers');
+            }
+
+            /* always try and close the buffer, we need to check contents within it */
+            $buffer = ob_get_clean();
+            if ($buffer === false) {
+                throw new Error('Unable to close output buffer within ' . __METHOD__);
+            }
+
+            /* we tried to do two things at once (or maybe warnings?) */
+            if ($result !== null && $buffer !== '') {
+                throw new Error('Buffer callback returned a string, but also emitted output to the buffer');
+            }
+
+            /* the callback returned null, so we assume that we're going to return the buffer */
+            return $result !== null ? $result : $buffer;
+        } catch (Throwable $e) {
+            while (ob_get_level() > $level) {
+                ob_end_clean();
+            }
+
+            throw $e;
+        }
+    }
+
+    /**
+     * Compares two version strings
+     */
+    public static function versionCompare(string $a, string $b): int
+    {
+        return version_compare($a, $b);
+    }
+
+    /**
+     * Version string comparison that explicitly expects a comparison operator
+     */
+    public static function versionCompareOp(string $a, string $b, string $op): bool
+    {
+        return version_compare($a, $b, $op) === true;
+    }
+}