complete software page

src/app/[locale]/software/page.tsx

@@ -1,20 +1,25 @@
-// app/software/page.tsx
 import Hero from "@/components/software/Hero";
 import Services from "@/components/software/Services";
 import TechStack from "@/components/software/TechStack";
 import Process from "@/components/software/Process";
 import Projects from "@/components/software/Projects";
-import ContactFooter from "@/components/software/ContactFooter";
+import { BACKEND_URL_LOCAL } from "@/utilities/constants/urls.constant";
+import { Portfolio } from "@/utilities/types/portfolio.type";
+
+export default async function SoftwarePage({ params }: { params: Promise<{ locale: string }> }) {
+  const { locale } = await params;
+
+  const latestPortfolios: Portfolio[] = await fetch(`${BACKEND_URL_LOCAL}/portfolios/category/network/${locale}`)
+    .then((res) => res.json())
+    .then((res) => res.data);
 
-export default function SoftwarePage() {
   return (
     <main className="bg-[linear-gradient(rgba(255,255,255,0.02)_1px,transparent_1px),linear-gradient(90deg,rgba(255,255,255,0.02)_1px,transparent_1px)] bg-[size:40px_40px]">
       <Hero />
       <Services />
       <TechStack />
       <Process />
-      <Projects />
-      <ContactFooter />
+      <Projects data={latestPortfolios} />
     </main>
   );
 }