Fix mobile Safari white bottom issue and add landing page videos

- Replace min-h-screen with min-h-dvh to fix white space on iOS Safari
- Add dynamic viewport height to background gradient and content container
- Add dark and light mode landing page video examples to taste blog post

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>

Author: wimpywarlord

public/blog/taste/landing_page_dark.mp4

@@ -16,10 +16,10 @@ export default function Home() {
   };
 
   return (
-    <div className="min-h-screen w-full bg-white relative">
+    <div className="min-h-dvh w-full bg-white relative">
       {/* Primary Color Glow Background */}
       <div
-        className="absolute inset-0 z-0"
+        className="absolute inset-0 min-h-dvh z-0"
         style={{
           backgroundImage: `
             radial-gradient(125% 125% at 50% 10%, #ffffff 40%, #FF8A50 100%)
@@ -29,7 +29,7 @@ export default function Home() {
       />
 
       {/* Content Container */}
-      <div className="relative z-10 container mx-auto px-3 sm:px-4 lg:px-6 min-h-screen flex items-center">
+      <div className="relative z-10 container mx-auto px-3 sm:px-4 lg:px-6 min-h-dvh flex items-center">
         <div className="max-w-2xl mx-auto py-8">
           <div className="space-y-4 sm:space-y-5">
             {/* Header */}

public/blog/taste/landing_page_light.mp4

@@ -208,6 +208,40 @@ export function Taste() {
         Study these examples of exceptional landing page design to refine your
         own taste:
       </p>
+
+      <div className="my-6 space-y-4">
+        <div>
+          <h3 className="text-lg font-semibold mb-3">Dark Mode Landing Page</h3>
+          <video
+            controls
+            loop
+            autoPlay
+            muted
+            className="w-full max-w-2xl rounded-lg mx-auto"
+          >
+            <source src="/blog/taste/landing_page_dark.mp4" type="video/mp4" />
+            Your browser does not support the video tag.
+          </video>
+        </div>
+
+        <div>
+          <h3 className="text-lg font-semibold mb-3">Light Mode Landing Page</h3>
+          <video
+            controls
+            loop
+            autoPlay
+            muted
+            className="w-full max-w-2xl rounded-lg mx-auto"
+          >
+            <source src="/blog/taste/landing_page_light.mp4" type="video/mp4" />
+            Your browser does not support the video tag.
+          </video>
+        </div>
+      </div>
+
+      <p className="mt-6">
+        More curated landing page resources:
+      </p>
       <ul className="space-y-2">
         <li>
           <a