More
This commit is contained in:
@@ -1,4 +1,5 @@
|
||||
import ProjectsSection from "@/components/ProjectsSection";
|
||||
import Image from "next/image";
|
||||
|
||||
export default function Home() {
|
||||
return (
|
||||
@@ -7,7 +8,13 @@ export default function Home() {
|
||||
<header className="text-center mb-16">
|
||||
<div className="mb-8">
|
||||
<div className="w-32 h-32 mx-auto bg-black rounded-full flex items-center justify-center border-4 border-green-300">
|
||||
<div className="text-4xl font-bold text-green-300">MN</div>
|
||||
<Image
|
||||
src="/media/me/me.jpeg"
|
||||
alt="Mainasara Tsowa"
|
||||
className="rounded-full"
|
||||
width={128}
|
||||
height={128}
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
<h1 className="text-4xl md:text-5xl font-bold text-gray-900 mb-4 uppercase tracking-wide">
|
||||
@@ -46,6 +53,26 @@ export default function Home() {
|
||||
Projects
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#contact"
|
||||
className="text-black font-bold hover:bg-yellow-200 px-4 py-2 transition-colors border-2 border-black hover:border-yellow-400"
|
||||
>
|
||||
Contact
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="bg-white border-4 border-black rounded-none p-6 shadow-brutal mt-6">
|
||||
<ul className="flex flex-wrap justify-center gap-4 md:gap-8">
|
||||
<li>
|
||||
<a
|
||||
href="https://blog.mainasara.dev"
|
||||
className="text-black font-bold hover:bg-slate-200 px-4 py-2 transition-colors border-2 border-black hover:border-slate-400"
|
||||
>
|
||||
Blog
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="/digital-art"
|
||||
@@ -70,14 +97,6 @@ export default function Home() {
|
||||
Thoughts
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a
|
||||
href="#contact"
|
||||
className="text-black font-bold hover:bg-yellow-200 px-4 py-2 transition-colors border-2 border-black hover:border-yellow-400"
|
||||
>
|
||||
Contact
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
Reference in New Issue
Block a user