parsa/parsaaghayi-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

website mobileMenu updated for seo

Browse Source
This commit is contained in:
parsa aghaei 2024-10-02 15:43:15 +03:30
parent 9a467b9602
commit 72767aadae
3 changed files with 22 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
src/app/(routes)/(website)/components/mobile-menu/mobileMenu.tsx
View File

@ -1,3 +1,5 @@
import Link from "next/link";
type propsType = {
clicked: boolean;
setClicked: React.Dispatch<React.SetStateAction<boolean>>;
@ -20,8 +22,8 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
Parsa Aghayi
</p>
</div>
<ul className="flex w-full flex-col">
<a
<nav className="flex w-full flex-col">
<Link
href="/#home"
className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
onClick={() => {
@ -29,8 +31,8 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
}}
>
Home
</a>
<a
</Link>
<Link
href="/#about-me"
className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
onClick={() => {
@ -38,8 +40,8 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
}}
>
About Me
</a>
<a
</Link>
<Link
href="/#services"
className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
onClick={() => {
@ -47,8 +49,8 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
}}
>
Services
</a>
<a
</Link>
<Link
href="/#projects"
className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
onClick={() => {
@ -56,8 +58,8 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
}}
>
Projects
</a>
<a
</Link>
<Link
href="/#testimonials"
className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
onClick={() => {
@ -65,8 +67,8 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
}}
>
Testimonials
</a>
<a
</Link>
<Link
href="/#contact"
className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
onClick={() => {
@ -74,8 +76,8 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
}}
>
Contact
</a>
</ul>
</Link>
</nav>
</div>
</div>
);

2
src/app/(routes)/blog/components/burger-button/burgerButton.tsx
View File

@ -9,7 +9,7 @@ export default function BurgerButton() {
return (
<>
<button
className="flex select-none items-center justify-center whitespace-nowrap rounded-md bg-blog-purple px-2 py-1 sm:px-2 sm:py-2 md:hidden text-[16px] font-[600] text-[#fff]"
className="flex select-none items-center justify-center whitespace-nowrap rounded-md bg-blog-purple px-2 py-1 text-[16px] font-[600] text-[#fff] sm:px-2 sm:py-2 md:hidden"
onClick={() => setClicked(!clicked)}
>
<Image

10
src/app/(routes)/blog/components/mobile-menu/mobileMenu.tsx
View File

@ -27,7 +27,7 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
<nav className="flex w-full flex-col">
<Link
href="/#home"
className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer text-white"
className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] text-white hover:cursor-pointer"
onClick={() => {
setClicked(false);
}}
@ -36,7 +36,7 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
</Link>
<Link
href="/#about-me"
className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer text-white"
className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] text-white hover:cursor-pointer"
onClick={() => {
setClicked(false);
}}
@ -45,7 +45,7 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
</Link>
<Link
href="/#services"
className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer text-white"
className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] text-white hover:cursor-pointer"
onClick={() => {
setClicked(false);
}}
@ -54,7 +54,7 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
</Link>
<Link
href="/#projects"
className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer text-white"
className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] text-white hover:cursor-pointer"
onClick={() => {
setClicked(false);
}}
@ -63,7 +63,7 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
</Link>
<Link
href="/#testimonials"
className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer text-white"
className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] text-white hover:cursor-pointer"
onClick={() => {
setClicked(false);
}}