Add landing page for voicebox.sh

- Created a new landing page using Next.js 16, featuring a modern design with Tailwind CSS.
- Implemented essential components including Header, Footer, and DownloadSection for user navigation and download options.
- Configured Tailwind CSS and PostCSS for styling, and set up TypeScript for type safety.
- Added a README with setup instructions, project structure, and deployment guidelines.
- Integrated GitHub links for easy access to the repository and releases.
- Established a consistent UI with reusable components and responsive design.

landing/src/components/DownloadSection.tsx

@@ -0,0 +1,65 @@
+'use client';
+
+import { Download, Laptop, Monitor, Terminal } from 'lucide-react';
+import { Button } from '@/components/ui/button';
+import { Card, CardContent } from '@/components/ui/card';
+import { DOWNLOAD_LINKS, LATEST_VERSION } from '@/lib/constants';
+
+export function DownloadSection() {
+  const downloads = [
+    {
+      platform: 'Mac',
+      icon: Laptop,
+      link: DOWNLOAD_LINKS.mac,
+      description: 'macOS (Intel + Apple Silicon)',
+    },
+    {
+      platform: 'Windows',
+      icon: Monitor,
+      link: DOWNLOAD_LINKS.windows,
+      description: 'Windows x64',
+    },
+    {
+      platform: 'Linux',
+      icon: Terminal,
+      link: DOWNLOAD_LINKS.linux,
+      description: 'Linux AppImage',
+    },
+  ];
+
+  return (
+    <div className="space-y-6">
+      <div className="text-center">
+        <p className="text-sm text-muted-foreground mb-2">Latest Version</p>
+        <p className="text-2xl font-bold">{LATEST_VERSION}</p>
+      </div>
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-4 sm:gap-6">
+        {downloads.map(({ platform, icon: Icon, link, description }) => (
+          <Card key={platform} className="hover:border-primary/50 transition-colors">
+            <CardContent className="p-6">
+              <div className="flex flex-col items-center text-center space-y-4">
+                <div className="p-3 rounded-lg bg-muted">
+                  <Icon className="h-8 w-8" />
+                </div>
+                <div>
+                  <h3 className="text-lg font-semibold mb-1">{platform}</h3>
+                  <p className="text-sm text-muted-foreground">{description}</p>
+                </div>
+                <Button
+                  asChild
+                  size="lg"
+                  className="w-full"
+                >
+                  <a href={link} download>
+                    <Download className="h-4 w-4 mr-2" />
+                    Download
+                  </a>
+                </Button>
+              </div>
+            </CardContent>
+          </Card>
+        ))}
+      </div>
+    </div>
+  );
+}