(FEAT): Started work on the home page!

This is going by very quick, at least the static pieces.

web/src/pages/Home.tsx

@@ -1,5 +1,23 @@
+import SalmonVideo from "../assets/videos/salmon_video.mp4";
+
 export default function Home() {
   return (
-    <p>hello</p>
+    <section className="w-full h-fit mb-16">
+      <div className="relative">
+        <video autoPlay loop muted playsInline>
+          <source src={SalmonVideo} type="video/mp4" />
+        </video>
+        <h1 className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-center
+          text-white text-3xl w-4/5 font-bold z-10">
+          Discover Your Next Favorite Meal
+        </h1>
+      </div>
+      <p className="leading-relaxed p-4 my-8">
+        Welcome to your ultimate recipe hub! Whether you're a seasoned chef or just starting your culinary adventure,
+        we're here to inspire. Explore thousands of delicious recipes, from quick weeknight dinners to gourmet delights,
+        all at your fingertips. Find exactly what you're craving with our powerful search and intuitive filters, or
+        browse our trending dishes for fresh ideas.
+      </p>
+    </section>
   );
 }

web/tsconfig.json

@@ -1,7 +1,11 @@
 {
   "files": [],
   "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
+    {
+      "path": "./tsconfig.app.json"
+    },
+    {
+      "path": "./tsconfig.node.json"
+    }
   ]
 }