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="/bg.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 className="border-b border-green-500 pb-1 mb-2 ">about:nouwushka</div>
	        <div>name: nouwushka/<a className="two-color">zhenya</a></div>
	        <div>pronouns: she/her</div>
		    <div>language: ru <a className="two-color">&gt;native&lt;</a> en <a className="two-color">&gt;A2&lt;</a> heb <a className="two-color">&gt;A1&lt;</a></div>
	        <div>hobby: programming, art, philosophy</div>
	        <div>occupation: <a className="link-custom">life</a></div>
	        <div>contact me: <a className="link-custom">@nouwushka</a></div>
	        <div>donate:<a href="https://pay.uwushka.cc" className="link-custom"> pay.uwushka.cc</a></div>


			
			<div><a align="center">host by <a href="https://senko.digital" className="two-color">senko.digital</a></a> </div>
			</div>
		</div>
	</div>
	);
}