navifate bar correction

app/calculation/page.tsx

@@ -11,11 +11,19 @@ export default async function Page() {
 
   return (
     <main className="w-full h-screen bg-black">
-      <div className="w-full h-full pt-16">
+      <div className="w-full h-full px-4 pt-12 pb-4">
         <iframe 
-          src="https://calcul.slm-lab.net"
+          src={process.env.NEXT_PUBLIC_IFRAME_CALCULATION_URL}
           className="w-full h-full border-none"
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
+          style={{ 
+            marginTop: '-64px',
+            marginLeft: '-180px',
+            width: 'calc(100% + 500px)',
+            position: 'relative',
+            right: '-160px'
+          }}
           allowFullScreen
         />
       </div>

app/design/page.tsx

@@ -11,11 +11,19 @@ export default async function Page() {
 
   return (
     <main className="w-full h-screen bg-black">
-      <div className="w-full h-full pt-16">
+      <div className="w-full h-full px-4 pt-12 pb-4">
         <iframe 
-          src="https://artlab.slm-lab.net"
+          src={process.env.NEXT_PUBLIC_IFRAME_ARTLAB_URL}
           className="w-full h-full border-none"
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
+          style={{ 
+            marginTop: '-64px',
+            marginLeft: '-180px',
+            width: 'calc(100% + 500px)',
+            position: 'relative',
+            right: '-160px'
+          }}
           allowFullScreen
         />
       </div>

app/gitelab/page.tsx

@@ -0,0 +1,32 @@
+import { getServerSession } from "next-auth/next";
+import { authOptions } from "@/app/api/auth/[...nextauth]/route";
+import { redirect } from "next/navigation";
+
+export default async function Page() {
+  const session = await getServerSession(authOptions);
+
+  if (!session) {
+    redirect("/signin");
+  }
+
+  return (
+    <main className="w-full h-screen bg-black">
+      <div className="w-full h-full px-4 pt-12 pb-4">
+        <iframe 
+          src={process.env.NEXT_PUBLIC_IFRAME_GITE_URL}
+          className="w-full h-full border-none"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
+          style={{ 
+            marginTop: '-64px',
+            marginLeft: '-180px',
+            width: 'calc(100% + 500px)',
+            position: 'relative',
+            right: '-160px'
+          }}
+          allowFullScreen
+        />
+      </div>
+    </main>
+  );
+} 

app/learn/page.tsx

@@ -11,11 +11,19 @@ export default async function Page() {
 
   return (
     <main className="w-full h-screen bg-black">
-      <div className="w-full h-full pt-16">
+      <div className="w-full h-full px-4 pt-12 pb-4">
         <iframe 
-          src="https://apprendre.slm-lab.net"
+          src={process.env.NEXT_PUBLIC_IFRAME_LEARN_URL}
           className="w-full h-full border-none"
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
+          style={{ 
+            marginTop: '-64px',
+            marginLeft: '-180px',
+            width: 'calc(100% + 500px)',
+            position: 'relative',
+            right: '-160px'
+          }}
           allowFullScreen
         />
       </div>

app/mediations/page.tsx

@@ -0,0 +1,32 @@
+import { getServerSession } from "next-auth/next";
+import { authOptions } from "@/app/api/auth/[...nextauth]/route";
+import { redirect } from "next/navigation";
+
+export default async function Page() {
+  const session = await getServerSession(authOptions);
+
+  if (!session) {
+    redirect("/signin");
+  }
+
+  return (
+    <main className="w-full h-screen bg-black">
+      <div className="w-full h-full px-4 pt-12 pb-4">
+        <iframe 
+          src={process.env.NEXT_PUBLIC_IFRAME_MEDIATIONS_URL}
+          className="w-full h-full border-none"
+          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
+          style={{ 
+            marginTop: '-64px',
+            marginLeft: '-180px',
+            width: 'calc(100% + 500px)',
+            position: 'relative',
+            right: '-160px'
+          }}
+          allowFullScreen
+        />
+      </div>
+    </main>
+  );
+} 

app/parole/page.tsx

@@ -11,11 +11,19 @@ export default async function Page() {
 
   return (
     <main className="w-full h-screen bg-black">
-      <div className="w-full h-full pt-16">
+      <div className="w-full h-full px-4 pt-12 pb-4">
         <iframe 
-          src="https://parole.slm-lab.net/channel/City"
+          src={process.env.NEXT_PUBLIC_IFRAME_PAROLE_URL}
           className="w-full h-full border-none"
           allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
+          sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
+          style={{ 
+            marginTop: '-64px',
+            marginLeft: '-180px',
+            width: 'calc(100% + 500px)',
+            position: 'relative',
+            right: '-160px'
+          }}
           allowFullScreen
         />
       </div>