diff --git a/components/pages/Navbar.tsx b/components/pages/Navbar.tsx
new file mode 100644
index 0000000..5c40f67
--- /dev/null
+++ b/components/pages/Navbar.tsx
@@ -0,0 +1,76 @@
+import { Button, buttonVariants } from "@/components/ui/button";
+import { getAuthSession } from "@/lib/auth";
+import ToggleTheme from "@/lib/toggleTheme";
+import { Bell, Search } from "lucide-react";
+import Link from "next/link";
+import { Icons } from "../Icons";
+import UserAccountNav from "./UserAccountNav";
+import AnimatedBackground from "../ui/AnimatedBG";
+
+export async function Navbar() {
+ const session = await getAuthSession();
+ const TABS = [
+ { name: "Communities", link: "/sub/search" },
+ { name: "Trending", link: "/trending" },
+ { name: "Create", link: "/sub/create" },
+ ];
+
+ return (
+
+ );
+}
diff --git a/components/pages/Posts.tsx b/components/pages/Posts.tsx
index b62ef87..5bc9792 100644
--- a/components/pages/Posts.tsx
+++ b/components/pages/Posts.tsx
@@ -1,14 +1,17 @@
import React from "react";
-import { Button } from "@/ui/button";
-import { Avatar, AvatarImage, AvatarFallback } from "@/ui/avatar";
-import { Card, CardHeader, CardContent, CardFooter } from "@/ui/card";
+
+import { Avatar, AvatarImage, AvatarFallback } from "@/components/ui/avatar";
+import { Card, CardHeader, CardContent, CardFooter } from "@/components/ui/card";
import {
- FilterIcon,
- ArrowUpIcon,
- ArrowDownIcon,
- MessageCircleIcon,
- MoveHorizontalIcon,
-} from "@/components/Icons";
+ ArrowDown,
+ ArrowUp,
+ Filter,
+ MessageCircle,
+ MessageCircleReply,
+ MoveDiagonal,
+} from "lucide-react";
+import Image from "next/image";
+import { Button } from "@/components/ui/button";
type PostType = {
content: string | JSX.Element;
@@ -22,7 +25,7 @@ export function Posts() {
Trending
@@ -35,7 +38,7 @@ export function Posts() {
/>