app/routes/news.tsx

@@ -1,8 +1,10 @@
 import { CarouselDemo } from "@/components/untils/Carousel";
 import type { Route } from "./+types/news";
+import { Header } from "@/components/header/Header";
+import { TopNav } from "@/components/header/TopNav";
 
 
-export function meta( ) {
+export function meta({}: Route.MetaArgs) {
   return [
     { title: "New React Router App" },
     { name: "description", content: "Welcome to React Router!" },
@@ -10,5 +12,11 @@ export function meta( ) {
 }
 
 export default function Home() {
-  return <CarouselDemo />;
+  return (
+    <div>
+      <Header />
+      <TopNav />
+      <CarouselDemo />
+    </div>
+  );
 }