Skip to content

Commit

Permalink
add faqs page
Browse files Browse the repository at this point in the history
  • Loading branch information
khabzox committed Aug 28, 2024
1 parent e3b714f commit b544e20
Show file tree
Hide file tree
Showing 5 changed files with 103 additions and 24 deletions.
6 changes: 1 addition & 5 deletions apps/nextjs-app/app/(pages)/faqs/page.jsx
Original file line number Diff line number Diff line change
@@ -1,11 +1,7 @@
import FAQS from "@/components/landing-page/faqs";

const FaqsPage = () => {
return (
<>
<FAQS />
</>
);
return <FAQS />
};

export default FaqsPage;
3 changes: 1 addition & 2 deletions apps/nextjs-app/components/landing-page/about-us.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ const AboutUs = () => {
FiziChemi : Votre Partenaire en Sciences
</h1>
<p className="text-sm sm:text-base md:text-lg text-primary-hover font-semibold mb-8">
Chez FiziChemi, nous nous engageons à rendre la physique et la chimie accessibles et passionnantes pour tous. Notre plateforme propose des tutoriels détaillés, des articles de blog informatifs, et des ressources interactives pour vous aider à exceller dans vos études et à nourrir votre curiosité scientifique.
Chez FiziChemi, nous nous engageons à rendre la physique et la chimie accessibles et passionnantes pour tous. Notre plateforme propose des tutoriels détaillés et des ressources interactives pour vous aider à exceller dans vos études et à nourrir votre curiosité scientifique.
</p>
</div>
<div className=" md:w-1/2 mt-10 md:mt-0 flex justify-center md:justify-end">
Expand All @@ -22,7 +22,6 @@ const AboutUs = () => {
alt="Students"
width={500}
height={300}
// className="w-full"
/>
</div>
</div>
Expand Down
108 changes: 96 additions & 12 deletions apps/nextjs-app/components/landing-page/faqs.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -6,33 +6,117 @@ import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/
export default function FAQS() {
const faqs = [
{
question: "What is Next.js?",
answer: "Next.js is a React framework for building full-stack web applications. You use React Components to build user interfaces, and Next.js for additional features and optimizations."
question: "Qu'est-ce que FiziChemi ?",
answer: "FiziChemi est une plateforme dédiée à l'apprentissage de la physique et de la chimie, offrant des tutoriels interactifs et des ressources pédagogiques."
},
{
question: "What is the App Router?",
answer: "The App Router is a new paradigm in Next.js for building applications using React's latest features. It allows you to create routes using a file-system based router, and supports layouts, nested routing, and more."
question: "Comment puis-je commencer à utiliser FiziChemi ?",
answer: "Pour commencer, inscrivez-vous sur notre plateforme, explorez nos tutoriels et sélectionnez le niveau qui vous convient."
},
{
question: "What are Server Components?",
answer: "Server Components are a new React feature that allows you to render components on the server. This can lead to improved performance and a better user experience, especially for content-heavy pages."
question: "FiziChemi est-il gratuit ?",
answer: "Oui, l'accès aux tutoriels de base est gratuit. Cependant, certains contenus premium peuvent nécessiter un abonnement."
},
{
question: "How do I create a new page in the App Router?",
answer: "To create a new page in the App Router, you simply create a new file named 'page.js' or 'page.tsx' inside a folder in the 'app' directory. The folder name becomes the route."
}
question: "Quels niveaux d'étude sont couverts par FiziChemi ?",
answer: "Nous couvrons tous les niveaux d'études, de la première année du collège jusqu'au baccalauréat."
},
{
question: "Comment puis-je contacter le support de FiziChemi ?",
answer: "Vous pouvez nous contacter via le formulaire de contact sur notre site ou directement par email à info@fizichemi.com."
},
{
question: "Puis-je télécharger les tutoriels de FiziChemi ?",
answer: "Les tutoriels ne sont actuellement pas téléchargeables, mais vous pouvez les consulter en ligne à tout moment."
},
{
question: "FiziChemi propose-t-il des exercices pratiques ?",
answer: "Oui, chaque tutoriel est accompagné d'exercices pratiques pour renforcer votre apprentissage."
},
{
question: "Comment puis-je accéder aux contenus premium ?",
answer: "Pour accéder aux contenus premium, vous devez souscrire à un abonnement via notre plateforme."
},
{
question: "FiziChemi est-il adapté aux débutants ?",
answer: "Oui, nos tutoriels sont conçus pour être accessibles aux débutants, avec des explications claires et progressives."
},
{
question: "Puis-je utiliser FiziChemi sur mon smartphone ?",
answer: "Oui, notre plateforme est entièrement optimisée pour une utilisation sur mobile."
},
{
question: "Comment sont structurés les tutoriels sur FiziChemi ?",
answer: "Les tutoriels sont structurés par niveaux d'étude, avec des sections dédiées à chaque sujet clé."
},
{
question: "Puis-je poser des questions spécifiques à un sujet ?",
answer: "Oui, vous pouvez poser des questions sur les tutoriels via la section commentaires ou notre forum."
},
{
question: "FiziChemi propose-t-il des vidéos explicatives ?",
answer: "Oui, en plus des tutoriels écrits, nous proposons également des vidéos explicatives."
},
{
question: "Puis-je me connecter avec mon compte Google ?",
answer: "Oui, vous pouvez vous connecter à FiziChemi en utilisant votre compte Google."
},
{
question: "Comment puis-je sauvegarder mes progrès sur FiziChemi ?",
answer: "Vos progrès sont automatiquement sauvegardés lorsque vous êtes connecté à votre compte."
},
{
question: "FiziChemi propose-t-il des sessions de tutorat en direct ?",
answer: "Nous prévoyons de lancer des sessions de tutorat en direct bientôt, restez à l'écoute pour plus d'informations."
},
{
question: "Comment puis-je donner mon avis sur un tutoriel ?",
answer: "Vous pouvez laisser un commentaire à la fin de chaque tutoriel pour partager votre avis."
},
{
question: "Est-ce que FiziChemi est disponible en plusieurs langues ?",
answer: "Pour l'instant, FiziChemi est disponible en français, mais nous envisageons d'ajouter d'autres langues à l'avenir."
},
{
question: "Puis-je recommander FiziChemi à mes amis ?",
answer: "Bien sûr ! Nous vous encourageons à partager FiziChemi avec vos amis et collègues."
},
{
question: "FiziChemi offre-t-il des certifications ?",
answer: "Nous travaillons sur un programme de certification pour les utilisateurs qui complètent certains modules."
},
{
question: "Comment puis-je accéder aux actualités scientifiques sur FiziChemi ?",
answer: "Vous pouvez accéder aux actualités scientifiques via la section 'Articles' de notre site."
},
{
question: "FiziChemi propose-t-il des cours en direct ?",
answer: "Nous envisageons de lancer des cours en direct dans le futur. Inscrivez-vous à notre newsletter pour être informé."
},
{
question: "Puis-je personnaliser mon expérience d'apprentissage sur FiziChemi ?",
answer: "Oui, vous pouvez personnaliser votre tableau de bord et suivre les sujets qui vous intéressent le plus."
},
{
question: "FiziChemi est-il compatible avec les tableaux interactifs ?",
answer: "Oui, notre plateforme est compatible avec les tableaux interactifs pour une expérience d'apprentissage améliorée."
},
{
question: "Comment puis-je désactiver les notifications par email de FiziChemi ?",
answer: "Vous pouvez gérer vos préférences de notification dans les paramètres de votre compte."
},
];

return (
<section id="faqs" className="my-16 md:mt-24 px-5 md:px-20 3xl:px-0">
<div className="flex flex-col items-center text-center">
<h2
className={`${UbuntuFont.className} text-3xl sm:text-4xl md:text-5xl font-bold mb-6 md:mb-8`}
className={`${UbuntuFont.className} text-3xl text-secondary sm:text-4xl md:text-5xl font-bold mb-6 md:mb-8`}
>
Frequently Asked Questions
Questions Fréquemment Posées
</h2>
<p className="md:w-2/3 py-5 text-sm sm:text-base md:text-lg text-accent-TextHover font-semibold mb-8">
{`Here you'll find answers to some of the most common questions about Next.js and its features. If you have any other questions, feel free to reach out to us!`}
{`Vous trouverez ici les réponses aux questions les plus courantes sur FiziChemi et ses fonctionnalités. Si vous avez d'autres questions, n'hésitez pas à nous contacter !`}
</p>
</div>
<Accordion type="single" collapsible className="w-full max-w-4xl mx-auto">
Expand Down
4 changes: 2 additions & 2 deletions apps/nextjs-app/components/landing-page/footer.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -88,9 +88,9 @@ const Footer = () => {
<li>
<Link
className="text-primary transition hover:text-primary/75"
href="/blog"
href="/faqs"
>
Blog
FAQS
</Link>
</li>
</ul>
Expand Down
6 changes: 3 additions & 3 deletions apps/nextjs-app/components/landing-page/navbar.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ const Navbar = () => {
<Link href="/contact-us">Contact</Link>
</li>
<li>
<Link href="/blog">Blog</Link>
<Link href="/faqs">FAQS</Link>
</li>
</ul>
</div>
Expand Down Expand Up @@ -123,8 +123,8 @@ const Navbar = () => {
</Link>
</li>
<li>
<Link href="/blog" className="text-lg">
Blog
<Link href="/faqs" className="text-lg">
FAQS
</Link>
</li>
<li className="mt-4">
Expand Down

0 comments on commit b544e20

Please sign in to comment.