diff --git a/src/app/page.tsx b/src/app/page.tsx index 3baf13a..753bd90 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -79,7 +79,7 @@ export default function Home() {
-

EXPLORE UTTARAKAHND

+

EXPLORE UTTARAKHAND

To address this problem, we have come up with a solution to digitize this cultural knowledge. Since today's generation is more comfortable with technology, we aim to diff --git a/src/components/Faq.tsx b/src/components/Faq.tsx index d728b02..f006cb0 100644 --- a/src/components/Faq.tsx +++ b/src/components/Faq.tsx @@ -1,68 +1,66 @@ -import React, { useState } from "react"; +import React, {useState} from "react"; import Image from "next/image"; import styles from "../components/ui/Faq.module.css"; import Chat from "/public/chat.svg"; const Faq: React.FC = () => { - const [faqs, setFaqs] = useState([ - { - question: "So, you're a startup?", - answer: "Yes, we are a startup focused on solving problems.", - open: false, - }, - { - question: "Is Genie right for me?", - answer: "If you're looking for a solution to simplify your operations, Genie is perfect for you!", - open: false, - }, - { - question: "How do I sign up?", - answer: "You can sign up by visiting our website and following the easy steps outlined there.", - open: false, - }, - { - question: "What's the onboarding like? Do you charge for implementation?", - answer: "Our onboarding is smooth and free of charge! We'll help you get started right away.", - open: false, - }, - ]); - - const toggleFAQ = (index: number): void => { - setFaqs( - faqs.map((faq, i) => { - if (i === index) { - return { ...faq, open: !faq.open }; - } else { - return { ...faq, open: false }; + const [faqs, setFaqs] = useState([ + { + question: "Why we build Uttarakhand Culture?", + answer: "A concerning trend is emerging in Uttarakhand, where the younger generation is gradually forgetting their cultural heritage and traditional rituals. This decline in cultural knowledge is evident across generations, with each successive generation possessing less knowledge than the previous one. For instance, the amount of cultural knowledge possessed by grandparents is significantly more than that of their children, and the cultural knowledge of today's youth is likely to be even less than that of their parents. If this trend continues, there is a risk that the cultural heritage of Uttarakhand may eventually disappear from the society. This loss would not only erase the region's rich cultural identity but also deprive future generations of their cultural roots and traditions.", + open: false, + }, + { + question: "Why we build Uttarakhand Culture?", + answer: "A concerning trend is emerging in Uttarakhand, where the younger generation is gradually forgetting their cultural heritage and traditional rituals. This decline in cultural knowledge is evident across generations, with each successive generation possessing less knowledge than the previous one. For instance, the amount of cultural knowledge possessed by grandparents is significantly more than that of their children, and the cultural knowledge of today's youth is likely to be even less than that of their parents. If this trend continues, there is a risk that the cultural heritage of Uttarakhand may eventually disappear from the society. This loss would not only erase the region's rich cultural identity but also deprive future generations of their cultural roots and traditions.", + open: false, + }, { + question: "Why we build Uttarakhand Culture?", + answer: "A concerning trend is emerging in Uttarakhand, where the younger generation is gradually forgetting their cultural heritage and traditional rituals. This decline in cultural knowledge is evident across generations, with each successive generation possessing less knowledge than the previous one. For instance, the amount of cultural knowledge possessed by grandparents is significantly more than that of their children, and the cultural knowledge of today's youth is likely to be even less than that of their parents. If this trend continues, there is a risk that the cultural heritage of Uttarakhand may eventually disappear from the society. This loss would not only erase the region's rich cultural identity but also deprive future generations of their cultural roots and traditions.", + open: false, + }, { + question: "Why we build Uttarakhand Culture?", + answer: "A concerning trend is emerging in Uttarakhand, where the younger generation is gradually forgetting their cultural heritage and traditional rituals. This decline in cultural knowledge is evident across generations, with each successive generation possessing less knowledge than the previous one. For instance, the amount of cultural knowledge possessed by grandparents is significantly more than that of their children, and the cultural knowledge of today's youth is likely to be even less than that of their parents. If this trend continues, there is a risk that the cultural heritage of Uttarakhand may eventually disappear from the society. This loss would not only erase the region's rich cultural identity but also deprive future generations of their cultural roots and traditions.", + open: false, } - }) - ); - }; + ]); - return ( -

-
-

We're here to answer all
your questions.

-
-
- {faqs.map((faq, index) => ( -
toggleFAQ(index)} - > -
{faq.question}
-
{faq.open && faq.answer}
-
- ))} -
-
- {"FAQ -
-

Still have questions?

- -
- ); + const toggleFAQ = (index: number): void => { + setFaqs( + faqs.map((faq, i) => { + if (i === index) { + return {...faq, open: !faq.open}; + } else { + return {...faq, open: false}; + } + }) + ); + }; + + return ( +
+
+

We're here to answer all
your questions.

+
+
+ {faqs.map((faq, index) => ( +
toggleFAQ(index)} + > +
{faq.question}
+
{faq.open && faq.answer}
+
+ ))} +
+
+ {"FAQ +
+

Still have questions?

+ +
+ ); }; export default Faq; diff --git a/src/components/ui/Faq.module.css b/src/components/ui/Faq.module.css index 0c7cd17..1aabd01 100644 --- a/src/components/ui/Faq.module.css +++ b/src/components/ui/Faq.module.css @@ -3,6 +3,7 @@ text-align: center; min-width: 100%; height: auto; + margin-top: 5rem; } .faqContainer h1 {