Created new design events portion

[debjit]

Issue Link:
#144
Note:

• Font Raleway,Poppins is not added to the tailwind config, please update the tailwind config files to use this fonts.

[netlify]

✅ Deploy Preview for activities-reactplay ready!

Name	Link
🔨 Latest commit	d6991bd
🔍 Latest deploy log	https://app.netlify.com/sites/activities-reactplay/deploys/646b3dc7c21a3a0008951337
😎 Deploy Preview	https://deploy-preview-146--activities-reactplay.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[atapas]

@debjit where is the issue for this PR?

[debjit]

Used fonts are not installed and not accacable using tailwind. Needed to update tailwind config file. I removed event component and make it stand alone component.

[atapas]

Used fonts are not installed and not accacable using tailwind. Needed to update tailwind config file. I removed event component and make it stand alone component.

There must be an issue link to every PR.

[debjit]

Updated the issue link.

[atapas]

https://deploy-preview-146--activities-reactplay.netlify.app

Thanks @debjit

Is it still WIP? I do not see the link from home page takes to a events page.

[debjit]

Every card is a link to its page. The whole card is a button.

[atapas]

Every card is a link to its page. The whole card is a button.

How about this link?

[debjit]

Please share any landing page for event, I will forward to that, did not found any. So left it blank for later update.
Here is a code that is used to populate this buttons link , but it too does not have the landing page for the event.

          href={
            reactPlayLive
              ? "https://www.youtube.com/playlist?list=PLIJrr73KDmRxqfDS58ZC3MoianOjcm__Y"
              : ""
          }
          target="_blank"
        >```

[atapas]

Please share any landing page for event, I will forward to that, did not found any. So left it blank for later update. Here is a code that is used to populate this buttons link , but it too does not have the landing page for the event.

          href={
            reactPlayLive
              ? "https://www.youtube.com/playlist?list=PLIJrr73KDmRxqfDS58ZC3MoianOjcm__Y"
              : ""
          }
          target="_blank"
        >```

@debjit the issue is about creating an event page which has all the events listed and link it with the View all link. So you need to create a new event page that runs on the /evets route and link it from the view all link. Is it clear now?

[debjit]

OK. Is this the /event page mockup?
https://xd.adobe.com/view/9a88daac-8773-4551-a230-9c75a172d560-cfdb/screen/5b56e413-2682-44fb-b648-1858b846d1be/specs/
I was told by @ap221882 to update this section acording to design only.
I can just add /event link but it will show 404 error.
Should I add broken link?

[atapas]

https://xd.adobe.com/view/9a88daac-8773-4551-a230-9c75a172d560-cfdb/screen/5b56e413-2682-44fb-b648-1858b846d1be/specs/

Nope!

You should add a page for /events that should list all the events. The Home page only shows a latest few 3 or 5. What if we have 50 events. So this /events page will have all those tiles.

[atapas]

@debjit These changes are looking good to me.

Pending Tasks:

• Add a new events page
• Use the same Events data structure to populate the events page.
• The new Events page should run on the /events route
• Make all the events data accurate.

[joypoddar]

/events page's footer is different from the main page footer

[joypoddar]

The subtitle under the logo has a different font-weight and in the first one, it's repeating. Kindly request @atapas to give you the proper images and specs.

[debjit]

As you can see and read that I am waiting fot the real information, and the image.

1. No,1 image has it slogan embaded into page, please visit the demo or check the code,
2. "/events page's footer is different from the main page footer" We need to refactor the Header and footer. I did not add or removed anything it is what it is. I just created the content inside layout. After refactoring it will be same.

[joypoddar]

@debjit the font below the logo is still catching my attention. I am guessing you have not been communicated what the exact font is. I did a little digging and found that Bebas Neue could be a fit. I would still request @atapas to look into it.

[joypoddar]

I am unable to see the ReactPlay Live section in the preview.

@atapas kindly check if this is occurring for you too?

Redesigning the data fetching. We are now getting all the data from graphql. No local data source is used.