feat: added projects section and updated layout

app/[locale]/page.tsx

@@ -1,4 +1,5 @@
 import { HomeHero } from "@/components/home-hero";
+import { HomeProjectsSection } from "@/components/home-projects-section";
 import { HomeVideosSection } from "@/components/home-videos-section";
 import { ReferencesSection } from "@/components/references-section";
 import { SponsorsSection } from "@/components/sponsors-section";
@@ -13,8 +14,9 @@ export default async function Home({
   const homeNews = await getHomeBlogNews(locale, 6);
 
   return (
-    <section className="flex h-full flex-col gap-4 overflow-y-auto overflow-x-hidden">
+    <section className="flex h-full flex-col gap-12 overflow-y-auto overflow-x-hidden md:gap-14">
       <HomeHero news={homeNews} />
+      <HomeProjectsSection />
       <ReferencesSection />
       <HomeVideosSection />
       <SponsorsSection />