From 086594974faf940c86f6342947329a0b071dfaba Mon Sep 17 00:00:00 2001 From: MIGHTY1o1 Date: Sun, 27 Oct 2024 02:51:59 +0530 Subject: [PATCH 1/3] add who and how to apply pages --- src/app/(pages)/how-apply/page.jsx | 154 ++++++++++++++++++++++++++++ src/app/(pages)/who-apply/page.jsx | 155 +++++++++++++++++++++++++++++ 2 files changed, 309 insertions(+) create mode 100644 src/app/(pages)/how-apply/page.jsx create mode 100644 src/app/(pages)/who-apply/page.jsx diff --git a/src/app/(pages)/how-apply/page.jsx b/src/app/(pages)/how-apply/page.jsx new file mode 100644 index 0000000..e56639f --- /dev/null +++ b/src/app/(pages)/how-apply/page.jsx @@ -0,0 +1,154 @@ +import React from 'react'; +import { FileText, ClipboardCheck, Mail, Users, CheckCircle } from 'lucide-react'; + +// Header Section with a Simple Gradient Background +const Header = () => { + return ( +
+
+
+
+

How to Apply

+

+ Follow these simple steps to apply and join the Google Developer Groups community as an organizer. Empower and connect developers in your area. +

+
+
+ ); +}; + +// Step-by-Step Process Section with Timeline Style +const ApplicationProcess = () => { + const steps = [ + { + icon: , + title: "Step 1: Review Guidelines", + description: "Read through the Community Organizer Code of Conduct and Terms & Conditions to understand the responsibilities and expectations of an organizer.", + }, + { + icon: , + title: "Step 2: Check GDG Directory", + description: "Explore the GDG Directory to see if a chapter already exists in your location. This will help determine if you should apply as a co-organizer or start a new chapter.", + }, + { + icon: , + title: "Step 3: Connect with Existing Organizers", + description: "If a GDG chapter exists, reach out to current organizers to discuss how you can contribute as a co-organizer and support their events.", + }, + { + icon: , + title: "Step 4: Submit Your Application", + description: "If no chapter exists in your area, submit an application on the GDG platform. Provide details about your experience and your vision for the community.", + }, + { + icon: , + title: "Step 5: Await Approval", + description: "Our team will review your application. If you meet the requirements, we will reach out to you for the next steps. Expect communication via email.", + }, + ]; + + return ( +
+

Application Process

+
+ {steps.map((step, index) => ( +
+
+ {step.icon} +
+
+

{step.title}

+

{step.description}

+
+
+ ))} +
+
+ ); +}; + +// Tips for a Successful Application Section +const Tips = () => { + const tips = [ + { + title: "Show Your Passion", + description: "Highlight your interest in community building and your passion for Google technologies.", + }, + { + title: "Emphasize Relevant Experience", + description: "Include any experience with event planning, public speaking, or leadership roles.", + }, + { + title: "Be Clear About Your Vision", + description: "Describe how you plan to foster a supportive and engaging developer community in your area.", + }, + { + title: "Commit to Regular Events", + description: "Demonstrate your commitment to organizing consistent and impactful events for your community.", + }, + ]; + + return ( +
+

Tips for a Successful Application

+
+ {tips.map((tip, index) => ( +
+

{tip.title}

+

{tip.description}

+
+ ))} +
+
+ ); +}; + +// FAQ Section with Accordion Style for Compact View +const FAQ = () => { + const faqs = [ + { + question: "Can I apply if I'm not a technical expert?", + answer: "Yes! While a technical background is helpful, what’s most important is your commitment to building a community and your passion for technology.", + }, + { + question: "Is there any financial support for organizers?", + answer: "GDG Organizers gain access to resources and support from Google but do not receive direct financial compensation. This is a volunteer role.", + }, + { + question: "How long does the application process take?", + answer: "The review process can vary, but typically it takes a few weeks. Our team will reach out if your application is selected for the next steps.", + }, + { + question: "Can I apply if a GDG chapter already exists in my location?", + answer: "Yes! You can reach out to the existing chapter to explore becoming a co-organizer and helping to run events in the community.", + }, + ]; + + return ( +
+

Frequently Asked Questions

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

{faq.question}

+

{faq.answer}

+
+ ))} +
+
+ ); +}; + +// Main How to Apply Page Component +const HowToApplyPage = () => { + return ( +
+
+ + + +
+ ); +}; + +export default HowToApplyPage; \ No newline at end of file diff --git a/src/app/(pages)/who-apply/page.jsx b/src/app/(pages)/who-apply/page.jsx new file mode 100644 index 0000000..db124c0 --- /dev/null +++ b/src/app/(pages)/who-apply/page.jsx @@ -0,0 +1,155 @@ +import React from 'react'; +import { CheckCircle, FileText, Users } from 'lucide-react'; + +// Header with Soft Background and Floating Style +const Header = () => { + return ( +
+
+
+
+

Who Can Apply

+

+ Learn about the qualifications needed to become a Google Developer Group Organizer and join a global community of passionate developers. +

+
+
+ ); +}; + +// Creative Requirements Section with Card-Based Layout +const Requirements = () => { + const requirements = [ + { icon: , title: "18+ Age", description: "Applicants must be over 18 years old." }, + { icon: , title: "Interest in Google Technologies", description: "A genuine interest in Google technologies and a desire to share knowledge." }, + { icon: , title: "Community Experience", description: "Experience with community building or event planning is valued." }, + { icon: , title: "Technical Background", description: "A technical background is essential for understanding developer needs." }, + ]; + + return ( +
+

Basic Requirements

+
+ {requirements.map((req, index) => ( +
+
{req.icon}
+

{req.title}

+

{req.description}

+
+ ))} +
+
+ ); +}; + +// Steps to Apply Section with Vertical Timeline +const HowToApply = () => { + const steps = [ + "Review the Community Organizer Code of Conduct and Terms & Conditions.", + "Check the GDG Directory to find if there’s an existing chapter in your location.", + "If there’s a GDG chapter, connect with current organizers to discuss your role.", + "If no chapter exists, submit an application on the GDG platform.", + "Allow time for processing. We will reach out if your application is selected.", + ]; + + return ( +
+

How to Apply

+
+ {steps.map((step, index) => ( +
+ {index + 1} +

{step}

+
+ ))} +
+
+ ); +}; + +// Perks Section with Large Icon Cards +const Perks = () => { + const perks = [ + { + title: "Professional Growth", + description: "Access to event planning resources, community management training, and Google Developer events.", + iconColor: "bg-blue-500", + }, + { + title: "Network Expansion", + description: "Connect with developers, mentors, and industry experts globally to exchange knowledge.", + iconColor: "bg-green-500", + }, + { + title: "Community Impact", + description: "Lead a vibrant community, organizing events that inspire and educate local talent.", + iconColor: "bg-red-500", + }, + ]; + + return ( +
+

Perks of Being an Organizer

+
+ {perks.map((perk, index) => ( +
+
{perk.title[0]}
+

{perk.title}

+

{perk.description}

+
+ ))} +
+
+ ); +}; + +// FAQ Section with Accordion Style +const FAQ = () => { + const faqs = [ + { + question: "What qualifications do I need to become an organizer?", + answer: "A technical background and community event experience are essential. A passion for sharing knowledge is also important.", + }, + { + question: "Is this a paid position?", + answer: "The GDG Organizer role is voluntary, but organizers gain access to resources, networking, and exclusive events.", + }, + { + question: "How much time is expected from organizers?", + answer: "Organizers are expected to host regular events and actively engage with the community. Time commitment may vary.", + }, + { + question: "Can I co-organize a chapter with someone else?", + answer: "Yes, GDG chapters often have multiple organizers to share responsibilities and provide diverse skills to the community.", + }, + ]; + + return ( +
+

Frequently Asked Questions

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

{faq.question}

+

{faq.answer}

+
+ ))} +
+
+ ); +}; + +// Main Page Component +const WhoCanApplyPage = () => { + return ( +
+
+ + + + +
+ ); +}; + +export default WhoCanApplyPage; From 3c4cb2d39ee96317b2000af4bdade5c9dd6870c0 Mon Sep 17 00:00:00 2001 From: MIGHTY1o1 Date: Sun, 27 Oct 2024 03:11:45 +0530 Subject: [PATCH 2/3] fix, update --- src/components/Global/Footer.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Global/Footer.jsx b/src/components/Global/Footer.jsx index d909d2e..580ad1c 100644 --- a/src/components/Global/Footer.jsx +++ b/src/components/Global/Footer.jsx @@ -264,4 +264,4 @@ const SocialLink = ({ href, icon }) => ( ); -export default Footer; +export default Footer; \ No newline at end of file From 8ddd938570c8436eb207087a238b434bb3ef99e4 Mon Sep 17 00:00:00 2001 From: Shubh Agarwal <105449260+shubhagarwal1@users.noreply.github.com> Date: Sun, 27 Oct 2024 03:29:04 +0530 Subject: [PATCH 3/3] Update Footer.jsx --- src/components/Global/Footer.jsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/Global/Footer.jsx b/src/components/Global/Footer.jsx index 580ad1c..d909d2e 100644 --- a/src/components/Global/Footer.jsx +++ b/src/components/Global/Footer.jsx @@ -264,4 +264,4 @@ const SocialLink = ({ href, icon }) => ( ); -export default Footer; \ No newline at end of file +export default Footer;