Index: frontend/src/pages/LandingPage/components/Hero.jsx
===================================================================
--- frontend/src/pages/LandingPage/components/Hero.jsx	(revision 793ce2c999fddd728a9a4f772ab13cc20b8c9914)
+++ frontend/src/pages/LandingPage/components/Hero.jsx	(revision 793ce2c999fddd728a9a4f772ab13cc20b8c9914)
@@ -0,0 +1,30 @@
+import React from "react";
+
+const Hero = () => {
+  return (
+    <div
+      className="hero min-h-screen"
+      style={{
+        backgroundImage:
+          "url(https://images.unsplash.com/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=1920&q=80)",
+      }}
+    >
+      <div className="hero-overlay"></div>
+      <div className="hero-content text-neutral-content text-center">
+        <div className="max-w-md">
+          <h1 className="mb-5 text-5xl font-bold">
+            Trekr — track progress, every day
+          </h1>
+          <p className="mb-5">
+            One self-improvement hub: workouts, weight & nutrition, finances &
+            budgeting, investing, and daily discipline tasks. Set goals, log
+            consistently, and see your progress in one place.
+          </p>
+          <button className="btn btn-primary">Get started</button>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Hero;