Update landing page

Author: akhy

scripts/build.rb

@@ -9,11 +9,32 @@
 SRC_DIR = 'src'
 DATA_DIR = File.join(SRC_DIR, 'data')
 PAGES_DIR = File.join(SRC_DIR, 'pages')
+STATIC_DIR = 'src/static'
 OUTPUT_DIR = 'public'
 
 # Ensure output directory exists
 FileUtils.mkdir_p(OUTPUT_DIR)
 
+# Copy static files to public directory
+if Dir.exist?(STATIC_DIR)
+  puts "Copying static files from #{STATIC_DIR}/ to #{OUTPUT_DIR}/..."
+  Dir.glob(File.join(STATIC_DIR, '**', '*'), File::FNM_DOTMATCH).each do |file|
+    next if File.directory?(file)
+    next if File.basename(file).start_with?('.')
+
+    relative_path = file.sub(STATIC_DIR + '/', '')
+    output_path = File.join(OUTPUT_DIR, relative_path)
+
+    # Ensure output subdirectories exist
+    FileUtils.mkdir_p(File.dirname(output_path))
+
+    # Copy file
+    FileUtils.cp(file, output_path)
+    puts "  ✓ Copied #{relative_path}"
+  end
+  puts ''
+end
+
 # Process all .erb files in src/pages/
 Dir.glob(File.join(PAGES_DIR, '**', '*.erb')).each do |template_file|
   # Get relative path and remove .erb extension for output
@@ -37,7 +58,7 @@
   erb = ERB.new(template_content)
 
   # Render template with translation data
-  puts "  Rendering..."
+  puts '  Rendering...'
   result = erb.result(binding)
 
   # Ensure output subdirectories exist

src/data/translation.en.yaml

@@ -12,53 +12,55 @@ navigation:
 
 hero:
   title:
-    gradient: "Homelab Orchestration"
+    gradient: "Homelab Docker Compose"
     plain: "Simplified"
-  subtitle: "Bring Kubernetes-like workflows to your homelab. Minimal overhead, maximum control."
+  subtitle: "Bring Kubernetes-like workflows to your existing hosts. Start manual and minimalist, extend as you find fit."
 
 quick_start:
   label: "Quick Start"
   commands:
     - "gem install walheim"
-    - "# Initialize your homelab"
-    - "walheim init"
-    - "# Deploy your first service"
-    - "walheim deploy app.yml"
+    - "# Create a context for your homelab"
+    - "whctl context new homelab --data-dir ~/homelab"
+    - "# Add your first VM/host"
+    - "whctl create namespace minipc-01 --hostname 192.168.1.100 --username admin"
+    - "# Import an existing docker-compose app"
+    - "whctl import app nginx -n minipc-01 -f docker-compose.yml"
+    - "# View logs"
+    - "whctl logs app nginx -n minipc-01 --follow"
 
 features:
   section_title: "Built for Self-Hosters"
   items:
     - icon_color: "blue"
-      title: "Lightweight"
-      description: "No bloat. Pure Ruby implementation that runs on minimal resources. Perfect for Raspberry Pi and modest hardware."
-      icon_path: "M13 10V3L4 14h7v7l9-11h-7z"
+      icon: "files"
+      title: "File-Based Control Plane"
+      description: "Your laptop is the control plane. No databases, no etcd, no API servers. Just YAML files in a directory you manage and version control."
 
     - icon_color: "purple"
-      title: "Declarative"
-      description: "Familiar YAML manifests. Define your desired state, Walheim handles the rest. No complex DSLs to learn."
-      icon_path: "M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4"
+      icon: "terminal-window"
+      title: "No Agents Required"
+      description: "Uses SSH and rsync to deploy to your VMs. No daemons to install, no ports to open. If you can SSH to it, you can manage it."
 
     - icon_color: "emerald"
-      title: "Self-Contained"
-      description: "Zero external dependencies. Your homelab stays private and under your control. Works entirely offline."
-      icon_path: "M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
+      icon: "package"
+      title: "Docker Compose Native"
+      description: "Simple one-command import from existing docker-compose.yml. Migration is just running `whctl import app`."
 
     - icon_color: "orange"
-      title: "Extensible"
-      description: "Plugin architecture for custom integrations. Adapt Walheim to your specific homelab needs."
-      icon_paths:
-        - "M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z"
-        - "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
+      icon: "devices"
+      title: "Multi-Machine Management"
+      description: "Each namespace maps to a physical machine. Manage multiple VMs from one place with kubectl-style commands."
 
     - icon_color: "cyan"
-      title: "GitOps Ready"
-      description: "Version control your infrastructure. Automated deployments from Git repositories out of the box."
-      icon_path: "M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"
+      icon: "file-code"
+      title: "Direct Access to Compose"
+      description: "Compiles manifests into plain docker-compose.yml on the host. Need to debug? SSH in and edit the file directly, YOLO-style."
 
     - icon_color: "pink"
-      title: "Observable"
-      description: "Built-in monitoring and health checks. Know the state of your services at a glance."
-      icon_path: "M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"
+      icon: "sketch-logo"
+      title: "Pure Ruby (For Now)"
+      description: "Single gem with minimal dependencies. No complex runtime. Works on any machine with Ruby and SSH. Go/Rust rewrite on the roadmap for single-binary distribution."
 
 cta:
   title: "Start Building Your Homelab"
@@ -76,5 +78,5 @@ footer:
 
 # Command copy functionality
 copy:
-  command_text: "gem install walheim\\nwalheim init\\nwalheim deploy app.yml"
+  command_text: "gem install walheim\\nwhctl context new homelab --data-dir ~/homelab\\nwhctl create namespace minipc-01 --hostname 192.168.1.100 --username admin\\nwhctl import app nginx -n minipc-01 -f docker-compose.yml\\nwhctl logs app nginx -n minipc-01 --follow"
   success_message: "Command copied to clipboard!"

src/pages/index.html.erb

@@ -6,6 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title><%= t['meta']['title'] %></title>
     <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://unpkg.com/@phosphor-icons/web@2.0.3"></script>
     <style>
         @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
 
@@ -40,10 +41,7 @@
     <nav class="fixed w-full bg-white/80 backdrop-blur-md border-b border-slate-200 z-50">
         <div class="max-w-6xl mx-auto px-6 py-4 flex items-center justify-between">
             <div class="flex items-center space-x-2">
-                <svg class="w-8 h-8 text-blue-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                        d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10" />
-                </svg>
+                <img src="/walheim_s.png" alt="Walheim Logo" class="w-8 h-8" />
                 <span class="text-xl font-semibold"><%= t['navigation']['brand'] %></span>
             </div>
             <a href="<%= t['navigation']['github_link']['url'] %>" target="_blank"
@@ -77,9 +75,9 @@
             <div class="command-line rounded-lg p-6 shadow-xl">
                 <div class="flex items-start space-x-3">
                     <span class="text-emerald-400 font-mono text-sm">$</span>
-                    <code class="text-slate-100 font-mono text-sm flex-1 leading-relaxed">
+                    <code class="font-mono text-sm flex-1 leading-relaxed">
                         <% t['quick_start']['commands'].each_with_index do |cmd, index| %>
-                            <%= cmd %><%= index < t['quick_start']['commands'].length - 1 ? '<br/>' : '' %>
+                            <span class="<%= cmd.start_with?('#') ? 'text-slate-400' : 'text-slate-100' %>"><%= cmd %></span><%= index < t['quick_start']['commands'].length - 1 ? '<br/>' : '' %>
                         <% end %>
                     </code>
                     <button onclick="copyCommand()" class="text-slate-400 hover:text-slate-200 transition">
@@ -103,17 +101,7 @@
                 <!-- Feature Card -->
                 <div class="feature-card bg-slate-50 rounded-xl p-8 border border-slate-200">
                     <div class="w-12 h-12 bg-<%= feature['icon_color'] %>-100 rounded-lg flex items-center justify-center mb-4">
-                        <svg class="w-6 h-6 text-<%= feature['icon_color'] %>-600" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                            <% if feature['icon_paths'] %>
-                                <% feature['icon_paths'].each do |path| %>
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="<%= path %>" />
-                                <% end %>
-                            <% else %>
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="<%= feature['icon_path'] %>" />
-                            <% end %>
-                        </svg>
+                        <i class="ph-duotone ph-<%= feature['icon'] %> text-<%= feature['icon_color'] %>-600" style="font-size: 24px;"></i>
                     </div>
                     <h3 class="text-xl font-semibold mb-3"><%= feature['title'] %></h3>
                     <p class="text-slate-600">