feat: marketing page

Author: innocenzi

bun.lock

@@ -19,6 +19,7 @@
         "fuse.js": "^7.1.0",
         "instantsearch.js": "^4.78.0",
         "minisearch": "^7.1.2",
+        "motion": "^12.5.0",
         "reka-ui": "^2.1.0",
         "tailwindcss": "^4.0.14",
         "typescript": "^5.8.2",
@@ -585,6 +586,8 @@
 
     "flatted": ["[email protected]", "", {}, "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg=="],
 
+    "framer-motion": ["[email protected]", "", { "dependencies": { "motion-dom": "^12.5.0", "motion-utils": "^12.5.0", "tslib": "^2.4.0" }, "peerDependencies": { "@emotion/is-prop-valid": "*", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/is-prop-valid", "react", "react-dom"] }, "sha512-buPlioFbH9/W7rDzYh1C09AuZHAk2D1xTA1BlounJ2Rb9aRg84OXexP0GLd+R83v0khURdMX7b5MKnGTaSg5iA=="],
+
     "fsevents": ["[email protected]", "", { "os": "darwin" }, "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw=="],
 
     "function-bind": ["[email protected]", "", {}, "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA=="],
@@ -751,6 +754,12 @@
 
     "mlly": ["[email protected]", "", { "dependencies": { "acorn": "^8.14.0", "pathe": "^2.0.1", "pkg-types": "^1.3.0", "ufo": "^1.5.4" } }, "sha512-qmdSIPC4bDJXgZTCR7XosJiNKySV7O215tsPtDN9iEO/7q/76b/ijtgRu/+epFXSJhijtTCCGp3DWS549P3xKw=="],
 
+    "motion": ["[email protected]", "", { "dependencies": { "framer-motion": "^12.5.0", "tslib": "^2.4.0" }, "peerDependencies": { "@emotion/is-prop-valid": "*", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/is-prop-valid", "react", "react-dom"] }, "sha512-BTAYKszMmTvXSsIyeHNMPSicjWgUA4j7OmZv1xPpthm4sPub3ch66fy9U7BhJ1uXNL3YeprsIegzuvps3FkEMw=="],
+
+    "motion-dom": ["[email protected]", "", { "dependencies": { "motion-utils": "^12.5.0" } }, "sha512-uH2PETDh7m+Hjd1UQQ56yHqwn83SAwNjimNPE/kC+Kds0t4Yh7+29rfo5wezVFpPOv57U4IuWved5d1x0kNhbQ=="],
+
+    "motion-utils": ["[email protected]", "", {}, "sha512-+hFFzvimn0sBMP9iPxBa9OtRX35ZQ3py0UHnb8U29VD+d8lQ8zH3dTygJWqK7av2v6yhg7scj9iZuvTS0f4+SA=="],
+
     "ms": ["[email protected]", "", {}, "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="],
 
     "nanoid": ["[email protected]", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-SppoicMGpZvbF1l3z4x7No3OlIjP7QJvC9XR7AhZr1kL133KHnKPztkKDc+Ir4aJ/1VhTySrtKhrsycmrMQfvg=="],

package.json

@@ -21,6 +21,7 @@
     "fuse.js": "^7.1.0",
     "instantsearch.js": "^4.78.0",
     "minisearch": "^7.1.2",
+    "motion": "^12.5.0",
     "reka-ui": "^2.1.0",
     "tailwindcss": "^4.0.14",
     "typescript": "^5.8.2",

src/Web/Homepage/HomeController.php

@@ -2,18 +2,31 @@
 
 namespace App\Web\Homepage;
 
+use League\CommonMark\MarkdownConverter;
 use Tempest\Router\Get;
 use Tempest\Router\StaticPage;
 use Tempest\View\View;
 
+use function Tempest\Support\Arr\map_with_keys;
+use function Tempest\Support\Str\before_last;
+use function Tempest\Support\Str\strip_end;
 use function Tempest\view;
 
 final readonly class HomeController
 {
+    public function __construct(
+        private MarkdownConverter $markdown,
+    ) {
+    }
+
     #[StaticPage]
     #[Get('/')]
     public function __invoke(): View
     {
-        return view('./home.view.php');
+        $codeBlocks = map_with_keys(glob(__DIR__ . '/codeblocks/*.md'), function (string $path) {
+            return yield strip_end(basename($path), '.md') => $this->markdown->convert(file_get_contents($path));
+        });
+
+        return view('./home.view.php', codeBlocks: $codeBlocks);
     }
 }

src/Web/Homepage/codeblocks/config.md

@@ -0,0 +1,12 @@
+```php src/config/database.config.php
+use Tempest\Database\Config\PostgresConfig;
+use function Tempest\env;
+
+return new PostgresConfig(
+    host: env('DB_HOST'),
+    port: env('DB_PORT'),
+    username: env('DB_USERNAME'),
+    password: env('DB_PASSWORD'),
+    database: env('DB_DATABASE'),
+);
+```

src/Web/Homepage/codeblocks/controller.md

@@ -0,0 +1,14 @@
+```php src/Books/BookController.php
+final readonly class BookController
+{
+    // …
+
+    #[Post('/books')]
+    public function store(CreateBookRequest $request): Response
+    {
+        $book = map($request)->to(Book::class)->save();
+
+        return new Redirect([self::class, 'show'], book: $book->id);
+    }
+}
+```

src/Web/Homepage/codeblocks/mapper.md

@@ -0,0 +1,7 @@
+```php
+use function Tempest\map;
+
+map('path/to/books.json')->collection->to(Book::class);
+
+map($book)->to(MapTo::JSON);
+```

src/Web/Homepage/codeblocks/markdown-initializer.md

@@ -0,0 +1,23 @@
+```php src/Support/MarkdownInitializer.php
+final readonly class MarkdownInitializer implements Initializer
+{
+    public function initialize(Container $container): MarkdownConverter
+    {
+        $environment = new Environment();
+        $highlighter = (new Highlighter(new CssTheme()));
+
+        $highlighter
+            ->addLanguage(new TempestViewLanguage())
+            ->addLanguage(new TempestConsoleWebLanguage())
+            ->addLanguage(new ExtendedJsonLanguage());
+
+        $environment
+            ->addExtension(new CommonMarkCoreExtension())
+            ->addExtension(new FrontMatterExtension())
+            ->addRenderer(FencedCode::class, new CodeBlockRenderer($highlighter))
+            ->addRenderer(Code::class, new InlineCodeBlockRenderer($highlighter));
+
+        return new MarkdownConverter($environment);
+    }
+}
+```

src/Web/Homepage/codeblocks/model.md

@@ -0,0 +1,16 @@
+```php src/Books/Book.php
+final class Book implements DatabaseModel
+{
+    use IsDatabaseModel;
+
+    public function __construct(
+        #[Length(min: 1, max: 120)]
+        public string $title,
+
+        public ?Author $author = null,
+
+        /** @var \App\Books\Chapter[] */
+        public array $chapters = [],
+    ) {}
+}
+```

src/Web/Homepage/codeblocks/orm.md

@@ -0,0 +1,8 @@
+```php
+$books = Book::query()
+    ->with('author.publisher')
+    ->where('createdAt < :olderThan', olderThan: $olderThan)
+    ->orderBy('createdAt DESC')
+    ->limit(5)
+    ->all();
+```

src/Web/Homepage/codeblocks/templating-component.md

@@ -0,0 +1,17 @@
+```html x-base.view.php
+<!DOCTYPE html>
+<html lang="en" class="h-dvh flex flex-col">
+<head>
+	<title :if="isset($title)">{{ $title }} — Bookish</title>
+	<title :else>Bookish</title>
+	<meta charset="UTF-8" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
+	<x-vite-tags />
+	<x-slot name="head" />
+</head>
+<body class="antialiased flex flex-col grow">
+	<x-slot />
+	<x-slot name="scripts" />
+</body>
+</html>
+```