diff --git a/README.md b/README.md index 216a7e8..8c122b9 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,9 @@ [![Starware](https://img.shields.io/badge/Starware-⭐-black?labelColor=f9b00d)](https://github.com/zepfietje/starware) + [![All Contributors](https://img.shields.io/badge/all_contributors-4-orange.svg?style=flat-square)](#contributors-) + [![Contributors][contributors-shield]][contributors-url] @@ -66,14 +68,14 @@ The UI components are built using [Shadcn/UI](https://shadcn-ui.vercel.app/). Following technologies and libraries are used for the development of this website -- [React](https://reactjs.org/) -- [Vite](https://vitejs.dev/) -- [Tailwind CSS](https://tailwindcss.com/) -- [Shadcn/UI](https://shadcn-ui.vercel.app/) -- [Cloudflare](https://www.cloudflare.com/) -- [Redux](https://redux.js.org/) -- [Firebase](https://firebase.google.com/) -- [Netlify](https://www.netlify.com/) +- [React](https://reactjs.org/) +- [Vite](https://vitejs.dev/) +- [Tailwind CSS](https://tailwindcss.com/) +- [Shadcn/UI](https://shadcn-ui.vercel.app/) +- [Cloudflare](https://www.cloudflare.com/) +- [Redux](https://redux.js.org/) +- [Firebase](https://firebase.google.com/) +- [Netlify](https://www.netlify.com/) ## Getting Started @@ -81,36 +83,35 @@ To setup the project locally the steps below. ### Prerequisites -- [Node.js](https://nodejs.org/en/download/) - - ```sh - # homebrew - brew install nodejs +- [Node.js](https://nodejs.org/en/download/) - # sudo apt (Debian based systems) - sudo apt install nodejs + ```sh + # homebrew + brew install nodejs - # pacman (Arch Linux) - pacman -S nodejs + # sudo apt (Debian based systems) + sudo apt install nodejs - # module Install (Fedora) - dnf module install nodejs: # stream is the version + # pacman (Arch Linux) + pacman -S nodejs - # yum (CentOS, Red Hat) - yum install nodejs + # module Install (Fedora) + dnf module install nodejs: # stream is the version - # windows (chocolatey) - choco install nodejs + # yum (CentOS, Red Hat) + yum install nodejs - ``` + # windows (chocolatey) + choco install nodejs -- [PNPM](https://pnpm.io/installation) -> [!NOTE] -> Best way to install it is using `corepack`. It is recommended to use pnpm as the package manager for this project. It is faster and more efficient than npm and yarn. + ``` +- [PNPM](https://pnpm.io/installation) + > [!NOTE] + > Best way to install it is using `corepack`. It is recommended to use pnpm as the package manager for this project. It is faster and more efficient than npm and yarn. -- [Git](https://git-scm.com/downloads) +- [Git](https://git-scm.com/downloads) ```sh # homebrew @@ -139,11 +140,11 @@ Our Slack Community: [Slack Invite](http://bit.ly/NITRDevs)
Please refer to the project's style and contribution guidelines for submitting patches and additions. In general, we follow the "fork-and-pull" Git workflow. -1. **Fork** the repo on GitHub -2. **Clone** the project to your local system -3. **Commit** changes to your own separate branch -4. **Push** your work back up to your fork -5. Submit a **Pull request** so that we can review your changes +1. **Fork** the repo on GitHub +2. **Clone** the project to your local system +3. **Commit** changes to your own separate branch +4. **Push** your work back up to your fork +5. Submit a **Pull request** so that we can review your changes NOTE 1: Please abide by the [Contributing Guidelines](https://github.com/dscnitrourkela/project-unagi/blob/master/CONTRIBUTING.md). @@ -178,7 +179,6 @@ pnpm dlx shadcn-ui@latest add ``` - #### Adding/Removing Dependencies Following are the commands to remove/add new dependencies using yarn @@ -243,4 +243,4 @@ Your appreciation makes us grow and glow up. ⭐ - \ No newline at end of file + diff --git a/package.json b/package.json index 20fba8d..5eaf57b 100644 --- a/package.json +++ b/package.json @@ -20,7 +20,7 @@ "react": "^18.2.0", "react-dom": "^18.2.0", "react-router-dom": "^6.21.3", - "tailwind-merge": "^2.2.1" + "tailwind-merge": "^2.2.2" }, "devDependencies": { "@types/react": "^18.2.55", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 3109727..2f66774 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -30,8 +30,8 @@ dependencies: specifier: ^6.21.3 version: 6.21.3(react-dom@18.2.0)(react@18.2.0) tailwind-merge: - specifier: ^2.2.1 - version: 2.2.1 + specifier: ^2.2.2 + version: 2.2.2 devDependencies: '@types/react': @@ -86,8 +86,8 @@ packages: engines: {node: '>=10'} dev: true - /@babel/runtime@7.23.9: - resolution: {integrity: sha512-0CX6F+BI2s9dkUqr08KFrAIZgNFj75rdBU/DjCyYLIaV/quFjkk6T+EJ2LkZHyZTbEV4L5p97mNkUsHl2wLFAw==} + /@babel/runtime@7.24.0: + resolution: {integrity: sha512-Chk32uHMg6TnQdvw2e9IlqPpFX/6NLuK0Ys2PqLb7/gL5uFn9mXvK715FGLlOLQrcO4qIkNHkvPGktzzXexsFw==} engines: {node: '>=6.9.0'} dependencies: regenerator-runtime: 0.14.1 @@ -2852,10 +2852,10 @@ packages: engines: {node: '>= 0.4'} dev: true - /tailwind-merge@2.2.1: - resolution: {integrity: sha512-o+2GTLkthfa5YUt4JxPfzMIpQzZ3adD1vLVkvKE1Twl9UAhGsEbIZhHHZVRttyW177S8PDJI3bTQNaebyofK3Q==} + /tailwind-merge@2.2.2: + resolution: {integrity: sha512-tWANXsnmJzgw6mQ07nE3aCDkCK4QdT3ThPMCzawoYA2Pws7vSTCvz3Vrjg61jVUGfFZPJzxEP+NimbcW+EdaDw==} dependencies: - '@babel/runtime': 7.23.9 + '@babel/runtime': 7.24.0 dev: false /tailwindcss@3.4.1: diff --git a/src/components/FaqSection/faq.jsx b/src/components/FaqSection/faq.jsx new file mode 100644 index 0000000..c49476a --- /dev/null +++ b/src/components/FaqSection/faq.jsx @@ -0,0 +1,50 @@ +import faqData from '../../config/content/faqData.js'; +import { PersonalizedText, Heading, Paragraph } from '../shared/index.js'; + +function FAQ() { + const Header1 = faqData.Header1; + const Header2 = faqData.Header2; + + return ( +
+
+ + {Header1} + + {Header2} +
+
+ {faqData.questions.map(({ id, question, answer }) => ( +
+
+ {faqData.img.alt} + {question} +
+ {answer instanceof Array ? ( +
    + {answer.map(({ key, content, bulleted }) => ( +
  • + {content} +
    • + ))} +
+ ) : ( + + {answer} + + )} +
+ ))} +
+
+ ); +} + +export default FAQ; diff --git a/src/config/content/faqData.js b/src/config/content/faqData.js new file mode 100644 index 0000000..5ec5da0 --- /dev/null +++ b/src/config/content/faqData.js @@ -0,0 +1,186 @@ +export default { + id: 'faq', + Header1: 'FAQs', + Header2: 'You got questions & we got you', + img: { + src: 'https://res.cloudinary.com/dv1src8un/image/upload/v1710406763/star_l1eniz.png', + alt: 'Star', + }, + questions: [ + { + id: 1, + question: 'What is the process to register and attend the Silver Jubilee reunion?', + answer: [ + { + key: 1, + bulleted: true, + content: `You can register for the event by clicking on "Register Now" button on top of the page.`, + }, + ], + }, + { + id: 2, + question: "How Can I Avail 'Early Bird Offer' While Registering?", + answer: [ + { + key: 1, + bulleted: true, + content: 'Please register before June 30th to take advantage of our Rs 3000 early bird discount.', + }, + ], + }, + { + id: 3, + question: 'Can I Attend The Reunion Along With My Family?', + answer: [ + { + key: 1, + bulleted: true, + content: 'We encourage you to participate in the 1999 Silver Jubilee Reunion with family members', + }, + ], + }, + { + id: 4, + question: 'What does the registration fee cover?', + answer: [ + { + key: 1, + bulleted: true, + content: + 'Registration kit (Lanyard with name tag, ID card for college visit, goodies bag, Silver Jubilee schedule, etc)', + }, + { + key: 2, + bulleted: true, + content: 'Transportation and logistics (Dec 23rd through Dec 25th - To and from Venue/hotel)', + }, + { + key: 3, + bulleted: true, + content: 'Food and non-alcoholic beverages (Dec 23rd evening through Dec 25th lunch)', + }, + { + key: 4, + bulleted: true, + content: 'Cultural activities', + }, + { + key: 5, + bulleted: true, + content: 'Souvenirs, gifts, and other memorabilia', + }, + { + key: 6, + bulleted: true, + content: 'Stage setup, Photography, Party Hall rental, Music systems, Orchestra, etc', + }, + { + key: 7, + bulleted: false, + content: 'The fee does not include accommodation and transportation cost to Rourkela.', + }, + ], + }, + { + id: 5, + question: 'I am attending the reunion but my family is undecided. Can I pay now and add family later?', + answer: [ + { + key: 1, + bulleted: true, + content: 'You can register for your family at a later date.', + }, + ], + }, + { + id: 6, + question: 'I have registered and paid the fees, but my plans have \n' + 'changed now. Can I get a refund?', + answer: [ + { + key: 1, + bulleted: true, + content: + 'We understand that plans do change, and you may have to miss all of us getting together after 25 years. The registration fee is refundable if you cancel by September 30th 2023.', + }, + ], + }, + { + id: 7, + question: 'How does our reunion registration fee compare to reunions of previous batches?', + answer: [ + { + key: 1, + bulleted: true, + content: + 'We intend to organize the Silver Jubilee at a reasonable cost. Registration fee for Reunions held in December 2022 ranged from Rs 20,000 to Rs 30,000. We have taken a number of steps to decrease the operational expenses such as limiting it to a two-day event, soliciting our batchmates to help in volunteering (eg: creating Silver Jubilee website).', + }, + ], + }, + { + id: 8, + question: 'I want to help. How can I volunteer?', + answer: [ + { + key: 1, + bulleted: true, + content: + 'We certainly need volunteers to make this reunion a success. If you would like to volunteer, please send an email to RECRourkela1998@gmail.com.', + }, + ], + }, + { + id: 9, + question: 'What do I need to do about accommodation?', + answer: [ + { + key: 1, + bulleted: true, + content: 'We are negotiating rates with the list of hotels available in Rourkela:', + }, + { + key: 2, + bulleted: false, + content: '1) Radhika Regency', + }, + { + key: 3, + bulleted: false, + content: '2) Central Park', + }, + { + key: 4, + bulleted: false, + content: '3) Brindaban', + }, + { + key: 5, + bulleted: false, + content: '4) Deepti Courtyard', + }, + { + key: 6, + bulleted: false, + content: '5) Regency Inn', + }, + { + key: 8, + bulleted: false, + content: + 'Please stay tuned for further updates. We will also share with you list of friends willing to share hotel rooms.', + }, + ], + }, + { + id: 10, + question: 'What do I need to do for transportation in Rourkela during the event days?', + answer: [ + { + key: 1, + bulleted: true, + content: 'We are making arrangements for local transportation from the hotel to event location and return.', + }, + ], + }, + ], +}; diff --git a/src/pages/playground.jsx b/src/pages/playground.jsx index 25e0ced..a6d0c87 100644 --- a/src/pages/playground.jsx +++ b/src/pages/playground.jsx @@ -1,4 +1,4 @@ -import { Heading, HeroText, Paragraph, PersonalizedText, Text } from '../components/shared'; +import FAQ from '../components/FaqSection/faq.jsx'; import Footer from '../components/shared/marginals/footer.jsx'; import AboutUs from '../components/AboutUs.jsx'; import NavBar from '../components/shared/NavBar'; @@ -7,32 +7,8 @@ export default function Playground() { return ( <> -
- Hero Text - Personalized Text - Heading 1 - Heading 2 - Heading 3 - Paragraph body1 - Paragraph body2 - Paragraph body3 - Text button - Text nav - Text navButton - Text footer - - - Colors - -
    -
  • Primary
    • -
  • Primary Foreground
    • -
  • Primary Yellow
    • -
  • Black
    • -
  • Black Foreground
    • -
-
+