AmirReza Jamali
71094f6c86
This commit refactors the contact form for better reusability and moves it from the global footer to a dedicated section on the homepage. Additionally, it enhances the user experience on the 404 page. Key changes: - The `ContactUsForm` component is now configurable with props for grid layout (`columnsPerRow`) and button text, making it more versatile. - The contact form has been removed from the shared footer in the main layout and is now explicitly included only on the homepage. - The 404 "Not Found" page has been updated to include a direct link to the homepage for easier navigation. - Minor style adjustments were made to the 404 page layout and input field padding for improved visual consistency.
37 lines
891 B
TypeScript
37 lines
891 B
TypeScript
"use client";
|
|
import Link from "next/link";
|
|
import { usePathname } from "next/navigation";
|
|
|
|
const NavigationBar = () => {
|
|
const pathname = usePathname();
|
|
return (
|
|
<nav>
|
|
<ul className="flex flex-row-reverse items-center gap-12">
|
|
<li className="bg-(--primary) text-white py-5 px-12 rounded-full">
|
|
Login
|
|
</li>
|
|
<li>
|
|
<Link
|
|
href="/contact-us"
|
|
className={`py-5 rounded-full ${
|
|
pathname === "/contact-us" && "text-(--primary) font-semibold"
|
|
}`}>
|
|
Contact us
|
|
</Link>
|
|
</li>
|
|
<li>
|
|
<Link
|
|
href="/"
|
|
className={`py-5 rounded-full ${
|
|
pathname === "/" && "text-(--primary) font-semibold"
|
|
}`}>
|
|
Home
|
|
</Link>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
);
|
|
};
|
|
|
|
export default NavigationBar;
|