add colour and remove topbar

frontend/src/pages/Home.tsx

@@ -1,78 +1,15 @@
-import { Upload, Scissors, SlidersHorizontal, Radio, LayoutGrid, Play } from "lucide-react";
-
-const features = [
-    {
-        icon: Upload,
-        title: "Upload & compress",
-        description: "Drop in a video file, set your clip range and export settings, then compress.",
-    },
-    {
-        icon: Scissors,
-        title: "Trim",
-        description: "Set start and end points with a range slider. Preview as you go.",
-    },
-    {
-        icon: SlidersHorizontal,
-        title: "Export settings",
-        description: "Choose resolution, frame rate, and an optional file size cap.",
-    },
-    {
-        icon: Radio,
-        title: "RTMP streaming",
-        description: "Point OBS at your stream key and go live. Find the key in your profile.",
-    },
-    {
-        icon: LayoutGrid,
-        title: "Clip library",
-        description: "Browse all your clips. Watch, rename, edit the description, or delete.",
-    },
-    {
-        icon: Play,
-        title: "Built-in player",
-        description: "Scrub, adjust volume, go fullscreen. Runs in the browser.",
-    },
-];
-
 const Home = () => {
+    const now = new Date();
+
+    const formatted: string = new Intl.DateTimeFormat('en-IE', {
+        weekday: 'short',
+        day: 'numeric',
+        month: 'short',
+    }).format(now);
+
     return (
         <div className="flex flex-col items-center px-8 py-12 min-h-full">
-            {/* Hero */}
-            <div className="flex flex-col items-center text-center max-w-2xl mb-14">
-                <img
-                    src="/logo.png"
-                    alt="VoD System Logo"
-                    className="h-24 mb-6 object-contain"
-                />
-                <h1 className="text-4xl font-heading text-gray-900 mb-3 leading-tight">
-                    A home for your clips.
-                </h1>
-                <p className="text-body text-gray-500 leading-relaxed">
-                    Upload, trim, and export video clips. Stream live if you need to.
-                </p>
-            </div>
-
-            {/* Feature grid */}
-            <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 w-full max-w-4xl mb-10">
-                {features.map(({ icon: Icon, title, description }) => (
-                    <div
-                        key={title}
-                        className="bg-white border border-gray-200 rounded-xl p-5 flex flex-col gap-3 shadow-sm"
-                    >
-                        <div className="w-9 h-9 rounded-lg bg-primary/10 flex items-center justify-center flex-shrink-0">
-                            <Icon size={18} className="text-primary" />
-                        </div>
-                        <div>
-                            <p className="font-semibold text-gray-900 text-sm mb-1">{title}</p>
-                            <p className="text-sm text-gray-500 leading-relaxed">{description}</p>
-                        </div>
-                    </div>
-                ))}
-            </div>
-
-            {/* Format note */}
-            <p className="text-xs text-gray-400">
-                Supports MP4, MOV, WebM, and OGG.
-            </p>
+            <p className={"font-data text-faint-mono"}>{formatted}</p>
         </div>
     );
 };