Update New Features

src/pages/EventDetails.js

@@ -6,6 +6,8 @@ import { Button } from '../components/ui/button';
 import { Badge } from '../components/ui/badge';
 import { toast } from 'sonner';
 import Navbar from '../components/Navbar';
+import MemberFooter from '../components/MemberFooter';
+import AddToCalendarButton from '../components/AddToCalendarButton';
 import { Calendar, MapPin, Users, ArrowLeft, Check, X, HelpCircle } from 'lucide-react';
 
 const EventDetails = () => {
@@ -191,9 +193,25 @@ const EventDetails = () => {
                 Can't Attend
               </Button>
             </div>
+
+            {/* Add to Calendar Section */}
+            <div className="mt-8 pt-8 border-t border-[#ddd8eb]">
+              <h2 className="text-xl font-semibold text-[#422268] mb-4" style={{ fontFamily: "'Inter', sans-serif" }}>
+                Add to Your Calendar
+              </h2>
+              <p className="text-[#664fa3] mb-4" style={{ fontFamily: "'Nunito Sans', sans-serif" }}>
+                Never miss this event! Add it to your calendar app for reminders.
+              </p>
+              <AddToCalendarButton
+                event={event}
+                showSubscribe={false}
+                variant="outline"
+              />
+            </div>
           </div>
         </Card>
       </div>
+      <MemberFooter />
     </div>
   );
 };