feat: implement dynamic hero image and header updates

app/[lang]/page.tsx

@@ -13,19 +13,15 @@ export default async function Home({ params }: { params: Promise<{ lang: string
   const { lang } = await params;
   const dict = await getDictionary(lang);
   
-  const dbPhotos = await prisma.gallery.findMany({
-    orderBy: { createdAt: 'desc' }
-  });
+  const [dbPhotos, dbServices, heroMediaList, dbSettings] = await Promise.all([
+    prisma.gallery.findMany({ orderBy: { createdAt: 'desc' } }),
+    prisma.service.findMany({ orderBy: { createdAt: 'asc' } }),
+    prisma.heroMedia.findMany(),
+    prisma.siteSettings.findFirst()
+  ]);
 
-  const dbServices = await prisma.service.findMany({
-    orderBy: { createdAt: 'asc' }
-  });
-
-  const heroMediaList = await prisma.heroMedia.findMany();
   const dbHeroMedia = heroMediaList.length > 0 ? heroMediaList[0] : null;
 
-  const dbSettings = await prisma.siteSettings.findFirst();
-
   return (
     <main className="min-h-screen bg-brand-white">
       <Header dict={dict} lang={lang} dbSettings={dbSettings} />