-
-
Notifications
You must be signed in to change notification settings - Fork 220
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
13 changed files
with
173 additions
and
91 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,31 @@ | ||
| div.faq-list { | ||
| width: 100%; | ||
| background-color: #f9f9f9; | ||
| padding: 50px 30px; | ||
| display: flex; | ||
| flex-direction: column; | ||
| align-items: center; | ||
| } | ||
|
|
||
| div.faq-list h2 { | ||
| width: fit-content; | ||
| } | ||
|
|
||
| div.faq-list div.questions { | ||
| margin: 20px 120px 70px 120px; | ||
| } | ||
|
|
||
| div.faq-list div.questions .accordion-title { | ||
| font-weight: 500; | ||
| } | ||
|
|
||
|
|
||
| div.faq-list div.questions .accordion-details { | ||
| color: #676767; | ||
| } | ||
|
|
||
| @media only screen and (width <=960px) { | ||
| div.faq-list div.questions { | ||
| margin: 20px 0 70px 0; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,15 @@ | ||
| div.faq { | ||
| display: flex; | ||
| flex-direction: column; | ||
| flex: 1 0 auto; | ||
| align-items: center; | ||
| transform: translate3d(0, 0, 0); | ||
| padding: 50px 10%; | ||
| min-height: 100vh; | ||
| } | ||
|
|
||
| @media only screen and (width <=960px) { | ||
| div.faq { | ||
| padding: 50px 0; | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,40 @@ | ||
| import React from 'react' | ||
| import { Accordion, AccordionDetails, AccordionSummary, Button } from '@mui/material' | ||
| import { ExpandMore } from '@mui/icons-material' | ||
| import { strings } from '@/lang/faq-list' | ||
|
|
||
| import '@/assets/css/faq-list.css' | ||
|
|
||
| const Faq = () => ( | ||
| <div className="faq-list"> | ||
| <h2>{strings.FAQ_TITLE}</h2> | ||
| <div className="questions"> | ||
| <Accordion> | ||
| <AccordionSummary expandIcon={<ExpandMore />} className="accordion-title">{strings.FAQ_DOCUMENTS_TITLE}</AccordionSummary> | ||
| <AccordionDetails className="accordion-details">{strings.FAQ_DOCUMENTS_TEXT}</AccordionDetails> | ||
| </Accordion> | ||
| <Accordion> | ||
| <AccordionSummary expandIcon={<ExpandMore />} className="accordion-title">{strings.FAQ_SERVICES_TITLE}</AccordionSummary> | ||
| <AccordionDetails className="accordion-details">{strings.FAQ_SERVICES_TEXT}</AccordionDetails> | ||
| </Accordion> | ||
|
|
||
| <Accordion> | ||
| <AccordionSummary expandIcon={<ExpandMore />} className="accordion-title">{strings.FAQ_AGE_TITLE}</AccordionSummary> | ||
| <AccordionDetails className="accordion-details">{strings.FAQ_AGE_TEXT}</AccordionDetails> | ||
| </Accordion> | ||
| <Accordion> | ||
| <AccordionSummary expandIcon={<ExpandMore />} className="accordion-title">{strings.FAQ_CANCEL_TITLE}</AccordionSummary> | ||
| <AccordionDetails className="accordion-details">{strings.FAQ_CANCEL_TEXT}</AccordionDetails> | ||
| </Accordion> | ||
| </div> | ||
| <Button | ||
| variant="contained" | ||
| className="btn-primary btn-home" | ||
| href="/contact" | ||
| > | ||
| {strings.MORE_QUESTIONS} | ||
| </Button> | ||
| </div> | ||
| ) | ||
|
|
||
| export default Faq |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,44 @@ | ||
| import LocalizedStrings from 'react-localization' | ||
| import * as langHelper from '@/common/langHelper' | ||
|
|
||
| const strings = new LocalizedStrings({ | ||
| fr: { | ||
| FAQ_TITLE: 'FAQ', | ||
| MORE_QUESTIONS: 'Plus de questions ?', | ||
| FAQ_DOCUMENTS_TITLE: 'De quels documents ai-je besoin pour louer un véhicule ?', | ||
| FAQ_DOCUMENTS_TEXT: "Pour louer un véhicule, vous aurez généralement besoin d'un permis de conduire valide, d'une carte de crédit pour le paiement et le dépôt de garantie, ainsi que d'une preuve d'assurance. Des exigences supplémentaires peuvent varier en fonction de votre emplacement et du type de véhicule que vous louez.", | ||
| FAQ_SERVICES_TITLE: 'Proposez-vous des services de livraison et de restitution ?', | ||
| FAQ_SERVICES_TEXT: 'Oui, nous le faisons ! Nous proposons des services de livraison et de ramassage pratiques à divers endroits, notamment les aéroports, les hôtels, etc. Dites-nous simplement votre destination préférée et nous nous occuperons du reste.', | ||
| FAQ_AGE_TITLE: "Y a-t-il une limite d'âge pour louer un véhicule ?", | ||
| FAQ_AGE_TEXT: "Oui, l'âge minimum requis pour louer un véhicule est généralement de 18 ans. Cependant, certains endroits peuvent avoir des exigences d'âge plus élevées ou des restrictions supplémentaires pour certains types de véhicules.", | ||
| FAQ_CANCEL_TITLE: 'Que se passe-t-il si je dois annuler ma réservation ?', | ||
| FAQ_CANCEL_TEXT: "Nous comprenons que les plans peuvent changer, c'est pourquoi nous proposons des politiques d'annulation flexibles. Selon le moment de votre annulation, des frais peuvent s'appliquer. Veuillez vous référer à nos conditions générales ou contacter notre équipe d'assistance client pour obtenir de l'aide concernant les annulations.", | ||
| }, | ||
| en: { | ||
| FAQ_TITLE: 'FAQ', | ||
| MORE_QUESTIONS: 'More questions?', | ||
| FAQ_DOCUMENTS_TITLE: 'What documents do I need to rent a vehicle?', | ||
| FAQ_DOCUMENTS_TEXT: "To rent a vehicle, you'll typically need a valid driver's license, a credit card for payment and security deposit, and proof of insurance. Additional requirements may vary depending on your location and the type of vehicle you're renting.", | ||
| FAQ_SERVICES_TITLE: 'Do you offer delivery and pickup services?', | ||
| FAQ_SERVICES_TEXT: "Yes, we do! We offer convenient delivery and pickup services to various locations, including airports, hotels, and more. Just let us know your preferred location, and we'll take care of the rest.", | ||
| FAQ_AGE_TITLE: 'Is there an age requirement for renting a vehicle?', | ||
| FAQ_AGE_TEXT: 'Yes, the minimum age requirement for renting a vehicle is usually 18 years old. However, some locations may have higher age requirements or additional restrictions for certain vehicle types.', | ||
| FAQ_CANCEL_TITLE: 'What happens if I need to cancel my reservation?', | ||
| FAQ_CANCEL_TEXT: 'We understand that plans can change, which is why we offer flexible cancellation policies. Depending on the timing of your cancellation, there may be applicable fees. Please refer to our terms and conditions or contact our customer support team for assistance with cancellations.', | ||
| }, | ||
| es: { | ||
| FAQ_TITLE: 'Preguntas frecuentes', | ||
| MORE_QUESTIONS: '¿Más preguntas?', | ||
| FAQ_DOCUMENTS_TITLE: '¿Qué documentos necesito para alquilar un vehículo?', | ||
| FAQ_DOCUMENTS_TEXT: 'Para alquilar un vehículo, normalmente necesitarás una licencia de conducir válida, una tarjeta de crédito para el pago y el depósito de seguridad, y un comprobante de seguro. Los requisitos adicionales pueden variar según tu ubicación y el tipo de vehículo que estés alquilando.', | ||
| FAQ_SERVICES_TITLE: '¿Ofrecen servicios de entrega y recogida?', | ||
| FAQ_SERVICES_TEXT: '¡Sí, lo hacemos! Ofrecemos cómodos servicios de entrega y recogida en varios lugares, incluidos aeropuertos, hoteles y más. Solo indícanos tu ubicación preferida y nosotros nos encargaremos del resto.', | ||
| FAQ_AGE_TITLE: '¿Existe un requisito de edad para alquilar un vehículo?', | ||
| FAQ_AGE_TEXT: 'Sí, la edad mínima requerida para alquilar un vehículo suele ser de 18 años. Sin embargo, algunas ubicaciones pueden tener requisitos de edad más altos o restricciones adicionales para ciertos tipos de vehículos.', | ||
| FAQ_CANCEL_TITLE: '¿Qué sucede si necesito cancelar mi reserva?', | ||
| FAQ_CANCEL_TEXT: 'Entendemos que los planes pueden cambiar, por eso ofrecemos políticas de cancelación flexibles. Según el momento de tu cancelación, pueden aplicarse cargos. Consulta nuestros términos y condiciones o comunícate con nuestro equipo de atención al cliente para obtener ayuda con las cancelaciones.', | ||
| }, | ||
| }) | ||
|
|
||
| langHelper.setLanguage(strings) | ||
| export { strings } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,18 @@ | ||
| import React from 'react' | ||
| import FaqList from '@/components/FaqList' | ||
| import Footer from '@/components/Footer' | ||
| import Layout from '@/components/Layout' | ||
|
|
||
| import '@/assets/css/faq.css' | ||
|
|
||
| const Faq = () => ( | ||
| <Layout strict={false}> | ||
| <div className="faq"> | ||
| <FaqList /> | ||
| </div> | ||
|
|
||
| <Footer /> | ||
| </Layout> | ||
| ) | ||
|
|
||
| export default Faq |
Oops, something went wrong.