mirror of
https://github.com/OwethuManagedServices/oms-website-nextjs.git
synced 2025-12-17 17:18:09 +00:00
Merge pull request #13 from OwethuManagedServices/25-05-2025/New-Changes
removed contact us page
This commit is contained in:
GitHub
@ -24,11 +24,11 @@ import {
|
||||
FaChartLine, // For Growth/Scalability
|
||||
FaTasks, // For QA
|
||||
FaComments, // For Feedback
|
||||
FaPhone,
|
||||
FaEnvelope,
|
||||
//FaPhone,
|
||||
//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>
|
||||
);
|
||||
}
|
||||
|
||||
@ -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 handleJoinUsMouseLeave = () => setJoinUsDropdownOpen(false);
|
||||
// const handleJoinUsMouseEnter = () => setJoinUsDropdownOpen(true);
|
||||
// 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>
|
||||
Reference in New Issue
Block a user