Merge version_2 into main

Merge version_2 into main

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"
@@ -29,7 +36,7 @@ export default function LandingPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarLayoutFloatingInline
-          brandName="Islamic Academy"
+          brandName=" Academy Noor AL Quran"
           navItems={[
             { name: "Home", id: "hero" },
             { name: "About", id: "about" },
@@ -43,7 +50,7 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroLogoBillboard
-          logoText="Islamic Academy"
+          logoText="Islamic Academy "
           description="Nurturing Islamic Knowledge, Building Character, Inspiring Communities. Join us in preserving and teaching Islamic traditions to the next generation."
           buttons={[
             { text: "Start Your Journey", href: "#programs" },
@@ -51,7 +58,7 @@ export default function LandingPage() {
           ]}
           buttonAnimation="slide-up"
           background={{ variant: "gradient-bars" }}
-          imageSrc="http://img.b2bpic.net/free-photo/books-imagination-still-life_23-2149082171.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/holy-quran-hand-with-arabic-calligraphy-meaning-al-quran_181624-49586.jpg?id=17542686"
           imageAlt="Islamic classroom students learning Quran"
           mediaAnimation="slide-up"
           frameStyle="card"
@@ -79,7 +86,7 @@ export default function LandingPage() {
               title: "Character Development",              description: "Holistic education emphasizing moral values and personal growth",              icon: Award
             }
           ]}
-          imageSrc="http://img.b2bpic.net/free-photo/close-up-happy-colleagues-table_23-2149006862.jpg"
+          imageSrc="http://img.b2bpic.net/free-photo/modern-video-call-colleagues_482257-76231.jpg?id=136130934"
           imageAlt="Islamic teacher students classroom learning"
           mediaAnimation="slide-up"
           imagePosition="right"
@@ -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>
   );
 }