improve not found for service

yoga-app/src/app/page.tsx

@@ -16,8 +16,6 @@ import webApi from "@/api/web-client/web-api";
 export default async function Home() {
         const pageData = await webApi.getHomePage();
 
-        console.info(JSON.stringify(pageData))
-
         const {
                 header,
                 ourServices,

yoga-app/src/app/services/[slug]/not-found.tsx

@@ -0,0 +1,11 @@
+import Link from 'next/link'
+
+export default function NotFound() {
+    return (
+        <div>
+            <h2>Nem található</h2>
+            <p>Could not find requested resource</p>
+            <Link href="/">Vissza a kezdőoldalra</Link>
+        </div>
+    )
+}

yoga-app/src/app/services/[slug]/page.tsx

@@ -8,6 +8,7 @@ import AosComponent from "@/components/aos.component";
 import styles from './page.module.css'
 import NextBlocksRenderer from "@/components/next.blocks.renderer";
 import clsx from "clsx";
+import {notFound} from "next/navigation";
 
 const rewriteStrapiImageUrlToNextImageUrl = (content: BlocksContent) =>{
     console.info("content", content);
@@ -25,14 +26,18 @@ export default async function ServiceArticlePage({params}: {
     params: Promise<{ slug: string }>
 }) {
     const {slug} = await params
-    const {footer, subscribeNow} = await strapiApi.getServicePage();
+
+    const servicePage = await strapiApi.getServicePage();
+    if (!servicePage) {
+        return notFound()
+    }
+    const {subscribeNow, footer} = servicePage;
     const servicesByName = await strapiApi.getService(slug);
+    if (!servicesByName || servicesByName.length === 0) {
+        return notFound();
+    }
     const selectedService = servicesByName[0];
-    console.info("selectedService",selectedService);
     const article: BlocksContent = rewriteStrapiImageUrlToNextImageUrl( selectedService.article);
-    console.info(article);
-
-
 
     return (
         <>