Index: frontend/src/pages/LandingPage/LandingPage.jsx
===================================================================
--- frontend/src/pages/LandingPage/LandingPage.jsx	(revision 5c20c64185ecffb14d2efb75c8120977f8a6bcec)
+++ frontend/src/pages/LandingPage/LandingPage.jsx	(revision ff01f66118570f9849d473fe7df4fe26b5e3a361)
@@ -3,8 +3,9 @@
 import Hero from "./components/Hero";
 import Footer from "./components/Footer";
-import { Faq } from "./components/Faq";
 import { HowItWorks } from "./components/HowItWorks";
 import { Who } from "./components/Who";
-
+import { Faq } from "./components/Faq";
+import Features from "./components/Features";
+import Benefits from "./components/Benefits";
 const LandingPage = () => {
   return (
@@ -14,4 +15,6 @@
       <HowItWorks />
       <Who />
+      <Features />
+      <Benefits />
       <Faq />
       <Footer />
Index: frontend/src/pages/LandingPage/components/Benefits.jsx
===================================================================
--- frontend/src/pages/LandingPage/components/Benefits.jsx	(revision 5c20c64185ecffb14d2efb75c8120977f8a6bcec)
+++ frontend/src/pages/LandingPage/components/Benefits.jsx	(revision ff01f66118570f9849d473fe7df4fe26b5e3a361)
@@ -60,5 +60,5 @@
           {benefits.map((benefit, index) => (
             <div key={index} className="flex gap-4 md:gap-6">
-              <div className="flex-shrink-0">
+              <div className="shrink-0">
                 <div className="flex items-center justify-center h-12 w-12 md:h-16 md:w-16 rounded-full bg-primary text-white font-bold text-lg md:text-xl">
                   {benefit.number}
Index: frontend/src/pages/LandingPage/components/Hero.jsx
===================================================================
--- frontend/src/pages/LandingPage/components/Hero.jsx	(revision 5c20c64185ecffb14d2efb75c8120977f8a6bcec)
+++ frontend/src/pages/LandingPage/components/Hero.jsx	(revision ff01f66118570f9849d473fe7df4fe26b5e3a361)
@@ -37,5 +37,5 @@
           </p>
           <Link
-            className="btn btn-primary"
+            className="btn btn-primary !text-white"
             to={isAuthed ? "/dashboard" : "/register"}
           >
Index: frontend/src/pages/LandingPage/components/NavbarLanding.jsx
===================================================================
--- frontend/src/pages/LandingPage/components/NavbarLanding.jsx	(revision 5c20c64185ecffb14d2efb75c8120977f8a6bcec)
+++ frontend/src/pages/LandingPage/components/NavbarLanding.jsx	(revision ff01f66118570f9849d473fe7df4fe26b5e3a361)
@@ -27,7 +27,11 @@
 
   return (
-    <div className="navbar bg-neutral shadow-sm">
+    <div className="navbar bg-primary text-primary-content shadow-sm">
       <div className="navbar-start">
-        <Link className="btn btn-ghost" aria-label="Trekr home" to="/">
+        <Link
+          className="btn btn-ghost text-primary-content"
+          aria-label="Trekr home"
+          to="/"
+        >
           <img src={logo} alt="Trekr" className="h-12 w-auto rounded-2xl" />
         </Link>
@@ -36,8 +40,14 @@
         {isAuthed ? (
           <div className="flex items-center gap-2 mr-6">
-            <Link className="btn btn-primary" to="/dashboard">
+            <Link
+              className="btn btn-outline border-primary-content text-primary-content"
+              to="/dashboard"
+            >
               Dashboard
             </Link>
-            <button className="btn btn-outline" onClick={onLogout}>
+            <button
+              className="btn btn-outline border-primary-content text-primary-content"
+              onClick={onLogout}
+            >
               Logout
             </button>
@@ -45,5 +55,5 @@
         ) : (
           <Link
-            className="btn bg-black text-green-200 border-black hover:bg-black/90 hover:border-black px-8 mr-6"
+            className="btn btn-tertiary text-blue-200! px-8 mr-6"
             to="/login"
           >