From e2a7af88134f275764ce88dbb9810be3b782ea50 Mon Sep 17 00:00:00 2001 From: kumarshubhh Date: Sat, 7 Jun 2025 16:36:13 +0530 Subject: [PATCH 1/9] =?UTF-8?q?=F0=9F=94=97=20Added=20social=20media=20lin?= =?UTF-8?q?ks=20to=20footer=20section?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/page.js | 97 ++++++++++++++++++++++++++++++++--------------------- 1 file changed, 59 insertions(+), 38 deletions(-) diff --git a/app/page.js b/app/page.js index 4f4498a..5c4f921 100644 --- a/app/page.js +++ b/app/page.js @@ -1084,44 +1084,65 @@ participant placements. Contact Us -
- - Background - Icon - - - Background - Icon - - - Background - Icon - -
+
+ {/* LinkedIn */} + + Background + LinkedIn Icon + + + {/* Twitter/X */} + + Background + Twitter Icon + + + {/* Instagram */} + + Background + Instagram Icon + +
+ ); From 16678b20f831894caa2c5c9bb9e46b33444b077c Mon Sep 17 00:00:00 2001 From: kumarshubhh Date: Sat, 14 Jun 2025 17:17:41 +0530 Subject: [PATCH 2/9] =?UTF-8?q?=E2=9C=A8=20Added=20interactive=20FAQ=20sec?= =?UTF-8?q?tion=20for=20GSSoC=20'25?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/faqs/page.jsx | 227 ++++++++++++++++++++++++++++++++++++++++++++++ app/page.js | 12 +++ package-lock.json | 39 +++++--- package.json | 3 +- 4 files changed, 267 insertions(+), 14 deletions(-) create mode 100644 app/faqs/page.jsx diff --git a/app/faqs/page.jsx b/app/faqs/page.jsx new file mode 100644 index 0000000..c1b1556 --- /dev/null +++ b/app/faqs/page.jsx @@ -0,0 +1,227 @@ +"use client"; + +import { useState } from 'react'; +import { motion, AnimatePresence } from 'framer-motion'; +import { ChevronDown } from 'lucide-react'; + + +const faqs = [ + { + question: "When will the registration begin? Where and how to apply?", + answer: "We will soon release the registration details so stay tuned!! Follow GSSoC LinkedIn and Discord for timely updates." + }, + { + question: "Can a person participate as both contributor and project admin?", + answer: "Campus Ambassadors can apply for any role. You cannot apply for a contributor if you’re selected for the role of Project Admin or Mentor." + }, + { + question: "What are the requirements to qualify for GSSoC?", + answer: "We have some categories and based on that rubric (to be shared with selected candidates), contributors will be provided with perks." + }, + { + question: "When will you release the GSSoC date?", + answer: "The timeline will be released soon. Stay tuned to our official platforms." + }, + { + question: "How to participate and what is the procedure?", + answer: "Register once the link is live. After selection, choose projects and start contributing under mentor guidance." + }, + { + question: "I'm a beginner to open source, can I participate in GSSOC?", + answer: "Absolutely! GSSoC is beginner-friendly and a great way to get started in open source." + }, + { + question: "How many projects will be there? Am I selected for contribution?", + answer: "Number of projects will be announced later. Selection depends on form responses and profile." + }, + { + question: "Can I propose a Spring Boot API project and also join as participant?", + answer: "Yes! We will soon release registration for Project Admins. Beginners are welcome." + }, + { + question: "What is the selection process for GSSoC 2025?", + answer: "Based on your registration form, enthusiasm, past work (if any), and responses." + }, + { + question: "Do prior experience or open source contributions matter?", + answer: "Not necessarily. Preferred, but not mandatory. Knowing basic tech like HTML, CSS, Python helps." + }, + { + question: "How can I apply as a contributor in GSSoC?", + answer: "Registration details will be shared soon. Apply through the official form." + }, + { + question: "I'm a beginner. I need a roadmap.", + answer: "Start by learning GitHub basics, explore HTML/CSS/JS or Python, and join our community." + }, + { + question: "Can we participate as both contributor and campus ambassador?", + answer: "Yes. Only constraint is Contributor can't be Project Admin or Mentor." + }, + { + question: "Can working professionals in non-tech background participate?", + answer: "Yes, GSSoC is open to all. If you're willing to learn, you can participate." + }, + { + question: "How are projects selected and maintained?", + answer: "Project Admins propose and maintain them. Mentors guide contributors." + }, + { + question: "What are your expectations from contributors?", + answer: "To be enthusiastic and willing to learn throughout the journey." + }, + { + question: "Is this project beginner-friendly?", + answer: "Most projects are. Skills required will be listed per project." + }, + { + question: "What tech stack should I know?", + answer: "Depends on the project. Generally HTML, CSS, JS, React, Python, etc." + }, + { + question: "What are the eligibility requirements?", + answer: "Full-time students for contributor/campus ambassador roles. Open for all for mentor/admin." + }, + { + question: "What does the program timeline look like?", + answer: "Starts with bonding, followed by contributions, evaluations, and final results." + }, + { + question: "How does mentorship work?", + answer: "Mentors guide contributors through issues, PRs, and project goals." + }, + { + question: "What’s the selection process like?", + answer: "Based on form, enthusiasm, and fit with program goals." + }, + { + question: "Are there internship opportunities after the program?", + answer: "Not officially, but contributors may receive LORs, swags, and networking." + }, + { + question: "Will there be a community platform?", + answer: "Yes. Discord and Telegram will be used for discussion and support." + }, + { + question: "How to become a mentor?", + answer: "Have relevant tech experience. Fill the mentor form when it’s live." + }, + { + question: "How much do we need to know to contribute?", + answer: "Basic development knowledge is helpful. Learn and build during GSSoC." + }, + { + question: "How to join GSSoC core team?", + answer: "Join other roles first and stay consistent. Core team roles are limited." + }, + { + question: "Is GSSoC open for professionals with 1-2 years of experience?", + answer: "Yes. All are welcome." + }, + { + question: "Is this same as GSoC?", + answer: "No. GSoC is by Google. GSSoC is by GirlScript Foundation." + }, + { + question: "Can anyone contribute?", + answer: "Yes! GSSoC welcomes everyone interested in open source." + }, + { + question: "Which organizations will participate?", + answer: "They will be listed on the official site." + }, + { + question: "What are the fields for contribution?", + answer: "Web Dev, ML, App Dev, APIs, Documentation, etc." + }, + { + question: "What are the perks and benefits for contributors?", + answer: "Top performers will receive certificates, swags, and LORs." + }, + { + question: "How to get selected for GSSoC?", + answer: "Fill the form sincerely. Show enthusiasm and basic understanding." + }, + { + question: "How to prepare for GSSoC 2025?", + answer: "Learn Git, coding basics, join Discord, and follow past projects." + }, + { + question: "Is BCA student eligible?", + answer: "Yes, full-time students are eligible." + }, + { + question: "What is the selection criteria?", + answer: "Form responses, enthusiasm, skill interest." + }, + { + question: "How to become a core contributor?", + answer: "Be consistent, helpful, and go beyond tasks. Engage post-GSSoC too." + }, + { + question: "I’m in 1st year and learning AI/ML. Can I contribute?", + answer: "Yes! Choose a matching project and get started." + } +]; + +export default function FaqSection() { + const [openIndex, setOpenIndex] = useState(null); + + const toggle = (index) => { + setOpenIndex(openIndex === index ? null : index); + }; + + return ( +
+ + 🙋 FAQs - GSSoC '25 + + +
+ {faqs.map((faq, index) => ( + toggle(index)} + > +
+

{faq.question}

+ + + +
+ + + {openIndex === index && ( + + {faq.answer} + + )} + + + ))} +
+
+ ); +} \ No newline at end of file diff --git a/app/page.js b/app/page.js index 5c4f921..ab675de 100644 --- a/app/page.js +++ b/app/page.js @@ -41,6 +41,8 @@ import { redirect } from "next/navigation"; import Testimonials from "@/components/Testimonials"; import PastSponsors from "@/components/PastSponsors"; +import Link from 'next/link'; + const containerVariants = { hidden: {}, show: { @@ -783,6 +785,15 @@ export default function Home() { */} + +
+ + + 🤔 View FAQs – GSSoC '25 + + +
+ */} + Date: Sun, 22 Jun 2025 21:18:37 +0530 Subject: [PATCH 3/9] Initial commit: Add updated FAQ section and contact footer --- app/apply/Leaderboard/page.jsx | 59 ++++ app/faqs/page.jsx | 535 ++++++++++++++++++++------------- app/page.js | 149 ++++++++- public/box-bg.svg | 1 + 4 files changed, 533 insertions(+), 211 deletions(-) create mode 100644 app/apply/Leaderboard/page.jsx create mode 100644 public/box-bg.svg diff --git a/app/apply/Leaderboard/page.jsx b/app/apply/Leaderboard/page.jsx new file mode 100644 index 0000000..d106348 --- /dev/null +++ b/app/apply/Leaderboard/page.jsx @@ -0,0 +1,59 @@ +"use client"; + +import { useEffect, useState } from "react"; +import { ShootingStars } from "@/components/shooting-stars"; +import { SparklesCore } from "@/components/sparkles"; +import { StarsBackground } from "@/components/stars-background"; + +export default function Leaderboard() { + const [data, setData] = useState([]); + + useEffect(() => { + setData([ + { name: "Alice", points: 120 }, + { name: "Bob", points: 110 }, + { name: "Charlie", points: 95 }, + ]); + }, []); + + return ( +
+ {/* ✅ Galaxy Background Effects */} +
+ + + + + + + + + + + +
+
+ + {/* ✅ Leaderboard Content */} +
+

+ 🏆 GSSoC '25 Leaderboard +

+ +
+ {data.map((user, index) => ( +
+ + {index + 1}. {user.name} + + {user.points} pts +
+ ))} +
+
+
+ ); +} diff --git a/app/faqs/page.jsx b/app/faqs/page.jsx index c1b1556..b5e9ff0 100644 --- a/app/faqs/page.jsx +++ b/app/faqs/page.jsx @@ -1,169 +1,193 @@ "use client"; -import { useState } from 'react'; -import { motion, AnimatePresence } from 'framer-motion'; -import { ChevronDown } from 'lucide-react'; +import { useState } from "react"; +import { motion, AnimatePresence } from "framer-motion"; +import { ChevronDown } from "lucide-react"; +import { ShootingStars } from "@/components/shooting-stars"; +import { StarsBackground } from "@/components/stars-background"; +import Image from "next/image"; +import twitter from "../../assets/twitter.svg"; +import linkedin from "../../assets/linkedin.svg"; +import instagram from "../../assets/instagram.svg"; +import iconbg from "../../assets/icon-bg.svg"; +import cardbg1 from "../../assets/box-bg.svg"; // use SVG/png background for soft effect +const containerVariants = { + hidden: { opacity: 0, y: 50 }, + show: { + opacity: 1, + y: 0, + transition: { + duration: 0.6, + ease: "easeOut", + }, + }, +}; const faqs = [ { - question: "When will the registration begin? Where and how to apply?", - answer: "We will soon release the registration details so stay tuned!! Follow GSSoC LinkedIn and Discord for timely updates." - }, - { - question: "Can a person participate as both contributor and project admin?", - answer: "Campus Ambassadors can apply for any role. You cannot apply for a contributor if you’re selected for the role of Project Admin or Mentor." - }, - { - question: "What are the requirements to qualify for GSSoC?", - answer: "We have some categories and based on that rubric (to be shared with selected candidates), contributors will be provided with perks." - }, - { - question: "When will you release the GSSoC date?", - answer: "The timeline will be released soon. Stay tuned to our official platforms." - }, - { - question: "How to participate and what is the procedure?", - answer: "Register once the link is live. After selection, choose projects and start contributing under mentor guidance." - }, - { - question: "I'm a beginner to open source, can I participate in GSSOC?", - answer: "Absolutely! GSSoC is beginner-friendly and a great way to get started in open source." - }, - { - question: "How many projects will be there? Am I selected for contribution?", - answer: "Number of projects will be announced later. Selection depends on form responses and profile." - }, - { - question: "Can I propose a Spring Boot API project and also join as participant?", - answer: "Yes! We will soon release registration for Project Admins. Beginners are welcome." - }, - { - question: "What is the selection process for GSSoC 2025?", - answer: "Based on your registration form, enthusiasm, past work (if any), and responses." - }, - { - question: "Do prior experience or open source contributions matter?", - answer: "Not necessarily. Preferred, but not mandatory. Knowing basic tech like HTML, CSS, Python helps." - }, - { - question: "How can I apply as a contributor in GSSoC?", - answer: "Registration details will be shared soon. Apply through the official form." - }, - { - question: "I'm a beginner. I need a roadmap.", - answer: "Start by learning GitHub basics, explore HTML/CSS/JS or Python, and join our community." - }, - { - question: "Can we participate as both contributor and campus ambassador?", - answer: "Yes. Only constraint is Contributor can't be Project Admin or Mentor." - }, - { - question: "Can working professionals in non-tech background participate?", - answer: "Yes, GSSoC is open to all. If you're willing to learn, you can participate." - }, - { - question: "How are projects selected and maintained?", - answer: "Project Admins propose and maintain them. Mentors guide contributors." - }, - { - question: "What are your expectations from contributors?", - answer: "To be enthusiastic and willing to learn throughout the journey." - }, - { - question: "Is this project beginner-friendly?", - answer: "Most projects are. Skills required will be listed per project." - }, - { - question: "What tech stack should I know?", - answer: "Depends on the project. Generally HTML, CSS, JS, React, Python, etc." - }, - { - question: "What are the eligibility requirements?", - answer: "Full-time students for contributor/campus ambassador roles. Open for all for mentor/admin." - }, - { - question: "What does the program timeline look like?", - answer: "Starts with bonding, followed by contributions, evaluations, and final results." - }, - { - question: "How does mentorship work?", - answer: "Mentors guide contributors through issues, PRs, and project goals." - }, - { - question: "What’s the selection process like?", - answer: "Based on form, enthusiasm, and fit with program goals." - }, - { - question: "Are there internship opportunities after the program?", - answer: "Not officially, but contributors may receive LORs, swags, and networking." - }, - { - question: "Will there be a community platform?", - answer: "Yes. Discord and Telegram will be used for discussion and support." - }, - { - question: "How to become a mentor?", - answer: "Have relevant tech experience. Fill the mentor form when it’s live." - }, - { - question: "How much do we need to know to contribute?", - answer: "Basic development knowledge is helpful. Learn and build during GSSoC." - }, - { - question: "How to join GSSoC core team?", - answer: "Join other roles first and stay consistent. Core team roles are limited." - }, - { - question: "Is GSSoC open for professionals with 1-2 years of experience?", - answer: "Yes. All are welcome." - }, - { - question: "Is this same as GSoC?", - answer: "No. GSoC is by Google. GSSoC is by GirlScript Foundation." - }, - { - question: "Can anyone contribute?", - answer: "Yes! GSSoC welcomes everyone interested in open source." - }, - { - question: "Which organizations will participate?", - answer: "They will be listed on the official site." - }, - { - question: "What are the fields for contribution?", - answer: "Web Dev, ML, App Dev, APIs, Documentation, etc." - }, - { - question: "What are the perks and benefits for contributors?", - answer: "Top performers will receive certificates, swags, and LORs." - }, - { - question: "How to get selected for GSSoC?", - answer: "Fill the form sincerely. Show enthusiasm and basic understanding." - }, - { - question: "How to prepare for GSSoC 2025?", - answer: "Learn Git, coding basics, join Discord, and follow past projects." - }, - { - question: "Is BCA student eligible?", - answer: "Yes, full-time students are eligible." - }, - { - question: "What is the selection criteria?", - answer: "Form responses, enthusiasm, skill interest." - }, - { - question: "How to become a core contributor?", - answer: "Be consistent, helpful, and go beyond tasks. Engage post-GSSoC too." - }, - { - question: "I’m in 1st year and learning AI/ML. Can I contribute?", - answer: "Yes! Choose a matching project and get started." - } + question: "Eligibility for Contributors?", + answer: " Anyone with a zeal to learn, grow their skills, and actively contribute to open source. Whether you're a beginner or experienced, if you're passionate about making an impact - you're at the right place!" + }, + { + question: " I'm a beginner, can I participate in GSSoC?", + answer: "Absolutely! GSSoC is a beginner-friendly open-source program and offers a great opportunity to understand how open source works while helping you build valuable technical skills." + }, + { + question: " Do prior experience or open-source contributions needed?", + answer: " Not necessarily. While it’s helpful to know languages like HTML, CSS, Python, etc., as many projects use them, open-source experience is not mandatory. We warmly welcome everyone—from curious beginners to experienced developers." + }, + { + question: " Eligibility for Mentors and Project Admins?", + answer: " Individuals with proven experience in their preferred tech stack. Your expertise matters—be sure to fill out the form thoroughly! However, please note Mentors / PAs can’t be Contributors." + }, + { + question: " Can professionals with 1-2 years of experience participate?", + answer: " Yes! GSSoC is open to all, regardless of your academic or professional background. If you're passionate about tech and open source, you're welcome." + }, + { + question: " Can one be both a Contributor and Campus Ambassador or Contributor and Project Admin?", + answer: "Campus Ambassadors are free to apply for any additional role. However, if you're selected as a Project Admin or Mentor, you cannot participate as a Contributor." + }, + { + question: "Will Contributors be assigned to projects, or can we choose ourselves?", + answer: " You have the freedom to choose the projects you're most interested in. Find what excites you and start contributing—it's entirely up to you!" + }, + { + question: " How many projects can a Contributor work on at the same time?", + answer: " There's no fixed limit; you can contribute to as many projects as you can manage effectively. Just make sure you maintain quality and consistency in your contributions." + }, + { + question: " As a prospective participant, how can I start preparing for GSSoC 2025?", + answer: "Start by brushing up on your technical skills and exploring the basics of open source. Once the selected projects are announced, you can check them out—and don’t worry, Project Admins and the respective mentors will guide you in getting started! " + }, + { + question: " What will be the perks and benefits for Contributors for successfully doing the contribution work?", + answer: "Contributors will be evaluated using a rubric-based system (will be shared with selected participants). Based on performance and impact, top contributors will receive certificates, swags, and Letters of Recommendation (LORs), along with the priceless experience of real-world collaboration." + }, + // { + // question: "Do prior experience or open source contributions matter?", + // answer: "They are preferred but not mandatory. Having basic knowledge in HTML, CSS, or Python helps." + // }, + // { + // question: "How can I apply as a Contributor in GSSoC?", + // answer: "Registration details will be shared soon. Apply through the official form when it's live." + // }, + // { + // question: "I'm a beginner. I need a roadmap.", + // answer: "Start by learning GitHub basics. Explore HTML/CSS/JS or Python. Join our community for guidance." + // }, + // { + // question: "Can we participate as both Contributor and Campus Ambassador?", + // answer: "Yes. However, a Contributor cannot be selected as a Project Admin or Mentor." + // }, + // { + // question: "Can working professionals from a non-tech background participate?", + // answer: "Yes, GSSoC is open to everyone. If you're willing to learn, you're welcome to join." + // }, + // { + // question: "How are projects selected and maintained?", + // answer: "Project Admins propose and maintain them. Mentors guide Contributors throughout the program." + // }, + // { + // question: "What are your expectations from Contributors?", + // answer: "We expect Contributors to be enthusiastic and eager to learn throughout the journey." + // }, + // { + // question: "Is this project beginner-friendly?", + // answer: "Most projects are. The required skills will be listed with each project." + // }, + // { + // question: "What tech stack should I know?", + // answer: "It depends on the project. Common stacks include HTML, CSS, JavaScript, React, Python, etc." + // }, + // { + // question: "What are the eligibility requirements?", + // answer: "Full-time students are eligible for Contributor and Campus Ambassador roles. Mentor and Project Admin roles are open to all." + // }, + // { + // question: "What does the program timeline look like?", + // answer: "It starts with a bonding phase, followed by contributions, evaluations, and final results." + // }, + // { + // question: "How does mentorship work?", + // answer: "Mentors guide Contributors on issues, pull requests, and project milestones throughout the program." + // }, + // { + // question: "What’s the selection process like?", + // answer: "Selection is based on the registration form, enthusiasm, and alignment with the program goals." + // }, + // { + // question: "Are there internship opportunities after the program?", + // answer: "Not officially. However, top Contributors may receive Letters of Recommendation, swags, and networking opportunities." + // }, + // { + // question: "Will there be a community platform?", + // answer: "Yes. Discord and Telegram will be used for communication and support." + // }, + // { + // question: "How to become a Mentor?", + // answer: "You should have relevant tech experience. Fill out the Mentor form when it's live." + // }, + // { + // question: "How much do we need to know to contribute?", + // answer: "Basic development knowledge helps. Learn and build as you go during the program." + // }, + // { + // question: "How to join the GSSoC Core Team?", + // answer: "Start with other roles and stay consistent. Core Team roles are limited and selected based on involvement." + // }, + // { + // question: "Is GSSoC open for professionals with 1–2 years of experience?", + // answer: "Yes, the program is open to all who are interested." + // }, + // { + // question: "Is this the same as GSoC?", + // answer: "No. GSoC is by Google, while GSSoC is conducted by GirlScript Foundation." + // }, + // { + // question: "Can anyone contribute?", + // answer: "Yes! GSSoC welcomes everyone interested in open source." + // }, + // { + // question: "Which organizations will participate?", + // answer: "They will be listed on the official GSSoC website soon." + // }, + // { + // question: "What are the fields for contribution?", + // answer: "Fields include Web Development, Machine Learning, App Development, APIs, Documentation, and more." + // }, + // { + // question: "What are the perks and benefits for Contributors?", + // answer: "Top performers will receive certificates, swags, and Letters of Recommendation." + // }, + // { + // question: "How to get selected for GSSoC?", + // answer: "Fill out the form sincerely. Showcase your enthusiasm and basic understanding." + // }, + // { + // question: "How to prepare for GSSoC 2025?", + // answer: "Learn Git, understand the basics of coding, join Discord, and explore previous projects." + // }, + // { + // question: "Is a BCA student eligible?", + // answer: "Yes, all full-time students including BCA are eligible to apply." + // }, + // { + // question: "What is the selection criteria?", + // answer: "Form responses, enthusiasm, and interest in the tech stack and projects." + // }, + // { + // question: "How to become a Core Contributor?", + // answer: "Be consistent, helpful, and go beyond just completing tasks. Engage even after GSSoC." + // }, + // { + // question: "I’m in 1st year and learning AI/ML. Can I contribute?", + // answer: "Yes! Choose a matching project and start contributing." + // } ]; + export default function FaqSection() { const [openIndex, setOpenIndex] = useState(null); @@ -172,56 +196,153 @@ export default function FaqSection() { }; return ( -
- - 🙋 FAQs - GSSoC '25 - - -
- {faqs.map((faq, index) => ( - toggle(index)} - > -
-

{faq.question}

- - - -
- - - {openIndex === index && ( - - {faq.answer} - - )} - - - ))} +
+ {/* 🌌 Starry Background */} +
+ + +
+
+ + {/* 💬 FAQs */} +
+ + FAQs - GSSoC '25 + + +
+ {faqs.map((faq, index) => ( + toggle(index)} + className="group relative rounded-3xl cursor-pointer bg-gradient-to-br from-[#111132] to-[#1f1f3c] p-6 md:p-8 border border-[#2a2a4c] shadow-lg hover:shadow-blue-500/30 transition-all duration-300 backdrop-blur-sm overflow-hidden" + > +
+ Card Background +
+
+ +
+
+

+ {faq.question} +

+ + + +
+ + + {openIndex === index && ( + + {faq.answer} + + )} + +
+ + ))} +
+ + {/* 📬 Contact Section Footer */} + + +
+

+ GirlScript Summer
Of Code 2025 +

+

+ Get In Touch With Us Via Email Or Social Media +

+ + + Contact Us + + + {/* Social Icons */} +
+ {[ + { + href: "https://www.linkedin.com/company/girlscriptsoc/", + icon: linkedin, + alt: "LinkedIn", + }, + { + href: "https://x.com/girlscriptsoc", + icon: twitter, + alt: "Twitter/X", + }, + { + href: "https://www.instagram.com/girlscriptsummerofcode", + icon: instagram, + alt: "Instagram", + }, + ].map((social, idx) => ( + + {social.alt} + + ))} +
+
+ + + +
+ + +
+ + ); } \ No newline at end of file diff --git a/app/page.js b/app/page.js index ab675de..5be37d8 100644 --- a/app/page.js +++ b/app/page.js @@ -36,12 +36,17 @@ import stars from "@/assets/stars.svg"; import { ShootingStars } from "@/components/shooting-stars"; import { StarsBackground } from "@/components/stars-background"; import { SparklesCore } from "@/components/sparkles"; -import { delay, motion, Variants } from "framer-motion"; + +import { motion, AnimatePresence } from "framer-motion"; // ✅ Single motion import +import { ChevronDown } from "lucide-react"; + import { redirect } from "next/navigation"; import Testimonials from "@/components/Testimonials"; import PastSponsors from "@/components/PastSponsors"; + import Link from 'next/link'; +import { useState } from "react"; const containerVariants = { hidden: {}, @@ -62,6 +67,35 @@ const itemVariants = { }; export default function Home() { + const [openIndex, setOpenIndex] = useState(null); + + + const faqs = [ + { + question: "When will the registration begin? Where and how to apply?", + answer: + "We will soon release the registration details so stay tuned!! Follow GSSoC LinkedIn and Discord for timely updates.", + }, + { + question: "Can a person participate as both contributor and project admin?", + answer: + "Campus Ambassadors can apply for any role. You cannot apply for a contributor if you're selected for the role of Project Admin or Mentor.", + }, + { + question: "What are the requirements to qualify for GSSoC?", + answer: + "We have some categories and based on that rubric (to be shared with selected candidates), contributors will be provided with perks.", + }, + { + question: "When will you release the GSSoC date?", + answer: + "The timeline will be released soon. Stay tuned to our official platforms.", + }, + ]; + + const toggle = (index) => { + setOpenIndex(openIndex === index ? null : index); +}; return (
@@ -103,8 +137,12 @@ export default function Home() { > Contact + + + + + + + + {/* Background visuals */} + Background + + + {/* Title */} +
+

+ FAQs +

+

+ Frequently Asked
Questions +

+

+ Everything you need to know about GSSoC ‘25. +

+
+ + {/* FAQ Cards */} +
+ {faqs.map((faq, index) => ( + setOpenIndex(index === openIndex ? null : index)} + > + Card Background +
+
+

{faq.question}

+ + + +
+ + + {openIndex === index && ( + + {faq.answer} + + )} + +
+ + ))} +
+ + {/* View All FAQs Button */} +
- - 🤔 View FAQs – GSSoC '25 + + View All FAQs
+ + + + + + + + + \ No newline at end of file From 1521f8ddc9660ce09bdb4b6f7bdd637f2a26a1d0 Mon Sep 17 00:00:00 2001 From: Shubhanshu <148634340+kumarshubhh@users.noreply.github.com> Date: Mon, 23 Jun 2025 22:44:40 +0530 Subject: [PATCH 4/9] Update page.js --- app/page.js | 57 ++++++++++++++++++++++++++++++++--------------------- 1 file changed, 35 insertions(+), 22 deletions(-) diff --git a/app/page.js b/app/page.js index 5be37d8..84f109b 100644 --- a/app/page.js +++ b/app/page.js @@ -71,28 +71,41 @@ export default function Home() { const faqs = [ - { - question: "When will the registration begin? Where and how to apply?", - answer: - "We will soon release the registration details so stay tuned!! Follow GSSoC LinkedIn and Discord for timely updates.", - }, - { - question: "Can a person participate as both contributor and project admin?", - answer: - "Campus Ambassadors can apply for any role. You cannot apply for a contributor if you're selected for the role of Project Admin or Mentor.", - }, - { - question: "What are the requirements to qualify for GSSoC?", - answer: - "We have some categories and based on that rubric (to be shared with selected candidates), contributors will be provided with perks.", - }, - { - question: "When will you release the GSSoC date?", - answer: - "The timeline will be released soon. Stay tuned to our official platforms.", - }, - ]; - + { + question: "When will the registration begin? Where and how to apply?", + answer: ( + <> + We will soon release the registration details so stay tuned!! Follow{" "} + + GSSoC LinkedIn + {" "} + and join the {" "} + {"GirlScript Foundation's Community Groups"}{" "} + for timely updates. + + ), + }, + { + question: "Eligibility for Contributors?", + answer: + " Anyone with a zeal to learn, grow their skills, and actively contribute to open source. Whether you're a beginner or experienced, if you're passionate about making an impact - you're at the right place!", + }, + { + question: " I'm a beginner, can I participate in GSSoC?", + answer: + "Absolutely! GSSoC is a beginner-friendly open-source program and offers a great opportunity to understand how open source works while helping you build valuable technical skills.", + }, + { + question: " Do prior experience or open-source contributions needed?", + answer: + " Not necessarily. While it’s helpful to know languages like HTML, CSS, Python, etc., as many projects use them, open-source experience is not mandatory. We warmly welcome everyone—from curious beginners to experienced developers.", + }, +]; const toggle = (index) => { setOpenIndex(openIndex === index ? null : index); }; From 07eced2035b34c40a9e5da98bc9532a4f1f9a217 Mon Sep 17 00:00:00 2001 From: Shubhanshu <148634340+kumarshubhh@users.noreply.github.com> Date: Mon, 23 Jun 2025 22:47:12 +0530 Subject: [PATCH 5/9] Update page.jsx --- app/faqs/page.jsx | 314 ++++++++++++++++++++++++++-------------------- 1 file changed, 175 insertions(+), 139 deletions(-) diff --git a/app/faqs/page.jsx b/app/faqs/page.jsx index b5e9ff0..dff3376 100644 --- a/app/faqs/page.jsx +++ b/app/faqs/page.jsx @@ -11,6 +11,8 @@ import linkedin from "../../assets/linkedin.svg"; import instagram from "../../assets/instagram.svg"; import iconbg from "../../assets/icon-bg.svg"; import cardbg1 from "../../assets/box-bg.svg"; // use SVG/png background for soft effect +import sbg2 from "@/assets/section-bg-mid-part-2.svg"; +import { SparklesCore } from "@/components/sparkles"; const containerVariants = { hidden: { opacity: 0, y: 50 }, @@ -190,159 +192,193 @@ const faqs = [ export default function FaqSection() { const [openIndex, setOpenIndex] = useState(null); + const itemVariants = { + hidden: { + opacity: 0, + scale: 0.95, + }, + show: { + opacity: 1, + scale: 1, + transition: { + type: "spring", + stiffness: 100, + damping: 20, + }, + }, +}; const toggle = (index) => { setOpenIndex(openIndex === index ? null : index); }; - return ( -
- {/* 🌌 Starry Background */} -
- - -
-
+ return ( +
+ {/* 🌌 Starry Background */} +
+ + +
+
- {/* 💬 FAQs */} -
- + {/* FAQ Header */} + + - FAQs - GSSoC '25 - + {/* Decorative Background */} + Background -
- {faqs.map((faq, index) => ( - toggle(index)} - className="group relative rounded-3xl cursor-pointer bg-gradient-to-br from-[#111132] to-[#1f1f3c] p-6 md:p-8 border border-[#2a2a4c] shadow-lg hover:shadow-blue-500/30 transition-all duration-300 backdrop-blur-sm overflow-hidden" - > -
- Card Background -
-
+ -
-
-

- {faq.question} -

- - - -
+ {/* Title Content */} +
+

+ FAQs +

+

+ Frequently Asked
Questions +

+

+ Everything you need to know about GSSoC ‘25 — process, participation, and more. +

+
+ + + + {/* FAQ Cards */} +
+ {faqs.map((faq, index) => ( + toggle(index)} + className="group relative rounded-3xl cursor-pointer bg-[#00020f] p-6 md:p-8 border border-[#2a2a4c] shadow-lg hover:shadow-blue-500/30 transition-all duration-300 backdrop-blur-sm overflow-hidden" + > +
+ Card Background +
+
- - {openIndex === index && ( - - {faq.answer} - - )} - +
+
+

+ {faq.question} +

+ + +
- - ))} -
- {/* 📬 Contact Section Footer */} + + {openIndex === index && ( + + {faq.answer} + + )} + +
+ + ))} +
- -
-

- GirlScript Summer
Of Code 2025 -

-

- Get In Touch With Us Via Email Or Social Media -

+ {/* 📬 Contact Section Footer */} + +
+

+ GirlScript Summer
Of Code 2025 +

+

+ Get In Touch With Us Via Email Or Social Media +

- - Contact Us - + + Contact Us + - {/* Social Icons */} -
- {[ - { - href: "https://www.linkedin.com/company/girlscriptsoc/", - icon: linkedin, - alt: "LinkedIn", - }, - { - href: "https://x.com/girlscriptsoc", - icon: twitter, - alt: "Twitter/X", - }, - { - href: "https://www.instagram.com/girlscriptsummerofcode", - icon: instagram, - alt: "Instagram", - }, - ].map((social, idx) => ( - - {social.alt} - - ))} +
+ {[{ + href: "https://www.linkedin.com/company/girlscriptsoc/", + icon: linkedin, + alt: "LinkedIn", + }, { + href: "https://x.com/girlscriptsoc", + icon: twitter, + alt: "Twitter/X", + }, { + href: "https://www.instagram.com/girlscriptsummerofcode", + icon: instagram, + alt: "Instagram", + }].map((social, idx) => ( + + {social.alt} + + ))} +
+
+
- - - - -
- - - -
- - - ); -} \ No newline at end of file +); +} From bc9ece5bb6af7c6eb9ef702ad60ce07704d1218b Mon Sep 17 00:00:00 2001 From: Shubhanshu <148634340+kumarshubhh@users.noreply.github.com> Date: Mon, 23 Jun 2025 23:11:21 +0530 Subject: [PATCH 6/9] Update page.js --- app/page.js | 11 +---------- 1 file changed, 1 insertion(+), 10 deletions(-) diff --git a/app/page.js b/app/page.js index 84f109b..cf67460 100644 --- a/app/page.js +++ b/app/page.js @@ -173,16 +173,7 @@ export default function Home() { alt="Background" className="absolute bottom-0 w-full md:w-5/6 object-contain -z-10 md:hidden" /> - Background - Background +

From eff7a1c84917eb7ea16238b0d5cb7858293046fd Mon Sep 17 00:00:00 2001 From: Shubhanshu <148634340+kumarshubhh@users.noreply.github.com> Date: Tue, 24 Jun 2025 00:44:55 +0530 Subject: [PATCH 7/9] Update page.js --- app/page.js | 96 +++++++++++++++++++++++++++++------------------------ 1 file changed, 53 insertions(+), 43 deletions(-) diff --git a/app/page.js b/app/page.js index cf67460..ef5e563 100644 --- a/app/page.js +++ b/app/page.js @@ -874,52 +874,62 @@ export default function Home() {

{/* FAQ Cards */} -
- {faqs.map((faq, index) => ( - setOpenIndex(index === openIndex ? null : index)} - > - Card Background -
-
-

{faq.question}

- + {faqs.map((faq, index) => { + const isOpen = openIndex === index; + + return ( + setOpenIndex(isOpen ? null : index)} + className="relative w-full bg-transparent bg-gradient-to-b from-[#00041f] to-[#00041f00] rounded-3xl border border-[#131839] flex flex-col p-8 shadow-2xl shadow-blue-500/20 cursor-pointer overflow-hidden" + > + {/* Background Image */} + Card Background + + {/* Content */} +
+
+

{faq.question}

+ + + +
+ + + {isOpen && ( + - - -
- - - {openIndex === index && ( - +

{faq.answer} - - )} - -

- - ))} -
+

+ + )} + +
+ + ); + })} +
+ {/* View All FAQs Button */}
From 6965c95ae4105fa038ec915db44bf1b4268fd66e Mon Sep 17 00:00:00 2001 From: Shubhanshu <148634340+kumarshubhh@users.noreply.github.com> Date: Tue, 24 Jun 2025 00:45:36 +0530 Subject: [PATCH 8/9] Update page.jsx --- app/faqs/page.jsx | 105 ++++++++++++++++++++++++---------------------- 1 file changed, 54 insertions(+), 51 deletions(-) diff --git a/app/faqs/page.jsx b/app/faqs/page.jsx index dff3376..33b9717 100644 --- a/app/faqs/page.jsx +++ b/app/faqs/page.jsx @@ -269,59 +269,62 @@ export default function FaqSection() { {/* FAQ Cards */} -
- {faqs.map((faq, index) => ( - toggle(index)} - className="group relative rounded-3xl cursor-pointer bg-[#00020f] p-6 md:p-8 border border-[#2a2a4c] shadow-lg hover:shadow-blue-500/30 transition-all duration-300 backdrop-blur-sm overflow-hidden" - > -
- Card Background -
-
+
+ {faqs.map((faq, index) => { + const isOpen = openIndex === index; + + return ( + setOpenIndex(isOpen ? null : index)} + className="relative w-full bg-transparent bg-gradient-to-b from-[#00041f] to-[#00041f00] rounded-3xl border border-[#131839] flex flex-col p-8 shadow-2xl shadow-blue-500/20 cursor-pointer overflow-hidden" + > + {/* Background Image */} + Card Background -
-
-

- {faq.question} -

- - - -
+ {/* Content */} +
+
+

{faq.question}

+ + + +
+ + + {isOpen && ( + +

+ {faq.answer} +

+ + )} + +
+ + ); + })} +
- - {openIndex === index && ( - - {faq.answer} - - )} - -
- - ))} -
{/* 📬 Contact Section Footer */} Date: Mon, 30 Jun 2025 23:39:04 +0530 Subject: [PATCH 9/9] add mistakenly removed arc background --- app/page.js | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/app/page.js b/app/page.js index ef5e563..e7dc2c5 100644 --- a/app/page.js +++ b/app/page.js @@ -171,9 +171,20 @@ export default function Home() { Background + + Background + + Background -