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

removed contact us page

app/(website)/services/product-development/page.tsx

@@ -24,11 +24,11 @@ import {
   FaChartLine, // For Growth/Scalability
   FaTasks, // For QA
   FaComments, // For Feedback
-  FaPhone,
+  //FaPhone,
-  FaEnvelope,
+  //FaEnvelope,
 } from "react-icons/fa";
 import { COLORS } from "@/constants";
-import ContactForm from "@/components/ContactForm";
+//import ContactForm from "@/components/ContactForm";
 
 // SEO Metadata
 export const metadata: Metadata = {
@@ -541,7 +541,7 @@ export default function ProductDevelopmentPage() {
       </section>
 
       {/* 11. Contact Information Section */}
-      <section
+      {/* <section
         id="contact"
         className="py-16 md:py-24 bg-gray-100 dark:bg-gray-800"
       >
@@ -556,7 +556,7 @@ export default function ProductDevelopmentPage() {
             </p>
           </div>
           <div className="max-w-4xl mx-auto grid grid-cols-1 md:grid-cols-2 gap-8 items-start">
-            {/* Contact Details */}
+            
             <div className="space-y-6">
               <div className="flex items-center space-x-4">
                 <FaPhone
@@ -601,7 +601,7 @@ export default function ProductDevelopmentPage() {
               </Link>
             </div>
 
-            {/* Contact Form */}
+          
             <div className="bg-white dark:bg-gray-700 p-6 rounded-lg shadow-md">
               <h3 className="text-xl font-semibold font-poppins text-gray-900 dark:text-white mb-4">
                 Send Us Your Inquiry
@@ -610,7 +610,9 @@ export default function ProductDevelopmentPage() {
             </div>
           </div>
         </div>
-      </section>
+      </section> */}
+
+
     </div>
   );
 }

components/HeaderClient.tsx

@@ -13,8 +13,6 @@ import {
   FiUsers,
   FiCpu,
   FiBox,
-  FiFileText,
-  FiUserCheck,
 } from "react-icons/fi";
 import ThemeToggle from "./ThemeToggle";
 
@@ -42,8 +40,7 @@ const HeaderClient = () => {
 
   const [servicesDropdownOpen, setServicesDropdownOpen] = useState(false);
   const [productsDropdownOpen, setProductsDropdownOpen] = useState(false);
-  const [joinUsDropdownOpen, setJoinUsDropdownOpen] = useState(false);
+  //const [joinUsDropdownOpen, setJoinUsDropdownOpen] = useState(false);
-  
 
   const handleServicesMouseEnter = () => setServicesDropdownOpen(true);
   const handleServicesMouseLeave = () => setServicesDropdownOpen(false);
@@ -51,8 +48,8 @@ const HeaderClient = () => {
   const handleProductsMouseEnter = () => setProductsDropdownOpen(true);
   const handleProductsMouseLeave = () => setProductsDropdownOpen(false);
 
-  const handleJoinUsMouseEnter = () => setJoinUsDropdownOpen(true);
+  // const handleJoinUsMouseEnter = () => setJoinUsDropdownOpen(true);
-  const handleJoinUsMouseLeave = () => setJoinUsDropdownOpen(false);
+  // const handleJoinUsMouseLeave = () => setJoinUsDropdownOpen(false);
 
   const pathname = usePathname(); // Get current path
 
@@ -151,7 +148,7 @@ const HeaderClient = () => {
           <div className="hidden md:flex items-center space-x-4">
             <ThemeToggle />
             <Link
-              href="/request-demo"
+              href="/contact"
               className="flex items-center text-sm font-medium bg-primary text-primary-foreground px-3 py-1.5 rounded-lg hover:bg-opacity-90 transition-colors"
               title="Request a Demo"
             >
@@ -319,80 +316,8 @@ const HeaderClient = () => {
                   </div>
                 </div>
                 {/* Join Our Team */}
-                <div
+              
-                  className={`group ${
+                
-                    isActive("/join-us") ||
-                    isActive("/vacancies") ||
-                    isActive("/portal")
-                      ? "active"
-                      : ""
-                  }`} // Add active class to group (check all related paths)
-                  onMouseEnter={handleJoinUsMouseEnter}
-                  onMouseLeave={handleJoinUsMouseLeave}
-                >
-                  <button
-                    className={`${megaMenuTriggerClasses} ${
-                      isActive("/join-us") ||
-                      isActive("/vacancies") ||
-                      isActive("/portal")
-                        ? "after:w-full"
-                        : ""
-                    }`}
-                  >
-                    {" "}
-                    {/* Apply underline based on active state */}
-                    Join Our Team
-                    <FiChevronDown className="w-4 h-4 ml-1.5 opacity-70 transition-transform duration-200" />
-                  </button>
-                  <div
-                    className={`
-                      absolute left-0 top-full w-full shadow-lg z-1000
-                      bg-card border-x border-b border-border rounded-b-lg
-                      opacity-0 invisible translate-y-[-10px]
-                      ${
-                        joinUsDropdownOpen
-                          ? "opacity-100 visible translate-y-0"
-                          : ""
-                      }
-                      transition-all duration-300 ease-out transform
-                    `}
-                  >
-                    <div className="container mx-auto px-4 sm:px-6 lg:px-8 py-5">
-                      <div className="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-6 max-w-xl">
-                        <Link
-                          href="/vacancies"
-                          className={`${megaMenuItemClasses} ${
-                            isActive("/vacancies") ? "text-primary" : ""
-                          }`}
-                        >
-                          {" "}
-                          {/* Apply active class */}
-                          <FiFileText className={megaMenuIconClasses} />
-                          <div className={megaMenuTextWrapperClasses}>
-                            <p className={megaMenuTitleClasses}>
-                              Current Vacancies
-                            </p>
-                          </div>
-                        </Link>
-                        <Link
-                          href="/portal"
-                          className={`${megaMenuItemClasses} ${
-                            isActive("/portal") ? "text-primary" : ""
-                          }`}
-                        >
-                          {" "}
-                          {/* Apply active class */}
-                          <FiUserCheck className={megaMenuIconClasses} />
-                          <div className={megaMenuTextWrapperClasses}>
-                            <p className={megaMenuTitleClasses}>
-                              Recruitment Portal
-                            </p>
-                          </div>
-                        </Link>
-                      </div>
-                    </div>
-                  </div>
-                </div>
                 {/* <div
                   className={`group ${isActive("/offerings") ? "active" : ""}`}
                   onMouseEnter={handleOfferingsMouseEnter}
@@ -471,7 +396,9 @@ const HeaderClient = () => {
           <DropdownLink href="/about" onClick={handleMobileLinkClick}>
             About Us
           </DropdownLink>
-
+          <DropdownLink href="/contact" onClick={handleMobileLinkClick}>
+            Contact Us
+          </DropdownLink>
           <span className="pt-3 pb-1 text-xs uppercase text-muted-foreground">
             Services
           </span>
@@ -495,7 +422,7 @@ const HeaderClient = () => {
             OBSE
           </DropdownLink>
 
-          <span className="pt-3 pb-1 text-xs uppercase text-muted-foreground">
+          {/* <span className="pt-3 pb-1 text-xs uppercase text-muted-foreground">
             Join Us
           </span>
           <DropdownLink href="/vacancies" onClick={handleMobileLinkClick}>
@@ -503,11 +430,8 @@ const HeaderClient = () => {
           </DropdownLink>
           <DropdownLink href="/portal" onClick={handleMobileLinkClick}>
             Recruitment Portal
-          </DropdownLink>
+          </DropdownLink> */}
 
-          <DropdownLink href="/contact" onClick={handleMobileLinkClick}>
-            Contact Us
-          </DropdownLink>
           {/*         
           <span className="pt-3 pb-1 text-xs uppercase text-muted-foreground">
             Explore Our Offerings
@@ -518,7 +442,7 @@ const HeaderClient = () => {
 
           <div className="pt-4">
             <Link
-              href="/request-demo"
+              href="/contact"
               onClick={handleMobileLinkClick}
               className="flex w-full justify-center items-center text-sm font-medium bg-primary text-primary-foreground px-4 py-2 rounded-lg hover:bg-opacity-90 transition-colors"
               title="Request a Demo"
@@ -535,3 +459,77 @@ const HeaderClient = () => {
 };
 
 export default HeaderClient;
+  // <div
+  //                 className={`group ${
+  //                   isActive("/join-us") ||
+  //                   isActive("/vacancies") ||
+  //                   isActive("/portal")
+  //                     ? "active"
+  //                     : ""
+  //                 }`} // Add active class to group (check all related paths)
+  //                 onMouseEnter={handleJoinUsMouseEnter}
+  //                 onMouseLeave={handleJoinUsMouseLeave}
+  //               >
+  //                 <button
+  //                   className={`${megaMenuTriggerClasses} ${
+  //                     isActive("/join-us") ||
+  //                     isActive("/vacancies") ||
+  //                     isActive("/portal")
+  //                       ? "after:w-full"
+  //                       : ""
+  //                   }`}
+  //                 >
+  //                   {" "}
+  //                   {/* Apply underline based on active state */}
+  //                   Join Our Team
+  //                   <FiChevronDown className="w-4 h-4 ml-1.5 opacity-70 transition-transform duration-200" />
+  //                 </button>
+  //                 <div
+  //                   className={`
+  //                     absolute left-0 top-full w-full shadow-lg z-1000
+  //                     bg-card border-x border-b border-border rounded-b-lg
+  //                     opacity-0 invisible translate-y-[-10px]
+  //                     ${
+  //                       joinUsDropdownOpen
+  //                         ? "opacity-100 visible translate-y-0"
+  //                         : ""
+  //                     }
+  //                     transition-all duration-300 ease-out transform
+  //                   `}
+  //                 >
+  //                   <div className="container mx-auto px-4 sm:px-6 lg:px-8 py-5">
+  //                     <div className="grid grid-cols-1 md:grid-cols-2 gap-x-8 gap-y-6 max-w-xl">
+  //                       <Link
+  //                         href="/vacancies"
+  //                         className={`${megaMenuItemClasses} ${
+  //                           isActive("/vacancies") ? "text-primary" : ""
+  //                         }`}
+  //                       >
+  //                         {" "}
+  //                         {/* Apply active class */}
+  //                         <FiFileText className={megaMenuIconClasses} />
+  //                         <div className={megaMenuTextWrapperClasses}>
+  //                           <p className={megaMenuTitleClasses}>
+  //                             Current Vacancies
+  //                           </p>
+  //                         </div>
+  //                       </Link>
+  //                       <Link
+  //                         href="/portal"
+  //                         className={`${megaMenuItemClasses} ${
+  //                           isActive("/portal") ? "text-primary" : ""
+  //                         }`}
+  //                       >
+  //                         {" "}
+  //                         {/* Apply active class */}
+  //                         <FiUserCheck className={megaMenuIconClasses} />
+  //                         <div className={megaMenuTextWrapperClasses}>
+  //                           <p className={megaMenuTitleClasses}>
+  //                             Recruitment Portal
+  //                           </p>
+  //                         </div>
+  //                       </Link>
+  //                     </div>
+  //                   </div>
+  //                 </div>
+  //               </div>