|
| 1 | +import { Button } from "../ui/button"; |
| 2 | +import { Card } from "../ui/card"; |
| 3 | +import { Link } from "react-router-dom"; |
| 4 | + |
| 5 | +export const RoadBookCard = () => { |
| 6 | + |
| 7 | + return ( |
| 8 | + <div className="flex flex-col items-center px-4 py-8 space-y-8 max-w-full min-h-screen mx-auto"> |
| 9 | + <Card className="w-full p-6 rounded-2xl shadow-md space-y-4"> |
| 10 | + <h2 className="text-3xl font-bold text-center"> |
| 11 | + <span role="img" aria-label="rocket">📖</span>{" "} |
| 12 | + <span>Roadbook de l'intégration</span>{" "} |
| 13 | + <span role="img" aria-label="backpack">🚗</span> |
| 14 | + </h2> |
| 15 | + |
| 16 | + |
| 17 | + <div className="text-center text-gray-700 space-y-1"> |
| 18 | + <p> |
| 19 | + C'est dans ce livret, que vous pourrez retrouver les informations les plus importantes pour naviguer au travers de l'Intégration. Vous y trouverez les <strong>contacts</strong> des super-orgas, de l'équipe prévention, de l'infirmerie ainsi que du <strong>téléphone d'astreinte</strong>, que vous pourrez appeler en cas de problème. |
| 20 | + <br /> |
| 21 | + Un texte résumant toute la <strong>prévention</strong> et les bons gestes à adopter se trouve à l'intérieur. |
| 22 | + <br /> |
| 23 | + Il y aura de même à votre disposition les <strong>plannings</strong> pour être toujours à l'heure, ainsi qu'une super description de chaque activité. |
| 24 | + <br /><br /> |
| 25 | + On vous rappelle que <strong>LES ACTIVITES NE SONT PAS OBLIGATOIRES</strong>. |
| 26 | + <br /><br /> |
| 27 | + Bonne Intégration à tous ! |
| 28 | + </p> |
| 29 | + </div> |
| 30 | + |
| 31 | + <div className="flex flex-col items-center space-y-4"> |
| 32 | + <Link to={import.meta.env.VITE_ROADBOOK_URL_FRENCH}> |
| 33 | + <Button className="cursor-pointer"> |
| 34 | + <span role="img" aria-label="lien" className="mr-2">🔗</span> |
| 35 | + Accéder à la version Française |
| 36 | + </Button> |
| 37 | + </Link> |
| 38 | + {/* <Link to={import.meta.env.VITE_ROADBOOK_URL_ENGLISH}> |
| 39 | + <Button variant="link" className="cursor-pointer"> |
| 40 | + English Version |
| 41 | + </Button> |
| 42 | + </Link> */} |
| 43 | + <p className="text-destructive">An english version will be available soon !</p> |
| 44 | + </div> |
| 45 | + </Card> |
| 46 | + </div> |
| 47 | + ); |
| 48 | +}; |
| 49 | + |
0 commit comments