diff --git a/app/components/Sidebar.tsx b/app/components/Sidebar.tsx
new file mode 100644
index 0000000..b39b823
--- /dev/null
+++ b/app/components/Sidebar.tsx
@@ -0,0 +1,123 @@
+import Link from "next/link";
+
+type NavItem = {
+ href: string;
+ label: string;
+ icon: React.ReactNode;
+};
+
+const NAV_ITEMS: NavItem[] = [
+ {
+ href: "/",
+ label: "Feed",
+ icon: (
+
+ ),
+ },
+ {
+ href: "/ninos",
+ label: "Niños",
+ icon: (
+
+ ),
+ },
+ {
+ href: "/avisos",
+ label: "Avisos",
+ icon: (
+
+ ),
+ },
+ {
+ href: "/mi-cuenta",
+ label: "Mi cuenta",
+ icon: (
+
+ ),
+ },
+];
+
+export default function Sidebar({ activeHref = "/" }: { activeHref?: string }) {
+ return (
+
+ );
+}