Merge pull request #39 from SpaceyaTech/tools-section

Tools section

Author: tigawanna

src/components/navigation/LandingPageNavbar.tsx

@@ -7,7 +7,7 @@ export function LandingPageNavbar({}: LandingPageNavbarProps) {
   const isLoading = useRouterState({ select: (s) => s.status === "pending" });
 
   return (
-    <header className="sticky top-0 z-30 flex  w-full flex-col items-center justify-between bg-base-200">
+    <header className="sticky top-0 z-30 flex  w-full flex-col items-center justify-between bg-base-200/520">
       <nav className="flex h-full w-full items-center justify-between gap-5 px-5 p-2">
         <Link to="/" className="btn btn-link btn-sm">
           <img src="/colabs.png" alt="logo" className="h-8 w-fit" />

src/routes/-components/RootComponent.tsx

@@ -6,7 +6,7 @@ import { TanStackRouterDevtools } from "./RouterDevttols";
 
 export function RootComponent() {
   return (
-    <div className="content min-h-screen bg-gradient-to-r from-base-100 via-primary/20 to-base-100 w-full">
+    <div className="content min-h-screen bg-gradient-to-r from-base-100 via-primary/20 dark:via-primary/20 to-base-100 w-full">
       <Outlet />
       <ReactQueryDevtools buttonPosition="bottom-right" />
       <TanStackRouterDevtools position="bottom-left" />

src/routes/-components/tools-section/ToolsSection.tsx

@@ -17,21 +17,21 @@ export function ToolsSection({}: ToolsSectionProps) {
         <div className="flex h-full w-full flex-col items-center justify-center p-[3%] md:flex-row">
           {/* gamification+ */}
           <div className="flex h-full w-full items-center justify-center rounded-xl border-[1px] border-[#294740]">
-            <img className="" src="/public/landing-page/gamification.svg" />
+            <img className="" src="/landing-page/gamification.svg" />
           </div>
           {/* community */}
           <div className="flex h-full w-full items-center justify-center">
-            <img className="" src="/public/landing-page/community.svg" />
+            <img className="" src="/landing-page/community.svg" />
           </div>
         </div>
       </div>
       <div className="flex h-full w-full flex-col items-center justify-center p-[3%] md:flex-row">
         {/* technologies */}
         <div className="flex h-full w-full items-center justify-center">
-          <img className="" src="/public/landing-page/tech.svg" />
+          <img className="" src="/landing-page/tech.svg" />
         </div>
         <div className="flex h-full w-full items-center justify-center">
-          <img className="" src="/public/landing-page/teams.svg" />
+          <img className="" src="/landing-page/teams.svg" />
         </div>
       </div>
     </div>