From 1f2b443cddd2f142b7936eb36315558d1fdcf231 Mon Sep 17 00:00:00 2001 From: MIGHTY1o1 Date: Sun, 27 Oct 2024 23:01:14 +0530 Subject: [PATCH] add help page --- src/app/(pages)/helpCenter/page.jsx | 139 +++++++++++++++++++ src/app/(pages)/participation-terms/page.jsx | 78 +++++++++++ 2 files changed, 217 insertions(+) create mode 100644 src/app/(pages)/helpCenter/page.jsx create mode 100644 src/app/(pages)/participation-terms/page.jsx diff --git a/src/app/(pages)/helpCenter/page.jsx b/src/app/(pages)/helpCenter/page.jsx new file mode 100644 index 0000000..206e38c --- /dev/null +++ b/src/app/(pages)/helpCenter/page.jsx @@ -0,0 +1,139 @@ +"use client"; +import React, { useState } from 'react'; +import { Search, Mail, Phone, ChevronDown, ChevronUp } from 'lucide-react'; + +// Header Section with Search Bar and Decorative Elements +const Header = () => { + return ( +
+

Help Center

+

+ Find answers to common questions or get in touch for further assistance. +

+
+ + +
+
+ ); +}; + +// FAQ Section with Toggle Effect and Expand/Collapse Functionality +const FAQ = () => { + const [openIndex, setOpenIndex] = useState(null); + + const faqs = [ + { question: "How can I reset my password?", answer: "To reset your password, go to the login page and click on 'Forgot password'. Follow the instructions to receive a password reset link in your email." }, + { question: "How do I update my profile information?", answer: "To update your profile, navigate to your account settings, and edit your profile information as needed." }, + { question: "What should I do if I encounter an error?", answer: "If you encounter an error, try refreshing the page. If the issue persists, reach out to our support team." }, + { question: "How do I contact customer support?", answer: "You can contact customer support via email at support@example.com or by calling our support number." }, + ]; + + const toggleFAQ = (index) => { + setOpenIndex(openIndex === index ? null : index); + }; + + return ( +
+

Frequently Asked Questions

+
+ {faqs.map((faq, index) => ( +
toggleFAQ(index)} + > +
+

{faq.question}

+ + {openIndex === index ? : } + +
+ {openIndex === index && ( +

{faq.answer}

+ )} +
+ ))} +
+
+ ); +}; + +// Resources Section with Card Links and Icons +const Resources = () => { + const resources = [ + { title: "Account & Settings", description: "Manage your account settings and update personal information.", link: "#", icon: "πŸ”" }, + { title: "Billing & Payments", description: "Learn about billing options and payment methods.", link: "#", icon: "πŸ’³" }, + { title: "Privacy & Security", description: "Find out how we protect your data and privacy.", link: "#", icon: "πŸ”’" }, + { title: "Troubleshooting", description: "Get solutions to common issues and find troubleshooting answers.", link: "#", icon: "πŸ”§" }, + ]; + + return ( +
+

Resources

+
+ {resources.map((resource, index) => ( +
+ {resource.icon} +

{resource.title}

+

{resource.description}

+ + Learn More + +
+ ))} +
+
+ ); +}; + +// Contact Support Section with Contact Cards and Icons +const ContactSupport = () => { + return ( +
+

Need More Help?

+

+ If you can't find the answer you're looking for, feel free to contact our support team. +

+
+
+ +
+

Email Us

+

support@example.com

+
+
+
+ +
+

Call Us

+

1-800-123-4567

+
+
+
+
+ ); +}; + +// Main Help Center Page Component +const HelpCenterPage = () => { + return ( +
+
+ + + +
+ ); +}; + +export default HelpCenterPage; diff --git a/src/app/(pages)/participation-terms/page.jsx b/src/app/(pages)/participation-terms/page.jsx new file mode 100644 index 0000000..fd768ba --- /dev/null +++ b/src/app/(pages)/participation-terms/page.jsx @@ -0,0 +1,78 @@ +import React from 'react'; + +// Terms Content Section +const TermsContent = () => ( +
+

GDG Event Participation Terms

+

+ Welcome to the Google Developer Group program site. Thanks for your interest in participating in a local GDG event. +

+

+ Please read these GDG Event Participation terms (the β€œTerms”) carefully because they are the agreement between you and Google. + By using or logging into gdg.community.dev (the β€œSite”) or participating in any GDG event you confirm that you understand and agree to these Terms. +

+

+ Google may change these Terms from time to time. Revised Terms will be posted to the Site. +

+ +

GDG Community Entities

+

+ Please note that GDG chapters and GDG events are not hosted, organized, or run by Google or its affiliates. GDG chapters and GDG events are run by independent + community organizers who are passionate about Google, our services and products. GDG community organizers are not agents or employees of Google and are not + compensated by Google. The views expressed by GDG community organizers (or expressed by any other GDG members) do not necessarily reflect the views of Google. +

+ +

Meeting Conduct

+

+ While GDG events have different purposes, all GDG organizers, GDG chapter members and attendees should maintain a friendly, safe, supportive and harassment-free environment + and follow posted and/or applicable event guidelines, including the global community code of conduct. +

+

+ Unacceptable behavior will not be tolerated. Anyone engaged in unacceptable behavior may be exited from the GDG(s), Site(s) or resources, including future event participation. + Unacceptable behavior may also result in prohibition from registering for or attending future GDG events. +

+ +

Assumption of Risk

+

+ Your participation in and attendance of a GDG event or any related activities is completely voluntary. To the maximum extent permitted under applicable law, you accept and + assume all risks of any and all personal injury or damage to your personal property that you may face while attending a GDG event or related activities, and waive any claims + against Google relating to such risks. +

+ +

Photo, Video and Other Media

+

+ GDG organizers, members, other GDG event attendees and/or Google may photograph, record (both audio and video), webcast, podcast during a GDG event. Your image, likeness, + voice, statements and other identifying characteristics may be captured and transmitted as a result. By attending and participating in a GDG event where such recording + is taking place, as well as agreeing to these Terms, you authorize the recording and agree that Google may use such recorded content for any purpose without compensation + to you. +

+ +

Email Settings

+

+ By joining a GDG event you may receive service-related emails regarding your participation in the GDG event, the GDG program and related activities from Google. +

+

+ You can unsubscribe from emails sent by a GDG chapter at any time by navigating to your GDG Member profile on the Site and adjusting your Updates settings or by using + the opt-out mechanism in the footer of the GDG chapter email. If you unsubscribe from GDG chapter emails you may still receive emails for GDG events in which you agree to participate. +

+ +

Data Processing

+

+ By submitting your data on the Site at gdg.community.dev, you agree to have your event RSVP information collected by Google to share with local GDG organizers for the purpose + of administering each GDG event. Google will use any information that you provide in connection with the GDG program in accordance with Google's Privacy Policy. +

+ +

These Terms were last updated on June 12, 2020.

+
+); + +// Main GDG Event Participation Terms Page Component +const GDGEventParticipationTermsPage = () => { + return ( +
+ +
+ ); +}; + +export default GDGEventParticipationTermsPage;