Compare commits

...

4 Commits

Author SHA1 Message Date
6896a7582b Updated animation 2026-02-23 21:12:52 +01:00
2adf5a046b Formatting 2026-02-23 21:10:24 +01:00
039f2d522a Removed email on brand name 2026-02-23 21:10:02 +01:00
a126ea8344 Removed testing function 2026-02-23 21:08:01 +01:00
2 changed files with 25 additions and 38 deletions

View File

@@ -21,15 +21,6 @@ function isSnowfallSeason(date = DateTime.now()) {
return date <= prevEnd; return date <= prevEnd;
} }
// Gibt alle 10 Sekunden einen anderen Boolean zurück, basierend auf der aktuellen Sekunde
function isTenSecondInterval() {
const seconds = DateTime.now().second;
// true für 0-9, 20-29, 40-49; false sonst
return (seconds >= 0 && seconds < 10) || (seconds >= 20 && seconds < 30) || (seconds >= 40 && seconds < 50);
}
export default function LiquidDevelopment() { export default function LiquidDevelopment() {
return ( return (
<div <div
@@ -43,7 +34,7 @@ export default function LiquidDevelopment() {
pointerEvents: 'none', pointerEvents: 'none',
zIndex: 9999, zIndex: 9999,
}}> }}>
{isTenSecondInterval() && <Snowfall snowflakeCount={80} />} {isSnowfallSeason() && <Snowfall snowflakeCount={80} />}
</div> </div>
<Navbar/> <Navbar/>

View File

@@ -27,9 +27,9 @@ export const Hero = () => {
<div className="relative z-10 text-center px-6 max-w-6xl mx-auto"> <div className="relative z-10 text-center px-6 max-w-6xl mx-auto">
<motion.div <motion.div
initial={{ scale: 0.8, opacity: 0 }} initial={{scale: 0.5, opacity: 0}}
animate={{scale: 1, opacity: 1}} animate={{scale: 1, opacity: 1}}
transition={{ duration: 0.8 }} transition={{duration: 0.5}}
className="mx-auto mb-8 w-24 h-24 md:w-32 md:h-32 rounded-full bg-[#00A3FF]/5 flex items-center justify-center border border-[#00A3FF]/30 shadow-[0_0_60px_-10px_rgba(0,163,255,0.4)]" className="mx-auto mb-8 w-24 h-24 md:w-32 md:h-32 rounded-full bg-[#00A3FF]/5 flex items-center justify-center border border-[#00A3FF]/30 shadow-[0_0_60px_-10px_rgba(0,163,255,0.4)]"
> >
<BrandLogo className="w-14 h-14 md:w-20 md:h-20 text-[#00A3FF]"/> <BrandLogo className="w-14 h-14 md:w-20 md:h-20 text-[#00A3FF]"/>
@@ -41,15 +41,11 @@ export const Hero = () => {
transition={{delay: 0.2}} transition={{delay: 0.2}}
> >
<h1 className="text-4xl md:text-7xl font-extrabold tracking-tighter mb-6"> <h1 className="text-4xl md:text-7xl font-extrabold tracking-tighter mb-6">
<ObfuscatedMail
email={rawEmail}
className="cursor-pointer hover:opacity-80 transition-opacity duration-300 bg-transparent border-none p-0 font-extrabold tracking-tighter text-4xl md:text-7xl text-white"
>
LIQUID LIQUID
<span className="ml-3 text-transparent bg-clip-text bg-gradient-to-r from-[#00A3FF] to-cyan-200"> <span
className="ml-3 text-transparent bg-clip-text bg-gradient-to-r from-[#00A3FF] to-cyan-200">
DEVELOPMENT DEVELOPMENT
</span> </span>
</ObfuscatedMail>
</h1> </h1>
</motion.div> </motion.div>