feat: english buddy programm form

Author: tuturd

frontend/src/components/Parrainnage/parrainageForm.tsx

@@ -24,6 +24,31 @@ export const ParrainageNewStudent = () => (
     </Card>
 );
 
+export const ParrainageNewStudentEnglish = () => (
+    <Card className="w-full max-w-3xl mx-auto">
+        <CardHeader>
+            <CardTitle className="text-2xl font-semibold text-gray-800 text-center">
+                You are joining the UTT ?
+            </CardTitle>
+            <p className="text-lg md:text-xl text-gray-700">
+                Would you like to be accompanied by a student to explore your new school? Fill out this form now!
+            </p>
+        </CardHeader>
+        <CardContent className="space-y-10">
+            <div className="relative pb-[56.25%] rounded-xl shadow-lg overflow-hidden">
+                <iframe
+                    src="https://docs.google.com/forms/d/e/1FAIpQLSegnFsXqPhBj98cENhu6WWbYuE2Js3M1uA90LmJTz2N1tBfnA/viewform?embedded=true"
+                    className="absolute inset-0 w-full h-full border-none"
+                    title="New Student Sponsorship Form"
+                    loading="lazy">
+                    Loading...
+                </iframe>
+            </div>
+            {/* <p className="text-red-500 font-medium text-center">🚫 This form is not yet available.</p> */}
+        </CardContent>
+    </Card>
+);
+
 export const ParrainageStudent = () => (
     <Card className="w-full max-w-3xl mx-auto">
         <CardHeader>

frontend/src/pages/parrainage.tsx

@@ -3,7 +3,11 @@ import { useNavigate } from 'react-router-dom';
 import { Footer } from '../components/footer';
 import EmergencyModal from '../components/home/emergencyModal';
 import { Navbar } from '../components/navbar';
-import { ParrainageNewStudent, ParrainageStudent } from '../components/Parrainnage/parrainageForm';
+import {
+    ParrainageNewStudent,
+    ParrainageNewStudentEnglish,
+    ParrainageStudent,
+} from '../components/Parrainnage/parrainageForm';
 import { getPermission } from '../services/requests/user.service';
 
 const ParrainagePage = () => {
@@ -23,6 +27,8 @@ const ParrainagePage = () => {
                 <div className="max-w-7xl mx-auto space-y-8">
                     {(permission === 'Nouveau' || permission === 'Admin') && <ParrainageNewStudent />}
 
+                    {(permission === 'Nouveau' || permission === 'Admin') && <ParrainageNewStudentEnglish />}
+
                     {(permission === 'Student' || permission === 'Admin') && <ParrainageStudent />}
                 </div>
             </div>