Changes

src/components/AppLayout.tsx

@@ -5,6 +5,7 @@ import { useCart } from '@/contexts/CartContext';
 import { useBranding } from '@/hooks/useBranding';
 import { Button } from '@/components/ui/button';
 import { Sheet, SheetContent, SheetTrigger } from '@/components/ui/sheet';
+import { Footer } from '@/components/Footer';
 import { cn } from '@/lib/utils';
 import {
   LayoutDashboard,
@@ -101,7 +102,7 @@ export function AppLayout({ children }: AppLayoutProps) {
   if (!user) {
     // Public layout for non-authenticated pages
     return (
-      <div className="min-h-screen bg-background">
+      <div className="min-h-screen bg-background flex flex-col">
         <header className="border-b-2 border-border bg-background sticky top-0 z-50">
           <div className="container mx-auto px-4 py-4 flex items-center justify-between">
             <Link to="/" className="text-2xl font-bold flex items-center gap-2">
@@ -113,7 +114,7 @@ export function AppLayout({ children }: AppLayoutProps) {
             </Link>
             <nav className="flex items-center gap-4">
               <Link to="/products" className="hover:underline font-medium">Produk</Link>
-              <Link to="/events" className="hover:underline font-medium">Kalender</Link>
+              <Link to="/calendar" className="hover:underline font-medium">Kalender</Link>
               <Link to="/auth">
                 <Button variant="outline" size="sm" className="border-2">
                   <User className="w-4 h-4 mr-2" />
@@ -133,7 +134,8 @@ export function AppLayout({ children }: AppLayoutProps) {
             </nav>
           </div>
         </header>
-        <main>{children}</main>
+        <main className="flex-1">{children}</main>
+        <Footer />
       </div>
     );
   }