Merge pull request #9 from OwethuManagedServices/25-05-2025/New-Changes

25 05 2025/new changes

app/layout.tsx

@@ -3,7 +3,6 @@ import { Poppins } from "next/font/google";
 import "./globals.css";
 import Header from "@/components/Header";
 import Footer from "@/components/Footer";
-import ChatbotWidget from "@/components/ChatbotWidget";
 import { ThemeProvider } from "@/providers/theme-provider";
 
 const poppins = Poppins({
@@ -95,7 +94,6 @@ export default function RootLayout({
           <Header />
           <main>{children}</main>
           <Footer />
-          <ChatbotWidget />
         </ThemeProvider>
       </body>
     </html>

components/ChatbotWidget.tsx

@@ -1,22 +0,0 @@
-// components/ChatbotWidget.tsx
-import React from "react";
-import { FaComments } from "react-icons/fa";
-
-const ChatbotWidget = () => {
-  // TODO: Implement actual chat functionality (e.g., integrate a service)
-  // const handleChatOpen = () => {
-  //   alert("Chatbot functionality to be implemented!");
-  // };
-
-  return (
-    <button
-      //   onClick={handleChatOpen}
-      className="fixed bottom-6 right-6 bg-primary text-dark p-4 rounded-full shadow-lg hover:bg-primary/90 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 transition-all duration-300 z-50"
-      aria-label="Open Chat"
-    >
-      <FaComments size={24} />
-    </button>
-  );
-};
-
-export default ChatbotWidget;

components/HeaderClient.tsx

@@ -398,7 +398,7 @@ const HeaderClient = () => {
                     </div>
                   </div>
                 </div>
-                <div
+                {/* <div
                   className={`group ${isActive("/offerings") ? "active" : ""}`}
                   onMouseEnter={handleOfferingsMouseEnter}
                   onMouseLeave={handleOfferingsMouseLeave}
@@ -438,7 +438,7 @@ const HeaderClient = () => {
                       </div>
                     </div>
                   </div>
-                </div>
+                </div> */}
               </nav>
 
               {/* ← Here’s the Explore Our Offerings link, back in its original spot 
@@ -513,13 +513,13 @@ const HeaderClient = () => {
           <DropdownLink href="/contact" onClick={handleMobileLinkClick}>
             Contact Us
           </DropdownLink>
-
+          {/*         
           <span className="pt-3 pb-1 text-xs uppercase text-muted-foreground">
             Explore Our Offerings
           </span>
           <DropdownLink href="/offerings" onClick={handleMobileLinkClick}>
             Our Offerings
-          </DropdownLink>
+          </DropdownLink> */}
 
           <div className="pt-4">
             <Link