From c354aed42a769e737dabc4e76e9c0a1d0a1c0f71 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 7 Jun 2026 23:00:27 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 20 ++++++++++++--------
 1 file changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index cab31ad..36c459f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,21 +1,25 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import React, { useState } from "react";
+import React, { useState, useMemo } from "react";
 import ReactLenis from "lenis/react";
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 
 const CelebrationOverlay = () => {
-  const hearts = Array.from({ length: 30 }).map((_, i) => (
+  const heartStyles = useMemo(() => {
+    return Array.from({ length: 30 }).map(() => ({
+      left: `${Math.random() * 100}vw`,
+      animationDelay: `${Math.random() * 5}s`,
+      animationDuration: `${5 + Math.random() * 5}s`,
+      transform: `scale(${0.5 + Math.random()})`
+    }));
+  }, []);
+
+  const hearts = heartStyles.map((style, i) => (
     <div
       key={i}
       className="absolute text-pink-500 text-3xl opacity-0 animate-heart-fall"
-      style={{
-        left: `${Math.random() * 100}vw`,
-        animationDelay: `${Math.random() * 5}s`,
-        animationDuration: `${5 + Math.random() * 5}s`,
-        transform: `scale(${0.5 + Math.random()})`
-      }}
+      style={style}
     >
       ❤️
     </div>
-- 
2.49.1