src/app/calendar/page.tsx

@@ -2,7 +2,7 @@
 
 import { useState } from "react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Calendar, Plus, Trash2, Edit } from "lucide-react";
+import { Calendar, Plus, Trash2 } from "lucide-react";
 
 type Exercise = { id: string; name: string; reps: string; sets: string };
 type DayData = { [date: string]: Exercise[] };
@@ -22,7 +22,18 @@ export default function CalendarPage() {
   };
 
   return (
-    <ThemeProvider>
+    <ThemeProvider 
+      defaultButtonVariant="text-stagger" 
+      defaultTextAnimation="entrance-slide" 
+      borderRadius="rounded" 
+      contentWidth="medium" 
+      sizing="medium" 
+      background="circleGradient" 
+      cardStyle="glass-elevated" 
+      primaryButtonStyle="gradient" 
+      secondaryButtonStyle="glass" 
+      headingFontWeight="normal"
+    >
       <div className="p-8 max-w-4xl mx-auto">
         <h1 className="text-4xl font-bold mb-8 flex items-center gap-4"><Calendar /> Workout Calendar</h1>
         <div className="grid grid-cols-1 md:grid-cols-2 gap-8">