src/app/page.tsx

@@ -11,9 +11,16 @@ import TestimonialCardThirteen from "@/components/sections/testimonial/Testimoni
 import FaqDouble from "@/components/sections/faq/FaqDouble";
 import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
 import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
-import { Award, BookOpen, CheckCircle, Compass, Globe, Heart, HelpCircle, MessageSquare, Shield, Sparkles, TrendingUp, Users, Zap } from "lucide-react";
+import { Award, BookOpen, CheckCircle, Compass, Globe, Heart, HelpCircle, MessageSquare, Shield, Sparkles, TrendingUp, Users, Zap, MessageCircle } from "lucide-react";
 
 export default function LandingPage() {
+  const handleWhatsAppClick = () => {
+    const phoneNumber = "+93793782144";
+    const message = "Hello, I'm interested in learning more about Islamic Academy programs.";
+    const encodedMessage = encodeURIComponent(message);
+    window.open(`https://wa.me/${phoneNumber}?text=${encodedMessage}`, "_blank");
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
@@ -313,6 +320,15 @@ export default function LandingPage() {
           copyrightText="© 2024 Islamic Academy. All rights reserved. Dedicated to excellence in Islamic education."
         />
       </div>
+
+      <button
+        onClick={handleWhatsAppClick}
+        className="fixed bottom-6 right-6 z-50 flex items-center justify-center w-14 h-14 bg-green-500 hover:bg-green-600 text-white rounded-full shadow-lg transition-all duration-300 hover:scale-110"
+        aria-label="Chat on WhatsApp"
+        title="Message us on WhatsApp"
+      >
+        <MessageCircle size={24} />
+      </button>
     </ThemeProvider>
   );
 }