Merge branch 'demo' of https://github.com/aelassas/movinin into demo

backend/vite.config.ts

@@ -39,7 +39,7 @@ export default ({ mode }: { mode: string }) => {
 
     server: {
       host: '0.0.0.0',
-      port: Number.parseInt(process.env.VITE_PORT || '3006', 10),
+      port: Number.parseInt(process.env.VITE_PORT || '3003', 10),
     },
 
     build: {

frontend/src/App.tsx

@@ -35,6 +35,7 @@ const NoMatch = lazy(() => import('@/pages/NoMatch'))
 const Agencies = lazy(() => import('@/pages/Agencies'))
 const Locations = lazy(() => import('@/pages/Locations'))
 const Privacy = lazy(() => import('@/pages/Privacy'))
+const CookiePolicy = lazy(() => import('@/pages/CookiePolicy'))
 
 const App = () => (
   <BrowserRouter>
@@ -69,6 +70,7 @@ const App = () => (
                 <Route path="/agencies" element={<Agencies />} />
                 <Route path="/destinations" element={<Locations />} />
                 <Route path="/privacy" element={<Privacy />} />
+                <Route path="/cookie-policy" element={<CookiePolicy />} />
 
                 <Route path="*" element={<NoMatch />} />
               </Routes>

frontend/src/assets/css/cookie-policy.css

@@ -0,0 +1,18 @@
+div.cookie-policy {
+  display: flex;
+  flex-direction: column;
+  flex: 1 0 auto;
+  align-items: center;
+  transform: translate3d(0, 0, 0);
+  white-space: pre-wrap;
+  padding: 50px 20%;
+  font-size: 15px;
+  color: #121212;
+  min-height: 100vh;
+}
+
+@media only screen and (width <=960px) {
+  div.cookie-policy {
+    padding: 30px 20px;
+  }
+}

frontend/src/components/Footer.tsx

@@ -26,6 +26,8 @@ const Footer = () => {
           <div className="title">{strings.CORPORATE}</div>
           <ul className="links">
             <li onClick={() => navigate('/about')}>{strings.ABOUT}</li>
+            <li onClick={() => navigate('/cookie-policy')}>{strings.COOKIE_POLICY}</li>
+            <li onClick={() => navigate('/privacy')}>{strings.PRIVACY_POLICY}</li>
             <li onClick={() => navigate('/tos')}>{strings.TOS}</li>
           </ul>
         </div>

frontend/src/components/Header.tsx

@@ -32,6 +32,7 @@ import {
   LocationOn as LocationIcon,
   PersonOutline as SignUpIcon,
   PrivacyTip as PrivacyIcon,
+  Cookie as CookiePolicyIcon,
 } from '@mui/icons-material'
 import { toast } from 'react-toastify'
 import { CircleFlag } from 'react-circle-flags'
@@ -450,6 +451,15 @@ const Header = ({
                     <ListItemIcon><AboutIcon /></ListItemIcon>
                     <ListItemText primary={strings.ABOUT} />
                   </ListItem>
+                  <ListItem
+                    onClick={() => {
+                      navigate('/cookie-policy')
+                      handleSideMenuClose()
+                    }}
+                  >
+                    <ListItemIcon><CookiePolicyIcon /></ListItemIcon>
+                    <ListItemText primary={strings.COOKIE_POLICY} />
+                  </ListItem>
                   <ListItem
                     onClick={() => {
                       navigate('/privacy')

frontend/src/lang/cookie-policy.ts

@@ -0,0 +1,109 @@
+import LocalizedStrings from 'localized-strings'
+import * as langHelper from '@/common/langHelper'
+import env from '@/config/env.config'
+
+const strings = new LocalizedStrings({
+  fr: {
+    TITLE: 'Politique de cookies',
+    POLICY: `
+Cette Politique en matière de cookies explique comment ${env.WEBSITE_NAME} (« nous », « notre » ou « nos ») utilise des cookies et des technologies similaires sur notre site web. En utilisant notre site web, vous consentez à l'utilisation des cookies conformément à cette politique.
+
+1. Qu'est-ce qu'un cookie ?
+
+Les cookies sont de petits fichiers texte qui sont stockés sur votre appareil (ordinateur, tablette, smartphone) lorsque vous visitez un site web. Ils permettent d'améliorer votre expérience de navigation en mémorisant vos préférences et en fournissant des informations ou des services pertinents.
+
+2. Types de cookies que nous utilisons
+
+Nous utilisons les types de cookies suivants :
+
+- Cookies strictement nécessaires : Ces cookies sont essentiels au fonctionnement du site web et ne peuvent pas être désactivés dans nos systèmes.
+- Cookies de performance : Ces cookies nous aident à comprendre comment les visiteurs interagissent avec notre site web en collectant et en rapportant des informations de manière anonyme.
+- Cookies fonctionnels : Ces cookies permettent au site web d'offrir des fonctionnalités améliorées et une personnalisation.
+- Cookies de ciblage/publicitaires : Ces cookies sont utilisés pour diffuser des publicités pertinentes et suivre les performances des annonces.
+
+3. Comment utilisons-nous les cookies ?
+
+Nous utilisons les cookies pour :
+
+- Améliorer la fonctionnalité et la performance du site web.
+-Analyser l'utilisation du site afin d'améliorer nos services.
+-Personnaliser votre expérience et mémoriser vos préférences.
+-Diffuser des publicités ciblées en fonction de vos intérêts.
+
+4. Gestion de vos préférences en matière de cookies
+
+Vous pouvez gérer vos préférences en matière de cookies à tout moment en modifiant les paramètres de votre navigateur. La plupart des navigateurs vous permettent de :
+
+- Bloquer tous les cookies.
+- Supprimer les cookies existants.
+- Recevoir des notifications lorsqu'un cookie est défini.
+
+Veuillez noter que la désactivation des cookies peut affecter votre expérience sur notre site web.
+
+5. Cookies tiers
+
+Nous pouvons autoriser des prestataires de services tiers à placer des cookies sur notre site web pour analyser le trafic, fournir des services publicitaires ou activer des fonctionnalités supplémentaires. Ces cookies sont régis par les politiques de confidentialité des tiers.
+
+6. Modifications de cette Politique en matière de cookies
+
+Nous pouvons mettre à jour cette Politique en matière de cookies de temps en temps pour refléter les évolutions technologiques, législatives ou nos pratiques. La politique mise à jour sera publiée sur cette page avec une nouvelle date de « Dernière mise à jour ».
+
+7. Nous contacter
+
+Si vous avez des questions concernant cette Politique en matière de cookies, veuillez nous contacter à : ${env.CONTACT_EMAIL}
+    `,
+  },
+  en: {
+    TITLE: 'Cookie Policy',
+    POLICY: `
+This Cookie Policy explains how ${env.WEBSITE_NAME} ("we," "us," or "our") uses cookies and similar technologies on our website. By using our website, you consent to the use of cookies as described in this policy.
+
+1. What Are Cookies?
+
+Cookies are small text files that are stored on your device (computer, tablet, smartphone) when you visit a website. They help improve your browsing experience by remembering your preferences and providing relevant information or services.
+
+2. Types of Cookies We Use
+
+We use the following types of cookies:
+
+- Strictly Necessary Cookies: These cookies are essential for the website to function and cannot be turned off in our systems.
+- Performance Cookies: These cookies help us understand how visitors interact with our website by collecting and reporting information anonymously.
+- Functional Cookies: These cookies enable the website to provide enhanced functionality and personalization.
+- Targeting/Advertising Cookies: These cookies are used to deliver relevant advertisements and track ad performance.
+
+3. How We Use Cookies
+
+We use cookies to:
+
+- Enhance website functionality and performance.
+- Analyze site usage to improve our services.
+- Personalize your experience and remember your preferences.
+- Deliver targeted advertisements based on your interests.
+
+4. Managing Your Cookie Preferences
+
+You can manage your cookie preferences at any time by adjusting the settings in your browser. Most browsers allow you to:
+
+- Block all cookies.
+- Delete existing cookies.
+- Receive notifications when a cookie is set.
+
+Please note that disabling cookies may impact your experience on our website.
+
+5. Third-Party Cookies
+
+We may allow third-party service providers to place cookies on our website to analyze site traffic, provide advertising services, or enable additional features. These cookies are governed by the third parties' privacy policies.
+
+6. Changes to This Cookie Policy
+
+We may update this Cookie Policy from time to time to reflect changes in technology, legislation, or our practices. The updated policy will be posted on this page with a revised "Last updated" date.
+
+7. Contact Us
+
+If you have any questions about this Cookie Policy, please contact us at: ${env.CONTACT_EMAIL}
+    `,
+  },
+})
+
+langHelper.setLanguage(strings)
+export { strings }

frontend/src/lang/footer.ts

@@ -18,6 +18,8 @@ const strings = new LocalizedStrings({
     SUPPORT: 'Support',
     CONTACT: 'Contact',
     SECURE_PAYMENT: `Paiement 100% sécurisé avec ${env.WEBSITE_NAME}`,
+    PRIVACY_POLICY: 'Politique de Confidentialité',
+    COOKIE_POLICY: 'Politique de cookies',
   },
   en: {
     COPYRIGHT_PART1,
@@ -32,6 +34,8 @@ const strings = new LocalizedStrings({
     SUPPORT: 'Support',
     CONTACT: 'Contact',
     SECURE_PAYMENT: `100% secure payment with ${env.WEBSITE_NAME}`,
+    PRIVACY_POLICY: 'Privacy Policy',
+    COOKIE_POLICY: 'Cookie Policy',
   },
 })
 

frontend/src/lang/header.ts

@@ -15,6 +15,7 @@ const strings = new LocalizedStrings({
     AGENCIES: 'Agences',
     LOCATIONS: 'Destinations',
     PRIVACY_POLICY: 'Politique de Confidentialité',
+    COOKIE_POLICY: 'Politique de cookies',
   },
   en: {
     SIGN_IN: 'Sign in',
@@ -29,6 +30,7 @@ const strings = new LocalizedStrings({
     AGENCIES: 'Agencies',
     LOCATIONS: 'Destinations',
     PRIVACY_POLICY: 'Privacy Policy',
+    COOKIE_POLICY: 'Cookie Policy',
   },
 })
 

frontend/src/pages/CookiePolicy.tsx

@@ -0,0 +1,22 @@
+import React from 'react'
+import { strings } from '@/lang/cookie-policy'
+import Layout from '@/components/Layout'
+import Footer from '@/components/Footer'
+
+import '@/assets/css/cookie-policy.css'
+
+const ToS = () => {
+  const onLoad = () => { }
+
+  return (
+    <Layout onLoad={onLoad} strict={false}>
+      <div className="cookie-policy">
+        <h1>{strings.TITLE}</h1>
+        <p>{strings.POLICY}</p>
+      </div>
+      <Footer />
+    </Layout>
+  )
+}
+
+export default ToS

frontend/vite.config.ts

@@ -40,7 +40,7 @@ export default ({ mode }: { mode: string }) => {
 
     server: {
       host: '0.0.0.0',
-      port: Number.parseInt(process.env.VITE_PORT || '3006', 10),
+      port: Number.parseInt(process.env.VITE_PORT || '3004', 10),
     },
 
     build: {