From 82e274ab28439c1d68560dff0d2e99537bd5dfd1 Mon Sep 17 00:00:00 2001 From: Samyak Aditya <91079592+samyak-aditya@users.noreply.github.com> Date: Fri, 4 Oct 2024 22:54:53 +0530 Subject: [PATCH 1/5] faq component --- public/add.png | Bin 0 -> 3626 bytes public/minus.png | Bin 0 -> 2041 bytes public/question.png | Bin 0 -> 21735 bytes src/app/page.tsx | 6 ++ src/components/ui/FAQ.module.css | 108 +++++++++++++++++++++++++++++++ src/components/ui/FAQ.tsx | 94 +++++++++++++++++++++++++++ 6 files changed, 208 insertions(+) create mode 100644 public/add.png create mode 100644 public/minus.png create mode 100644 public/question.png create mode 100644 src/components/ui/FAQ.module.css create mode 100644 src/components/ui/FAQ.tsx diff --git a/public/add.png b/public/add.png new file mode 100644 index 0000000000000000000000000000000000000000..c5819ecb271a8402c8f4ba00d22549256e36bb97 GIT binary patch literal 3626 zcmeHJYgAKL7CuQpUWG6^g1i!xOQ-_^Mdcw0P^;h-1jng@@`^l+3IY-|1Q9Yi$`pj) zO%V_TI@Cvt29PQO0b;el6)Z)NhdhFdARv)Pcm_f;H|@-t`PaYw;aTghbM{{Q?7i2y z-~QJ3)j?k`U2S7+0DvyMZ_gnB@YoR#G}mFchE z$J+SVv)#3Sfi8vPI`0N#WJYS9ICkH@?TNGgInyUZ=CqPEwI&EbV;B4=BBp~&;}UJm z4Z<4y11({L%Z?;KpB%~-??L(zQ@{9d#2PWZI591PrO`+^#NL8hz$71O*WdlLLD1Ke zh`LJZYfG|A4gxTw z0D8laLlQ@~H!Yk~4`EgomqaHlzTHH((*k+rCSJq}oKq$VJh8`N7k?VZInv2lxJ3kT zWVOjynz-nBAiQE`Oan9NKWCEYUj#AeR|jx_vm2WcZ7l#k#c)=V4L&+PzQ^ytAj{6t`sKkXr{~QzCu2*nvo6`t+fr8B5^)*pv@>mO#I6!V9`Cj`buy zjH2QL2F>zA)(G}w*7LiBBU```=3&Ijp`NgjBTJ-oI`LDY=FRJVwBWp!$J}A~g0|M% z`3-5KomiQTQ^01r8{#&(5c0~Z;GsfsF_uy%S)0yoG%9cx7S>bHRZn82b@a*B8e7zV z(V8aBo=Hlvl0J2mN_H5))i z{pJ`;oCIO!^9Mzyw3b4)T1D?y7{OE^U!46AvJcoS-cVT&`#p*FEIhqZMJb$|n)7z% zz@YBzJOKA4cRC1dw?Kd-T@~oiGo`L349n%J!pux)!hzqY#9(!C90vmWCjJxL_kY2m zMl=AdSEb{)cfMFbu_`b>Y6*{(^YSDD;ftU;!y)@&z4$7Zs zwd9j%nn2n79n{RD(vq@+-|7iZ7r|2Re7A6IA+^w3+FB_qe_r>-f2kej@0X60YT(Ra z=~IZjiT0d7t4XJ&@#JiTm4!iSAe2#SP;5kN;r|It*4dy0c*qe$?jfS3429Y=NfCx@ zqHv|iTbczeak2Pc7(97Gv?6Mb#L1Z3jrdX6!3f!es^f8)2~X{p7C|C2YOC*@CY_n$ zhF-PWLZto8K;3f@CY$?Hj<^ zxd(E&F81OHwxYy{mEGTj!?s4whCr3LS)H4Jsh-C4Yc(%B#-_u z`AJ*$SSL8R4*-wNH~_Aw0r2Pb;G^T?d;A_8gvm5_O#LjEV?6S!7;2zlrZX)G4F9Nt zS5>J-FXy83x?XQQcsJRqvh4n=h88e}`JWm}O2pJq1+f_bjrX&;uo}%zhP@ z)v+JOaV5QjMvZ9Ws}-RE*93fT<}3Z~nn=6%{9?{Xh>?Y_~8T6 zXCOP`O`JP#wm?aMZAH>bJW#e?hggwqO{tFP^z$>RVAH!rA9ADXy_d>Bc!+K8wGIfr zFGG@dbXL!ti5f}$44t;Bk#e%MK)|b)uv?M%O7!^=~RciaIa)K7Y{TePg) zj9v&`spim_Co%2VeK8c-0LOU8Q_%x(gB4ntt4P^}rb4nqh!u~Dh@V0t>I{rc^&e?* a9<4bspmeeW@3DreFLU< zvltf89|jIeyDxr$R$7qnWzx3=b&A+z_^^aB84(Rd+o3$mDwaL`GmIy>IrnpN&&~OK z&b{YUhVZL3tAkbp0M?{#PuUHC554sPY$oj%j^6Rm&bMr9s)$Wn1-qb{#&0OL?=1s> zGqkdxAHq4obnqSJwk+kIk|L!lue1=TRI12B^225Md5XfwlF|cB&cq-9SmmiHUxk7B+xRjWP8!HgGE^;HGh>dQ9bQK<8r{TDkdfj5{ZlfZOzVta zs)3NCiZ0I%)M(C&S%qwFFocThBuT;Yc#Mhfb&K|yoJ}0a)}fQ^(`y?!@e=QZ=7=6U z=P5_8EBuIW6ZF>ZiqPB^`|om}!E;MFR6h=7SzGJhY;$QiP+W$!*Waf>oe*<_LtwWH z=UIJ0F1_GWxI@gusS1n_5JrfWW7|*%#*S1DhezELz&?tpNOAA|9O$kF#!=0UX|5td zBXa3#ZSOG%zVk;8u$|sC3P}q1d z-E+y#WGm2IqkKe6ysSyq8ltNOHvD?$qUjINu5}6N%Lvs4M$gUnaZ01t8sxf{+%r{@ zs!*rxg9I?wFWbVW1tta?uU2g?2V-bHC8D%+CmB!EhoxXS2EHt&!&EkPb(W1Y7QXw$ zYcS{Wr`U;^lak7VeBY_hD>^;bltW`*`?d#PG^{spg=+Aqf1k)LHtkXuH$#X@sP`jR zx^v92pE~0>KYKcV%Aat`^dT);E&a-pEp3AOt5pa5!2q=t?ZNi0|Y-?!?uV@764Tlt6z9m`sjH{(an0KhDDq&-M>nf3jxQb@Qr=xPjo= z#7M+lwxu6S6GS1)Ij!CWtEGkv?~H$i=EiF(v;xGXDu61>))nEz(uyFd+k`2`t;je3 E11($tzyJUM literal 0 HcmV?d00001 diff --git a/public/question.png b/public/question.png new file mode 100644 index 0000000000000000000000000000000000000000..9a3ca321c652512fac3e4c08598c5d7a1baf2076 GIT binary patch literal 21735 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 literal 0 HcmV?d00001 diff --git a/src/app/page.tsx b/src/app/page.tsx index 60e086e..3110ad9 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -12,6 +12,7 @@ import Notify_Banner from "/public/notify-early-banner.jpg" import PahadiWomen from "/public/bhotiaWoman.webp" import Screen from "@/components/Screen"; import Festivals from "@/components/Festivals"; +import FAQ from "@/components/ui/FAQ"; export default function Home() { @@ -146,6 +147,11 @@ export default function Home() { + + + + + {/**/} diff --git a/src/components/ui/FAQ.module.css b/src/components/ui/FAQ.module.css new file mode 100644 index 0000000..484e79a --- /dev/null +++ b/src/components/ui/FAQ.module.css @@ -0,0 +1,108 @@ +.faq-container { + width: 70%; + margin: 0 auto; + padding: 20px; + background-color: #ffffff; + border-radius: 8px; + color: rgb(77, 76, 76); + +} + +.faq-heading { + text-align: center; + margin: 15vh 0px ; + font-size: 90px; + width: 100%; +} + +.faq-table { + width: 100%; + border-collapse: collapse; +} + +.faq-item { + border-bottom: 1px solid #ddd; /* Add bottom border for rows */ +} + +.faq-question { + background-color: #e4e4e4; + height: 80px; + color: rgb(75, 75, 75); /* Changed to white for better contrast */ + padding: 25px; + cursor: pointer; + display: flex; + justify-content: space-between; + align-items: center; + font-size: 27px; + font-weight: 700; + margin-top: 50px; + border-radius: 5px; +} + +.faq-answer { + padding: 25px; + background-color: #f1f1f1; + color: rgb(75, 75, 75); + max-height: 0; /* Start hidden */ + overflow: hidden; /* Prevent overflow */ + transition: max-height 1s ease-in-out; /* Smooth transition */ + justify-content: space-between; + align-items: center; + font-size: 25px; + font-weight: 700; + + line-height: 1.5; + +} + +.faq-item.active .faq-answer { + max-height: 200px; /* Adjust as needed */ +} + + + +.toggle-icon { + width: 30px; + height: 30px; + margin-left: 10px; + + vertical-align: middle; /* Align icon vertically */ +} + + +.contact-section { + text-align: center; + margin: 15vh; + +} + +.contact-image { + max-width: 20%; + height: auto; /* Maintain aspect ratio */ + border-radius: 8px; /* Optional: for rounded corners */ + opacity: 0.7; +} + +.contact-text{ + margin: 50px; + font-size: 40px; +} + + +.contact-button { + width: 200px; + height: 60px; + margin-top: 20px; + padding: 10px 20px; + font-size: 25px; + color: #ffffff; /* Change as per your theme */ + background-color: #2c2c2c; /* Change as per your theme */ + border: none; + border-radius: 5px; + cursor: pointer; + transition: background-color 0.3s ease; +} + +.contact-button:hover { + background-color: #005bb5; /* Darker shade for hover effect */ +} diff --git a/src/components/ui/FAQ.tsx b/src/components/ui/FAQ.tsx new file mode 100644 index 0000000..126ac5a --- /dev/null +++ b/src/components/ui/FAQ.tsx @@ -0,0 +1,94 @@ +"use client"; // Mark this component as a client component + +import React, { useState } from 'react'; +import styles from './FAQ.module.css'; +import Image from 'next/image'; +import contactImage from '/public/question.png'; +import plusIcon from '/public/add.png'; // Update the path to your icon +import minusIcon from '/public/minus.png'; // Update the path to your icon + +interface FAQItem { + question: string; + answer: string; +} + +const FAQ: React.FC = () => { + const [activeIndex, setActiveIndex] = useState(null); + + const faqs: FAQItem[] = [ + + { + question: "What cultural festivals can I experience in Uttarakhand?", + answer: "Uttarakhand hosts vibrant festivals like Egaas Bagwal and Nanda Devi Mahotsav, each celebrating unique traditions and local heritage." + }, + { + question: "How can I learn more about Uttarakhand's traditions?", + answer: "You can explore our website for articles, resources, and events that highlight the rich cultural traditions of Uttarakhand." + }, + { + question: "Can I participate in cultural events?", + answer: "Yes! We encourage participation in our cultural events. Check our events page for more details on upcoming activities." + }, + { + question: "What is the significance of Egaas Bagwal?", + answer: "Egaas Bagwal is celebrated 11 days after Diwali, symbolizing the return of Lord Rama. It includes traditional dances and culinary delights." + }, + { + question: "How do I stay updated on upcoming events?", + answer: "You can sign up for our newsletter to receive updates on festivals, fairs, and other cultural events directly to your inbox." + } + ]; + + const toggleAnswer = (index: number) => { + setActiveIndex(activeIndex === index ? null : index); + }; + + return ( +
+

We're here to answer all your questions

+
+ {faqs.map((faq, index) => ( +
+
toggleAnswer(index)} + aria-expanded={activeIndex === index} + role="button" + tabIndex={0} + onKeyDown={(e) => e.key === 'Enter' && toggleAnswer(index)} + > + {faq.question} + {activeIndex +
+ {activeIndex === index && ( +
+ {faq.answer} +
+ )} +
+ ))} +
+ + {/* Medium Size Image */} +
+ Contact Us +

Still have questions?

+ +
+
+ ); +}; + +export default FAQ; From 9399b07df8a2e6596ff7d9c909e503ca8ae1ad24 Mon Sep 17 00:00:00 2001 From: Samyak Aditya <91079592+samyak-aditya@users.noreply.github.com> Date: Fri, 4 Oct 2024 22:58:29 +0530 Subject: [PATCH 2/5] faq component --- src/components/ui/FAQ.module.css | 3 ++- src/components/ui/FAQ.tsx | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/src/components/ui/FAQ.module.css b/src/components/ui/FAQ.module.css index 484e79a..2c7941c 100644 --- a/src/components/ui/FAQ.module.css +++ b/src/components/ui/FAQ.module.css @@ -94,7 +94,8 @@ height: 60px; margin-top: 20px; padding: 10px 20px; - font-size: 25px; + font-size: 21px; + letter-spacing: 2px; color: #ffffff; /* Change as per your theme */ background-color: #2c2c2c; /* Change as per your theme */ border: none; diff --git a/src/components/ui/FAQ.tsx b/src/components/ui/FAQ.tsx index 126ac5a..f9053b9 100644 --- a/src/components/ui/FAQ.tsx +++ b/src/components/ui/FAQ.tsx @@ -45,7 +45,7 @@ const FAQ: React.FC = () => { return (
-

We're here to answer all your questions

+

We're here to answer all your questions.

{faqs.map((faq, index) => (
From c7108d5cc52a17f4f295992bdd0dad62e93e8e70 Mon Sep 17 00:00:00 2001 From: Samyak Aditya <91079592+samyak-aditya@users.noreply.github.com> Date: Fri, 4 Oct 2024 23:50:22 +0530 Subject: [PATCH 3/5] updated faq component --- src/components/ui/FAQ.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/ui/FAQ.tsx b/src/components/ui/FAQ.tsx index f9053b9..0c2d664 100644 --- a/src/components/ui/FAQ.tsx +++ b/src/components/ui/FAQ.tsx @@ -45,7 +45,7 @@ const FAQ: React.FC = () => { return (
-

We're here to answer all your questions.

+

We're here to answer all your questions.

{faqs.map((faq, index) => (
From ef622f220759e72d1b18680ea4e642943d988990 Mon Sep 17 00:00:00 2001 From: Samyak Aditya <91079592+samyak-aditya@users.noreply.github.com> Date: Sat, 5 Oct 2024 23:42:53 +0530 Subject: [PATCH 4/5] Styling FAQ section --- public/chat.svg | 13 ++ src/components/ui/FAQ.module.css | 250 +++++++++++++++++++++++++++---- src/components/ui/FAQ.tsx | 2 +- 3 files changed, 238 insertions(+), 27 deletions(-) create mode 100644 public/chat.svg diff --git a/public/chat.svg b/public/chat.svg new file mode 100644 index 0000000..1d22c36 --- /dev/null +++ b/public/chat.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/src/components/ui/FAQ.module.css b/src/components/ui/FAQ.module.css index 2c7941c..02cdcdf 100644 --- a/src/components/ui/FAQ.module.css +++ b/src/components/ui/FAQ.module.css @@ -1,17 +1,20 @@ .faq-container { - width: 70%; + width: 50vw; margin: 0 auto; padding: 20px; background-color: #ffffff; border-radius: 8px; color: rgb(77, 76, 76); - + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; } .faq-heading { text-align: center; - margin: 15vh 0px ; - font-size: 90px; + margin: 15vh 0px; + font-size: 5vw; /* Responsive font size */ width: 100%; } @@ -25,21 +28,23 @@ } .faq-question { + width: 40vw; background-color: #e4e4e4; - height: 80px; - color: rgb(75, 75, 75); /* Changed to white for better contrast */ - padding: 25px; + height: auto; + color: rgb(75, 75, 75); + padding: 35px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; - font-size: 27px; + font-size: 1.5rem; /* Responsive font size */ font-weight: 700; - margin-top: 50px; + margin-top: 50px; border-radius: 5px; } .faq-answer { + width: 40vw; padding: 25px; background-color: #f1f1f1; color: rgb(75, 75, 75); @@ -48,53 +53,51 @@ transition: max-height 1s ease-in-out; /* Smooth transition */ justify-content: space-between; align-items: center; - font-size: 25px; + font-size: 1.4rem; /* Responsive font size */ font-weight: 700; - line-height: 1.5; - } .faq-item.active .faq-answer { max-height: 200px; /* Adjust as needed */ } - - .toggle-icon { width: 30px; height: 30px; margin-left: 10px; - vertical-align: middle; /* Align icon vertically */ } - .contact-section { + width: 100%; + text-align: center; - margin: 15vh; - + margin: 15vh ; /* Center the margin */ + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; } .contact-image { - max-width: 20%; + width: 120px; height: auto; /* Maintain aspect ratio */ border-radius: 8px; /* Optional: for rounded corners */ opacity: 0.7; } -.contact-text{ +.contact-text { margin: 50px; - font-size: 40px; + font-size: 3vw; /* Responsive font size */ } - .contact-button { width: 200px; - height: 60px; + height: auto; margin-top: 20px; - padding: 10px 20px; - font-size: 21px; + padding: 15px 20px; + font-size: 10px; /* Responsive font size */ letter-spacing: 2px; color: #ffffff; /* Change as per your theme */ background-color: #2c2c2c; /* Change as per your theme */ @@ -105,5 +108,200 @@ } .contact-button:hover { - background-color: #005bb5; /* Darker shade for hover effect */ + /* Darker shade for hover effect */ +} + +/* Media Queries */ +@media (max-width: 950px) { + .faq-question { + width: 80vw; /* Full width on smaller screens */ + font-size: 1.2rem; /* Adjust font size */ + padding: 25px; /* Adjust padding */ + } + + .faq-answer { + width: 80vw; /* Full width on smaller screens */ + font-size: 1.2rem; /* Adjust font size */ + padding: 25px; + /* Adjust font size */ + } + + + + .contact-text { + font-size: 1.2rem; /* Responsive font size */ + } + + .contact-button { + font-size: 12px; /* Adjust font size */ + } + + .contact-section { + width: 100%; + + text-align: center; + margin: 15vh; /* Center the margin */ + } +} + +@media (max-width: 700px) { + .faq-question { + font-size: 1rem; /* Further decrease font size */ + } + + .faq-answer { + font-size: 1rem; /* Adjust font size */ + } + + .contact-section { + width: fit-content; + + text-align: center; + margin: 15vh ; /* Center the margin */ + } + + .contact-text { + font-size: 1.5rem; /* Responsive font size */ + } + + .contact-button { + font-size: 10px; /* Adjust font size */ + } +} + +@media (max-width: 500px) { + .faq-heading { + font-size: 1.5rem; /* Further responsive heading */ + } + + .faq-question { + + font-size: 0.9rem; /* Further decrease font size */ + } + + .faq-answer { + font-size: 0.9rem; /* Further decrease font size */ + } + + .contact-section { + width: fit-content; + + text-align: center; + margin: 15vh ; /* Center the margin */ + } + + .contact-text { + font-size: 1.8rem; /* Adjust font size */ + } + + .contact-button { + font-size: 9px; /* Adjust font size */ + } +} + +@media (max-width: 375px) { + .faq-heading { + font-size: 1.2rem; /* Decrease heading size for very small screens */ + } + + .faq-question { + + padding: 15px; /* Reduce padding */ + } + + .faq-answer { + font-size: 0.9rem; /* Further decrease font size */ + } + + .contact-section { + width: fit-content; + + text-align: center; + margin: 15vh ; /* Center the margin */ + } + + .contact-text { + font-size: 1.8rem; /* Adjust font size */ + } + + .contact-image { + width: 50%; + height: auto; /* Maintain aspect ratio */ + border-radius: 8px; /* Optional: for rounded corners */ + opacity: 0.7; + } + + + .contact-button { + width: 100%; /* Make button full width */ + font-size: 8px; /* Adjust font size */ + padding: 10px 0; /* Adjust padding */ + } +} + +@media (max-width: 320px) { + .faq-heading { + width: 100%; + font-size: 1.1rem; /* Even smaller heading size */ + } + + .faq-question { + + font-size: 0.8rem; /* Further decrease font size */ + } + + .faq-answer { + font-size: 0.8rem; /* Further decrease font size */ + } + .contact-section { + width: fit-content; + + text-align: center; + margin: 15vh ; /* Center the margin */ + } + + .contact-text { + font-size: 1.2rem; /* Adjust font size */ + } + + .contact-button { + width: 100%; + font-size: 7px; /* Adjust font size */ + } + + +} + +@media (max-width: 185px) { + .faq-heading { + font-size: 0.8rem; /* Even smaller heading size */ + } + + .faq-question { + width: fit-content; + font-size: 0.8rem; /* Further decrease font size */ + } + + .faq-answer { + width: fit-content; + font-size: 0.8rem; /* Further decrease font size */ + } + + .contact-section { + width: fit-content; + + text-align: center; + margin: 15vh ; /* Center the margin */ + } + + .contact-text { + font-size: 0.8rem; /* Adjust font size */ + } + + .contact-button { + width: 100%; + font-size: 7px; /* Adjust font size */ + } + + } diff --git a/src/components/ui/FAQ.tsx b/src/components/ui/FAQ.tsx index 0c2d664..2caf6b9 100644 --- a/src/components/ui/FAQ.tsx +++ b/src/components/ui/FAQ.tsx @@ -3,7 +3,7 @@ import React, { useState } from 'react'; import styles from './FAQ.module.css'; import Image from 'next/image'; -import contactImage from '/public/question.png'; +import contactImage from '/public/chat.svg'; import plusIcon from '/public/add.png'; // Update the path to your icon import minusIcon from '/public/minus.png'; // Update the path to your icon From 13dd2af1d82bcf76d041775afb2912ea1d4bb6aa Mon Sep 17 00:00:00 2001 From: Samyak Aditya <91079592+samyak-aditya@users.noreply.github.com> Date: Sun, 6 Oct 2024 01:58:44 +0530 Subject: [PATCH 5/5] styling faq component --- src/components/ui/FAQ.module.css | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/src/components/ui/FAQ.module.css b/src/components/ui/FAQ.module.css index 02cdcdf..d66de2d 100644 --- a/src/components/ui/FAQ.module.css +++ b/src/components/ui/FAQ.module.css @@ -32,12 +32,12 @@ background-color: #e4e4e4; height: auto; color: rgb(75, 75, 75); - padding: 35px; + padding: 25px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; - font-size: 1.5rem; /* Responsive font size */ + font-size: 1.4rem; /* Responsive font size */ font-weight: 700; margin-top: 50px; border-radius: 5px; @@ -45,7 +45,7 @@ .faq-answer { width: 40vw; - padding: 25px; + padding: 20px; background-color: #f1f1f1; color: rgb(75, 75, 75); max-height: 0; /* Start hidden */ @@ -53,7 +53,7 @@ transition: max-height 1s ease-in-out; /* Smooth transition */ justify-content: space-between; align-items: center; - font-size: 1.4rem; /* Responsive font size */ + font-size: 1.3rem; /* Responsive font size */ font-weight: 700; line-height: 1.5; } @@ -93,11 +93,11 @@ } .contact-button { - width: 200px; + width: 250px; height: auto; margin-top: 20px; - padding: 15px 20px; - font-size: 10px; /* Responsive font size */ + padding: 20px; + font-size: 30px; /* Responsive font size */ letter-spacing: 2px; color: #ffffff; /* Change as per your theme */ background-color: #2c2c2c; /* Change as per your theme */