feat: add AboutTopInfo and HomePageProducts components; update translations and styles

src/app/page.tsx

@@ -1,6 +1,6 @@
-// ... existing imports ...
 import Header from '@/components/layout/header';
-import { t } from '@/locales/translates';
+import AboutTopInfo from '@/components/pages/about/TopInfo';
+import HomePageProducts from '@/components/pages/home/Products';
 
 async function getData() {
   await new Promise((resolve) => setTimeout(resolve, 1000));
@@ -13,6 +13,8 @@ export default async function Home() {
   return (
     <main className="flex flex-col items-center justify-between">
       <Header />
+      <AboutTopInfo />
+      <HomePageProducts />
     </main>
-  )
+  );
 }