diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx index cbf4362..3ef0c6d 100644 --- a/frontend/src/App.jsx +++ b/frontend/src/App.jsx @@ -1,13 +1,19 @@ import { BrowserRouter, Routes, Route, Navigate } from 'react-router-dom' +import Layout from './components/Layout.jsx' import Connexion from './pages/Connexion' import Inscription from './pages/Inscription' -//import Participation from './pages/Participation' +import Accueil from './pages/Accueil' +import ReglesJeu from './pages/ReglesJeu' +import Participation from './pages/Participation' import MesGains from './pages/MesGains' import Employe from './pages/Employe' import Admin from './pages/Admin' import Profile from './pages/Profile' import SaisirCodeUnique from './pages/SaisirCodeUnique.jsx' import Perdu from './pages/Perdu' +import MentionsLegales from './pages/MentionsLegales' +import Confidentialite from './pages/Confidentialite' +import Contact from './pages/Contact.jsx' export default function App() { return ( @@ -16,13 +22,18 @@ export default function App() { } /> } /> } /> - {/* } /> */} - } /> - } /> - } /> - } /> - } /> - } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> + } /> ) diff --git a/frontend/src/assets/img/logo.png b/frontend/src/assets/img/logo.png new file mode 100644 index 0000000..6cf9105 Binary files /dev/null and b/frontend/src/assets/img/logo.png differ diff --git a/frontend/src/components/Footer.jsx b/frontend/src/components/Footer.jsx new file mode 100644 index 0000000..9d3a251 --- /dev/null +++ b/frontend/src/components/Footer.jsx @@ -0,0 +1,217 @@ +import { Link } from 'react-router-dom' + +export default function Footer() { + return ( +
+ + + {/* Partie principale */} +
+ + + {/* Logo */} +
+ + +

+ Thé Tip Top +

+ + + +

+ Participez au jeu-concours Thé Tip Top et tentez de gagner + des lots gourmands autour du thé. +

+ +
+ + + + {/* Navigation */} +
+ +

+ Navigation +

+ + +
    + +
  • + + Accueil + +
    • + + +
  • + + Règles du jeu + +
    • + + +
  • + + Tester mon code + +
    • + + +
  • + + Créer un compte + +
    • + +
+ +
+ + + + + {/* Informations légales */} +
+ +

+ Informations +

+ + +
    + +
  • + + Mentions légales + +
    • + + +
  • + + Politique de confidentialité + +
    • + + +
  • + + Contact + +
    • + +
+ +
+ + + + + {/* Contact */} +
+ +

+ Contact +

+ +

+ Une question sur le jeu ? +

+ + + 01 84 80 20 34 + + + + contact@thetiptop.fr + + +

+ 18 rue Léon Frot +
+ 75011 Paris, France +

+ + +
+ + +
+ + + + {/* Barre basse */} + +
+ +
+ + +

+ © {new Date().getFullYear()} Thé Tip Top. Tous droits réservés. +

+ + + + +
+ +
+ + +
+ ) +} \ No newline at end of file diff --git a/frontend/src/components/Header.jsx b/frontend/src/components/Header.jsx new file mode 100644 index 0000000..b8e607d --- /dev/null +++ b/frontend/src/components/Header.jsx @@ -0,0 +1,58 @@ +import { Link } from 'react-router-dom' +import logo from '../assets/img/logo.png' + +export default function Header() { + return ( +
+
+ + + + Thé Tip Top + + + + + +
+
+ ) +} \ No newline at end of file diff --git a/frontend/src/components/Layout.jsx b/frontend/src/components/Layout.jsx new file mode 100644 index 0000000..5d4a61b --- /dev/null +++ b/frontend/src/components/Layout.jsx @@ -0,0 +1,16 @@ +import Header from './Header' +import Footer from './Footer' + +export default function Layout({ children }) { + return ( +
+
+ +
+ {children} +
+ +
+
+ ) +} \ No newline at end of file diff --git a/frontend/src/pages/Accueil.jsx b/frontend/src/pages/Accueil.jsx new file mode 100644 index 0000000..c8597af --- /dev/null +++ b/frontend/src/pages/Accueil.jsx @@ -0,0 +1,78 @@ +import { Link } from 'react-router-dom' + +export default function Accueil() { + return ( +
+ + {/* Hero */} +
+ +
+ +

+ Bienvenue au jeu-concours Thé Tip Top +

+ +

+ À l'occasion de l'ouverture de notre 10ᵉ boutique à Nice, participez à notre jeu-concours et tentez de gagner des lots exceptionnels ! Tous les tickets sont gagnants, alors n'attendez plus pour découvrir votre lot. +

+ +
+ + + Tester mon code + + + + Découvrir les règles + + +
+ +
+ +
+ + + {/* Comment participer */} +
+ +

+ Comment participer ? +

+ +
+ +
+
1
+

Achat de 49 € minimum

+
+ +
+
2
+

Recevez votre code unique

+
+ +
+
3
+

Saisissez le code sur le site

+
+ +
+
4
+

Découvrez votre lot

+
+ +
+ +
+ +
+ ) +} \ No newline at end of file diff --git a/frontend/src/pages/Confidentialite.jsx b/frontend/src/pages/Confidentialite.jsx new file mode 100644 index 0000000..1f233bd --- /dev/null +++ b/frontend/src/pages/Confidentialite.jsx @@ -0,0 +1,183 @@ +export default function Confidentialite() { + return ( +
+ +
+ +

+ Politique de confidentialité +

+ + +

+ Thé Tip Top accorde une grande importance à la protection de vos + données personnelles. Cette politique explique quelles informations + sont collectées, comment elles sont utilisées et quels sont vos droits. +

+ + + + {/* Article 1 */} +
+ +

+ Article 1 – Responsable du traitement +

+ +

+ + Le responsable du traitement des données collectées via le site + du jeu-concours « 100% Gagnant » est la société Thé Tip Top, + située au 18 rue Léon Frot, 75011 Paris. + +

+ +
+ + + + {/* Article 2 */} +
+ +

+ Article 2 – Données collectées +

+ +

+ Dans le cadre de votre participation, nous pouvons collecter : +

+ + +
    + +
  • Nom et prénom
    • + +
  • Adresse email
    • + +
  • Informations du compte utilisateur
    • + +
  • Code de participation au jeu
    • + +
  • Informations liées aux gains obtenus
    • + +
+ +
+ + + + {/* Article 3 */} +
+ +

+ Article 3 – Utilisation des données +

+ +

+ + Les données collectées sont utilisées uniquement pour : + gérer votre participation au jeu-concours, vérifier les codes, + attribuer les lots, vous contacter en cas de gain et améliorer + l'expérience utilisateur. + +

+ +
+ + + + {/* Article 4 */} +
+ +

+ Article 4 – Conservation des données +

+ +

+ + Vos données sont conservées uniquement pendant la durée nécessaire + au fonctionnement du jeu-concours et au respect des obligations + légales de Thé Tip Top. + +

+ +
+ + + + {/* Article 5 */} +
+ +

+ Article 5 – Cookies +

+ +

+ + Le site utilise des cookies nécessaires au fonctionnement du site + ainsi que des cookies statistiques permettant d'améliorer les + services proposés. Vous pouvez gérer vos préférences à tout moment. + +

+ +
+ + + + {/* Article 6 */} +
+ +

+ Article 6 – Vos droits +

+ +

+ Conformément au RGPD, vous disposez des droits suivants : +

+ + +
    + +
  • Droit d'accès à vos données
    • + +
  • Droit de rectification
    • + +
  • Droit de suppression
    • + +
  • Droit d'opposition
    • + +
  • Droit à la limitation du traitement
    • + +
+ + +
+ + + + {/* Article 7 */} +
+ +

+ Article 7 – Contact +

+ + +

+ + Pour toute question concernant vos données personnelles : +
+ + Email : contact@thetiptop.fr + +

+ + +
+ + +
+ +
+ ) +} \ No newline at end of file diff --git a/frontend/src/pages/Contact.jsx b/frontend/src/pages/Contact.jsx new file mode 100644 index 0000000..3e9801a --- /dev/null +++ b/frontend/src/pages/Contact.jsx @@ -0,0 +1,174 @@ +export default function Contact() { + return ( +
+ +
+ + + {/* Informations */} +
+ +

+ Contact +

+ + +

+ Une question concernant le jeu-concours, votre participation + ou votre lot ? Notre équipe ThéTipTop est à votre écoute. +

+ + + +
+ + +
+

+ Adresse +

+ +

+ ThéTipTop +
+ 18 rue Léon Frot +
+ 75011 Paris, France +

+
+ + + +
+

+ Email +

+ +

+ contact@thetiptop.fr +

+
+ + + +
+

+ Téléphone +

+ +

+ 01 84 80 20 34 +

+
+ + +
+ + +
+ + + + + {/* Formulaire */} + +
+ + +

+ Envoyez-nous un message +

+ + + +
+ + +
+ + + + + +
+ + + +
+ + + + + +
+ + + + +
+ + + + + +
+ + + + +
+ + + +