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

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

@ -9,7 +9,7 @@ export default function BurgerButton() {
return ( return (
<> <>
<button <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)} onClick={() => setClicked(!clicked)}
> >
<Image <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"> <nav className="flex w-full flex-col">
<Link <Link
href="/#home" 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={() => { onClick={() => {
setClicked(false); setClicked(false);
}} }}
@ -36,7 +36,7 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
</Link> </Link>
<Link <Link
href="/#about-me" 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={() => { onClick={() => {
setClicked(false); setClicked(false);
}} }}
@ -45,7 +45,7 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
</Link> </Link>
<Link <Link
href="/#services" 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={() => { onClick={() => {
setClicked(false); setClicked(false);
}} }}
@ -54,7 +54,7 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
</Link> </Link>
<Link <Link
href="/#projects" 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={() => { onClick={() => {
setClicked(false); setClicked(false);
}} }}
@ -63,7 +63,7 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
</Link> </Link>
<Link <Link
href="/#testimonials" 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={() => { onClick={() => {
setClicked(false); setClicked(false);
}} }}