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 new file mode 100644 index 0000000..33b9717 --- /dev/null +++ b/app/faqs/page.jsx @@ -0,0 +1,387 @@ +"use client"; + +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 +import sbg2 from "@/assets/section-bg-mid-part-2.svg"; +import { SparklesCore } from "@/components/sparkles"; + +const containerVariants = { + hidden: { opacity: 0, y: 50 }, + show: { + opacity: 1, + y: 0, + transition: { + duration: 0.6, + ease: "easeOut", + }, + }, +}; + +const faqs = [ + { + 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); + 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 */} +
+ + +
+
+ + {/* 💬 FAQs Container */} +
+ {/* FAQ Header */} + + + {/* Decorative Background */} + Background + + + + {/* Title Content */} +
+

+ FAQs +

+

+ Frequently Asked
Questions +

+

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

+
+ + + + {/* FAQ Cards */} +
+ {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 && ( + +

+ {faq.answer} +

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

+ GirlScript Summer
Of Code 2025 +

+

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

+ + + Contact Us + + +
+ {[{ + 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} + + ))} +
+
+ +
+
+); +} diff --git a/app/page.js b/app/page.js index 4f4498a..e7dc2c5 100644 --- a/app/page.js +++ b/app/page.js @@ -36,11 +36,18 @@ 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: {}, show: { @@ -60,6 +67,48 @@ 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 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); +}; return (
@@ -101,8 +150,12 @@ export default function Home() { > Contact + + + + + Background + Background
@@ -783,6 +838,128 @@ export default function Home() { */} + + + + + {/* Background visuals */} + Background + + + {/* Title */} +
+

+ FAQs +

+

+ Frequently Asked
Questions +

+

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

+
+ + {/* FAQ Cards */} +
+ {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 && ( + +

+ {faq.answer} +

+ + )} + +
+ + ); + })} +
+ + + {/* View All FAQs Button */} +
+ + + View All FAQs + + +
+ + + + + + + + + + */} +
-
- - Background - Icon - - - Background - Icon - - - Background - Icon - -
+
+ {/* LinkedIn */} + + Background + LinkedIn Icon + + + {/* Twitter/X */} + + Background + Twitter Icon + + + {/* Instagram */} + + Background + Instagram Icon + +
+
); diff --git a/package-lock.json b/package-lock.json index 404da86..b862a3e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -13,7 +13,8 @@ "@tsparticles/react": "^3.0.0", "@tsparticles/slim": "^3.8.1", "clsx": "^2.1.1", - "framer-motion": "^12.12.1", + "framer-motion": "^12.18.1", + "lucide-react": "^0.515.0", "motion": "^12.12.1", "next": "15.3.2", "react": "^19.0.0", @@ -3528,12 +3529,13 @@ } }, "node_modules/framer-motion": { - "version": "12.12.1", - "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.12.1.tgz", - "integrity": "sha512-PFw4/GCREHI2suK/NlPSUxd+x6Rkp80uQsfCRFSOQNrm5pZif7eGtmG1VaD/UF1fW9tRBy5AaS77StatB3OJDg==", + "version": "12.18.1", + "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.18.1.tgz", + "integrity": "sha512-6o4EDuRPLk4LSZ1kRnnEOurbQ86MklVk+Y1rFBUKiF+d2pCdvMjWVu0ZkyMVCTwl5UyTH2n/zJEJx+jvTYuxow==", + "license": "MIT", "dependencies": { - "motion-dom": "^12.12.1", - "motion-utils": "^12.12.1", + "motion-dom": "^12.18.1", + "motion-utils": "^12.18.1", "tslib": "^2.4.0" }, "peerDependencies": { @@ -4627,6 +4629,15 @@ "loose-envify": "cli.js" } }, + "node_modules/lucide-react": { + "version": "0.515.0", + "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.515.0.tgz", + "integrity": "sha512-Sy7bY0MeicRm2pzrnoHm2h6C1iVoeHyBU2fjdQDsXGP51fhkhau1/ZV/dzrcxEmAKsxYb6bGaIsMnGHuQ5s0dw==", + "license": "ISC", + "peerDependencies": { + "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" + } + }, "node_modules/magic-string": { "version": "0.30.17", "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.17.tgz", @@ -4750,17 +4761,19 @@ } }, "node_modules/motion-dom": { - "version": "12.12.1", - "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.12.1.tgz", - "integrity": "sha512-GXq/uUbZBEiFFE+K1Z/sxdPdadMdfJ/jmBALDfIuHGi0NmtealLOfH9FqT+6aNPgVx8ilq0DtYmyQlo6Uj9LKQ==", + "version": "12.18.1", + "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.18.1.tgz", + "integrity": "sha512-dR/4EYT23Snd+eUSLrde63Ws3oXQtJNw/krgautvTfwrN/2cHfCZMdu6CeTxVfRRWREW3Fy1f5vobRDiBb/q+w==", + "license": "MIT", "dependencies": { - "motion-utils": "^12.12.1" + "motion-utils": "^12.18.1" } }, "node_modules/motion-utils": { - "version": "12.12.1", - "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.12.1.tgz", - "integrity": "sha512-f9qiqUHm7hWSLlNW8gS9pisnsN7CRFRD58vNjptKdsqFLpkVnX00TNeD6Q0d27V9KzT7ySFyK1TZ/DShfVOv6w==" + "version": "12.18.1", + "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.18.1.tgz", + "integrity": "sha512-az26YDU4WoDP0ueAkUtABLk2BIxe28d8NH1qWT8jPGhPyf44XTdDUh8pDk9OPphaSrR9McgpcJlgwSOIw/sfkA==", + "license": "MIT" }, "node_modules/ms": { "version": "2.1.3", diff --git a/package.json b/package.json index 6b43f89..a6c6fb1 100644 --- a/package.json +++ b/package.json @@ -14,7 +14,8 @@ "@tsparticles/react": "^3.0.0", "@tsparticles/slim": "^3.8.1", "clsx": "^2.1.1", - "framer-motion": "^12.12.1", + "framer-motion": "^12.18.1", + "lucide-react": "^0.515.0", "motion": "^12.12.1", "next": "15.3.2", "react": "^19.0.0", diff --git a/public/box-bg.svg b/public/box-bg.svg new file mode 100644 index 0000000..684207c --- /dev/null +++ b/public/box-bg.svg @@ -0,0 +1 @@ + \ No newline at end of file