main/app/page.tsx

import Image from "next/image";

export default function Home() {
	return (
	<div className="relative flex items-center justify-center min-h-screen p-4">
	<div className="overflow-hidden">

	<Image
	    src="/bg3.webp"
	    alt="Background"
	    fill
		style={{ objectFit: 'cover', userSelect: 'none', pointerEvents: 'none' }}
	    priority
		draggable={false}

	/>
	</div>
    <div className="relative z-10 max-w-md w-full font-mono p-6 shadow-lg bg-black/100 ">
	    <div className="space-y-2">
		    <div align="center" className="border-b border-green-500 pb-1 mb-2 ">about:nouwushka</div>
	        <div>
			<span className>name:</span>
			<a>nouwushka</a>
			<span className="text-grey-1000">/</span>
			<span className="text-grey-200">zhenya</span>
			</div>
	        <div>pronouns: she/her</div>
		    <div>language: ru &gt;native&lt;, en &gt;A2&lt;, heb &gt;A1&lt;</div>
	        <div>hobby: programming, art, philosophy</div>
	        <div>occupation:one</div>
	        <div>contact me:link.uwushka.cc</div>
	        <div>
				donate:
			 <a href="https://uwushka.cc" target="_blank" rel="noopener noreferrer"className="link-custom hover:underline">pay.test.cc</a>
      </div>

			<div align="center" className=" pb-1 mt-6 mb-2">about:services</div>
	        <div>service:gitea - git.uwwshka.cc</div>
	        <div>service:matrix - chat.uwwshka.cc</div>

		    
			<div align="center">host by senko.digital </div>

			</div>
		</div>
	</div>
	);
}