Update components/GlassDrawer.js

components/GlassDrawer.js

@@ -1,3 +1,4 @@
+// components/GlassDrawer.js
 import { motion, AnimatePresence } from "framer-motion";
 
 export default function GlassDrawer({ isOpen, setIsOpen }) {
@@ -5,6 +6,7 @@ export default function GlassDrawer({ isOpen, setIsOpen }) {
     <AnimatePresence>
       {isOpen && (
         <>
+          {/* Backdrop */}
           <motion.div
             initial={{ opacity: 0 }}
             animate={{ opacity: 1 }}
@@ -12,6 +14,8 @@ export default function GlassDrawer({ isOpen, setIsOpen }) {
             onClick={() => setIsOpen(false)}
             className="fixed inset-0 bg-black/20 backdrop-blur-sm z-40"
           />
+          
+          {/* Drawer */}
           <motion.div
             initial={{ x: "-100%" }}
             animate={{ x: 0 }}
@@ -20,7 +24,7 @@ export default function GlassDrawer({ isOpen, setIsOpen }) {
             className="fixed top-0 left-0 bottom-0 w-3/4 max-w-xs z-50 bg-white/60 backdrop-blur-2xl border-r border-white/50 p-8 pt-16"
           >
             <h2 className="text-2xl font-bold text-[#1E293B] mb-8">Menu</h2>
-            {/* Add menu items here later */}
+            {/* Menu Items would go here */}
           </motion.div>
         </>
       )}