Mayne0213
d5f02b612b
- CPU limit: 800m → 100m (prod), 560m → 80m (dev) - Memory limit: 230Mi → 150Mi (prod), 161Mi → 120Mi (dev) - ResourceQuota adjusted accordingly Actual usage: ~8m CPU, ~111Mi memory
36 lines
1.5 KiB
TypeScript
36 lines
1.5 KiB
TypeScript
import Particles from '@/components/ui/Particles';
|
|
import { useTranslations } from 'next-intl';
|
|
|
|
export default function Hero() {
|
|
const t = useTranslations('hero');
|
|
return (
|
|
<div className="relative flex items-center justify-center min-h-screen w-full h-full overflow-hidden">
|
|
<Particles
|
|
particleColors={['#000000']}
|
|
particleCount={300}
|
|
particleSpread={10}
|
|
speed={0.1}
|
|
particleBaseSize={100}
|
|
moveParticlesOnHover={false}
|
|
alphaParticles={true}
|
|
className="absolute inset-0 -z-10"
|
|
/>
|
|
<div className="relative w-full h-full flex items-center justify-center">
|
|
<div className="flex flex-col items-center justify-center gap-8 smalltablet:gap-10 tablet:gap-12 text-center">
|
|
<div className="flex flex-col items-center justify-center gap-8 smalltablet:gap-10 tablet:gap-12 px-4 smalltablet:px-5">
|
|
<h2 className="font-bold text-4xl smalltablet:text-5xl tablet:text-6xl desktop:text-7xl text-center bg-linear-to-r from-gray-900 to-gray-600 dark:from-gray-100 dark:to-gray-400 bg-clip-text text-transparent">
|
|
{t('title')}
|
|
</h2>
|
|
<div className="max-w-sm smalltablet:max-w-xl tablet:max-w-2xl desktop:max-w-3xl">
|
|
<p className="text-lg smalltablet:text-xl tablet:text-2xl desktop:text-3xl text-center leading-[150%] smalltablet:leading-[160%]">
|
|
{t('description')}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|