componentes en la pagina landing

src/app/carga/page.tsx

@@ -69,7 +69,6 @@ export default function Dashboard() {
       <div
         className="flex gap-4 flex-wrap mb-6"
         style={{
-          background: "#f3f4f6",
           padding: "2rem",
           borderRadius: "8px",
           boxShadow: "0 4px 6px rgba(253, 253, 253, 0.1)",

src/app/landing/new_header.tsx

@@ -50,8 +50,8 @@ export default function Header({ onNavClick }: HeaderProps) {
         {[
           { label: "Landing", page: "landing" },
           { label: "Login",   page: "login"   },
-          { label: "Admin",   page: "admin"   },
-          { label: "Worker",  page: "worker"  },
+          { label: "carga",   page: "carga"   },
+          { label: "consulta",  page: "consulta"  },
           { label: "Público", page: "publico" },
         ].map((item) => (
           <a

src/app/landing/page.tsx

@@ -13,9 +13,11 @@ import Footer from "@/components/layout/footer";
 import LandingBody from "./landing_body";
 import { useState } from "react";
 import Page from "../(auth)/page";
+import Dashboard from "../carga/page";
+import Consulta from "../visualizacion/page";
 
 
-type PageKey = "landing" | "login" | "admin" | "worker" | "publico";
+type PageKey = "landing" | "login" | "carga" | "consulta" | "publico";
 
 
 const Home = () => {
@@ -61,10 +63,10 @@ const Home = () => {
                {/* renderiza el body según el estado `page` */}
       {page === "landing" && <LandingBody />}
      {page === "login"   && <Page />}
-      {/* {page === "admin"   && <ContenidoAdmin1 />}
-      {page === "worker"  && <ContenidoWorker />}
-      {page === "publico" && <ContenidoPublico />} 
- */}
+       {page === "carga"   && <Dashboard />}
+
+        {page === "consulta"   && <Consulta />}
+
 
 
         {/*   <Login />

src/app/visualizacion/page.tsx

@@ -4,7 +4,7 @@ import React, { useState } from "react";
 import Input from "@/components/input";
 import Button from "@/components/button";
 
-export default function Dashboard() {
+export default function Consulta() {
   const [tipo, setTipo] = useState("");
   const [value, setValue] = useState("");
   const [resultados, setResultados] = useState<any[]>([]);
@@ -55,7 +55,6 @@ export default function Dashboard() {
       <div
         className="flex gap-4 flex-wrap mb-6"
         style={{
-          background: "#f3f4f6",
           padding: "2rem",
           borderRadius: "8px",
           boxShadow: "0 4px 6px rgba(253, 253, 253, 0.1)",