diff --git a/app/routes/news.tsx b/app/routes/news.tsx
index e0acc43..ac951f6 100755
--- a/app/routes/news.tsx
+++ b/app/routes/news.tsx
@@ -1,5 +1,7 @@
 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({}: Route.MetaArgs) {
@@ -10,5 +12,11 @@ export function meta({}: Route.MetaArgs) {
 }
 
 export default function Home() {
-  return <CarouselDemo />;
+  return (
+    <div>
+      <Header />
+      <TopNav />
+      <CarouselDemo />
+    </div>
+  );
 }
diff --git a/app/ui/carousel.tsx b/app/ui/carousel.tsx
index 71cff4c..99a04c7 100644
--- a/app/ui/carousel.tsx
+++ b/app/ui/carousel.tsx
@@ -5,7 +5,7 @@ import useEmblaCarousel, {
 import { ArrowLeft, ArrowRight } from "lucide-react"
 
 import { cn } from "@/lib/utils"
-import { Button } from "@/components/ui/button"
+import { Button } from "@/ui/button"
 
 type CarouselApi = UseEmblaCarouselType[1]
 type UseCarouselParameters = Parameters<typeof useEmblaCarousel>