-
-
Notifications
You must be signed in to change notification settings - Fork 21
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Landing page #114
Closed
Closed
Landing page #114
Changes from 12 commits
Commits
Show all changes
14 commits
Select commit
Hold shift + click to select a range
f44f82f
2 plays a month, 2023 folder and home.js with same structure of home.…
Amyx000 25af3c6
Rearranged All the images to the common
atapas e14f978
Refactored the common components
atapas 29f79b2
Merge remote-tracking branch 'origin/main' into 2-plays-a-month
atapas cf6429a
Do not show the Winners for 2playsamonth initiative now
atapas 2547b6e
Added the judges section for 2playsAmonth
atapas a399e1b
Changed CTA Text for the 2PlaysAMonth Event
atapas e45ec40
Fix build error
atapas c5912ab
Build error
atapas 0c4db76
created banner for landing-page
aimun-naharr 6564897
fixed the responsivenes of banner
aimun-naharr 9fb938c
created the pastInitives and eventLayout component
aimun-naharr 76c7cd7
removed header from landing page
aimun-naharr 9f7a286
fixed a typo in header state
aimun-naharr File filter
Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,15 @@ | ||
| import React from 'react'; | ||
|
|
||
| const Banner = ({recentEvent}) => { | ||
| return ( | ||
| <section className='text-slate-800 px-1 md:px-0 flex items-center justify-center min-h-[50vh] text-center bg-cyan-200'> | ||
| <div className=' flex flex-col gap-4 justify-center items-center'> | ||
| <h1 className='md:text-5xl text-3xl font-bold'>{recentEvent.name}</h1> | ||
| <p>{recentEvent.description}</p> | ||
| <button className='bg-slate-800 text-white uppercase md:px-20 px-14 py-3 rounded font-bold hover:bg-slate-700 transition-all'>Get started</button> | ||
| </div> | ||
| </section> | ||
| ); | ||
| }; | ||
|
|
||
| export default Banner; | ||
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,9 +1,9 @@ | ||
| import Hero from "./Hero"; | ||
| import About from "./About"; | ||
| import ChallengesAndPrizes from "./ChallengesAndPrizes"; | ||
| import Judges from "./Judges"; | ||
| import Partners from "./Partners"; | ||
| import CTA from "./CTA"; | ||
| import FAQs from "./FAQs"; | ||
| import Hero from "../common/Hero"; | ||
| import About from "../common/About"; | ||
| import ChallengesAndPrizes from "../common/ChallengesAndPrizes"; | ||
| import Judges from "../common/Judges"; | ||
| import Partners from "../common/Partners"; | ||
| import CTA from "../common/CTA"; | ||
| import FAQs from "../common/FAQs"; | ||
|
|
||
| export { Hero, About, ChallengesAndPrizes, Judges, Partners, CTA, FAQs }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,27 @@ | ||
| import Image from "next/image"; | ||
| import Link from "next/link"; | ||
| import React from "react"; | ||
|
|
||
|
|
||
| const PastInitialives = ({pastEvents}) => { | ||
|
|
||
| return ( | ||
| <section className="text-white flex items-center justify-center my-28 w-full "> | ||
| {/* wrapper */} | ||
| <div className="flex flex-col w-full"> | ||
| <h1 className="md:text-2xl text-center mb-16 tracking-wild uppercase">Past Initiatives</h1> | ||
| <div className="flex flex-col md:flex-row w-full md:w-4/5 mx-auto justify-center items-center gap-6 px-3 md:px-0"> | ||
| {/* article */} | ||
| {pastEvents.map((event, i) => | ||
| <Link href={event.link}><article key={i} className="md:basis-1/3 w-full rounded text-sm text-gray-300 min-h-52 flex flex-col gap-2 bg-cyan-800 max-w-[350px] px-6 py-8 cursor-pointer"> | ||
| <Image src={event.image} alt="Banner Logo" layout="responsive" /> | ||
| <p>{event.description}</p> | ||
| </article></Link> | ||
| )} | ||
| </div> | ||
| </div> | ||
| </section> | ||
| ); | ||
| }; | ||
|
|
||
| export default PastInitialives; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
2 changes: 1 addition & 1 deletion
2
...onents/Hack-R-Play/ChallengesAndPrizes.js → components/common/ChallengesAndPrizes.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
File renamed without changes.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
4 changes: 2 additions & 2 deletions
4
components/Hack-R-Play/Judges.js → components/common/Judges.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
2 changes: 1 addition & 1 deletion
2
components/Hack-R-Play/Partners.js → components/common/Partners.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
4 changes: 2 additions & 2 deletions
4
components/Hack-R-Play/Winners.js → components/common/Winners.js
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,167 @@ | ||
| import { useEffect } from "react"; | ||
| import { useRouter } from "next/router"; | ||
| import Layout from "@/components/Layout"; | ||
| import Image from "next/image"; | ||
| import { | ||
| Hero, | ||
| About, | ||
| Judges, | ||
| Partners, | ||
| CTA, | ||
| FAQs, | ||
| } from "@/components/Hack-R-Play"; | ||
|
|
||
| import DottedAndFilledTriangle from "@/public/common/DottedAndFilledTriangle.svg"; | ||
| import Flower from "@/public/common/Flower.svg"; | ||
| // import Winners from "@/components/common/Winners"; | ||
|
|
||
| export default function Home() { | ||
| const router = useRouter(); | ||
|
|
||
| const faqs = [ | ||
| { | ||
| question: "Why should I participate in the #2PlaysAMonth event?", | ||
| answer: | ||
| "Do you like learning while building something? How about a platform that allows you to build a ReactJS application end-to-end, learn from the review comments, contribute to open source, showcase it to the world, and help build networking? #2PlaysAMonth aims precisely the same. Join the drive brought to you by ReactPlay and start building cool projects that we can't wait to see!", | ||
| }, | ||
| { | ||
| question: "Do I need to Register for #2PlaysAMonth?", | ||
| answer: | ||
| "Nope. You can create the play by following the criteria mentioned in this page's About section.", | ||
| }, | ||
| { | ||
| question: "Is it mandatory to create 2 plays?", | ||
| answer: | ||
| "Yes. That's one of the qualifying criteria. You must create and complete 2 plays.", | ||
| }, | ||
| { | ||
| question: "What if my play review gets delayed?", | ||
| answer: | ||
| "You must ensure you give the reviewers enough time to review your code and provide comments. We're looking forward to 4-5 days(based on how actively you respond to the comments) to complete the review process of a play. Try submitting your plays at least 7-10 days before the end date to avoid messy situations. If your review gets delayed by reviewers, we will ensure you the extra time, but that will be a rare case!", | ||
| }, | ||
| { | ||
| question: "Can we participate as a team?", | ||
| answer: | ||
| "Nope. It's an individual event.", | ||
| }, | ||
| { | ||
| question: "Can I use anything other than React?", | ||
| answer: | ||
| "ReactPlay is a platform to help web developers learn ReactJs and build projects. For this initiative, RaectJs is a must.", | ||
| }, | ||
| { | ||
| question: "Can I submit my old React project as a play?", | ||
| answer: | ||
| "You can. However, could you please mention the old project in the play description? Also, the play should be something other than a 1-1 matching your existing project. You must bring some changes/ideas into it.", | ||
| }, | ||
| { | ||
| question: "Can I submit code/project of someone else?", | ||
| answer: | ||
| "You shouldn't. Be authentic and ethical. It's an event to learn, not alone to win.", | ||
| }, | ||
| { | ||
| question: "Is creating an issue for my PR a must?", | ||
| answer: | ||
| "Yes. We will disqualify the play submission that doesn't have an associated issue.", | ||
| }, | ||
| { | ||
| question: "Is sharing my journey on Twitter and LinkedIn of the #2PlaysAMonth a must?", | ||
| answer: | ||
| "Yes, we encourage you to build and learn publicly. Make sure you add the tag #2playsamonth and ReactPlay handle when you post them on social media.", | ||
| }, | ||
| { | ||
| question: "When and How the #2PlaysAMonth result will be published?", | ||
| answer: | ||
| "The result will be published on 15th March. We will publish it on our website, blog, and Twitter handle(@reactplayio).", | ||
| }, | ||
| { | ||
| question: "Do I get badges and prizes?", | ||
| answer: | ||
| "We will publish 3 winners and 3 special mentions based on our judging criteria. All winners, special mentions, and participants who completed the target will receive digital badges. We are working with our sponsors to decide the prizes for the winners.", | ||
| }, | ||
| { | ||
| question: "I have questions, where can I ask them?", | ||
| answer: | ||
| "Got a question? Please join our Discord(the link is in the footer of this page). You can ask us anything in the hack-r-play channel.", | ||
| }, | ||
| ]; | ||
|
|
||
| const judges = [ | ||
| { | ||
| name: "Harshit Jain", | ||
| twitter: "@jain_harshit", | ||
| title: "SDE3, Intuit", | ||
| avatar: | ||
| "https://pbs.twimg.com/profile_images/1523150875153567744/zpRDym_L_400x400.jpg", | ||
| }, | ||
| { | ||
| name: "Kapeel Kokane", | ||
| twitter: "@kokaneka", | ||
| title: "SDE2, Microsoft", | ||
| avatar: | ||
| "https://pbs.twimg.com/profile_images/1372919009939652612/E9s309tH_400x400.jpg", | ||
| }, | ||
| { | ||
| name: "Koustov Maitra", | ||
| twitter: "@koustov", | ||
| title: "Architect, ReactPlay", | ||
| avatar: | ||
| "https://pbs.twimg.com/profile_images/1443859238443360258/6_H-pDaM_400x400.jpg", | ||
| }, | ||
| { | ||
| name: "Tapas Adhikary", | ||
| twitter: "@tapasAdhikary", | ||
| title: "Founder, ReactPlay", | ||
| avatar: | ||
| "https://pbs.twimg.com/profile_images/1495457010598309888/zPrTNF4F_400x400.jpg", | ||
| }, | ||
| ]; | ||
| const winners = []; | ||
| const mentions = []; | ||
|
|
||
| const home_links = [ | ||
| { | ||
| name: "About", | ||
| href: "#about", | ||
| }, | ||
| { | ||
| name: "Sponsors", | ||
| href: "#sponsors", | ||
| }, | ||
| { | ||
| name: "Judges", | ||
| href: "#judges", | ||
| }, | ||
| { | ||
| name: "Faqs", | ||
| href: "#faqs", | ||
| }, | ||
| ]; | ||
|
|
||
|
|
||
|
|
||
| return ( | ||
| <Layout title="ReactPlay presents #2Plays-A-Month" links={home_links}> | ||
| <div className="absolute md:left-9 -top-10 left-5 z-0 md:w-32 md:h-32 w-24 h-24"> | ||
| <Image | ||
| src={DottedAndFilledTriangle} | ||
| alt="Dotted And Filled Triangle" | ||
| layout="responsive" | ||
| /> | ||
| </div> | ||
| <div className="absolute md:-right-60 md:-top-48 -right-24 -top-14 z-0 md:w-2/5 md:h-2/5 w-1/2 h-1/2"> | ||
| <Image src={Flower} alt="Flower" layout="responsive" /> | ||
| </div> | ||
| <Hero /> | ||
| {/*<Winners winners={winners} mentions={mentions} />*/} | ||
| <About /> | ||
| <Judges judges={judges} /> | ||
| <Partners /> | ||
| <CTA | ||
| title="Be a part of the best react event" | ||
| description="Learning is a journey than a destination. We, developers, need avenues, motivations, and opportunities to keep going. Join the #2PlayAMonth initiative to experience it. It will allow you to build a ReactJS app using and learning from code reviews. Why waiting? Get started today." | ||
| /> | ||
| <FAQs faqs={faqs} /> | ||
| </Layout> | ||
| ); | ||
| } |
Oops, something went wrong.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Change the name to CurrentInitiatives(even the file name)