Update home tab

[vtushar06]

What kind of change does this PR introduce?

• Feature and content update

Issue Number:

• Closes Paris 2025: Update Home tab  #69

Screenshots/videos:

If relevant, did you update the documentation?
No documentation update required

Summary

This PR implements the updates requested in issue #69 to the Home tab of the JSON Schema Conference website for 2025. The key changes include:

• Updated landing image using a photo from last year’s conference with overlay for clarity.
• Event date updated to “December 11th, 2025.”
• Added CTAs (“Apply to Speak”, “Become a Sponsor”, “Meet Speakers”, “Get Tickets”) aligned and placed directly below the event date.
• Added a countdown timer component under the CTAs.
• Redesigned the informational section to improve visual alignment and clarity.
• Removed the featured speakers section as per request.
• Retained the existing map section using Free API support.
• Added Past Sessions section displaying the first two recorded session videos from the official YouTube channel.
• Added a Tickets section with a visual design and CTA linking to the official ticketing platform.
• Updated the Sponsors section to include a “Become a Sponsor” CTA linking to the current sponsorship page and past sponsors including Octue, organized by category.
• Ensured visual style consistency with the conference branding guidelines.

Does this PR introduce a breaking change?
No

[Honyii]

@vtushar06 thanks for doing this work and creating a pr on time. However, some checklist were not met.

• The landing page image wasn't from the pictures taken from last year's comment. kindly check the main issue and navigate the steps to get these.
• In the countdown timer component, remove "conference starts in:" leave the rest as is.
• Take the countdown component up and bring the cta's down (the position where the countdown component currently is).
• The "what is json schema ...." section was not changed at all. If there's no design idea for this, then that's fine.
• The past sessions should come in the youtube form with the thumbnail. We need to see that it is viewable on youtube once we scroll here (basically should be displayed as it is on youtube).
• The tickets section was not done as stated in the original issue, kindly check the description in the issue checklist (it should look like a card or modal).
• For sponsors, octue was a 2024 sponsor and should reflect that. So it can show become a sponsors cta, then paast sponsors (as octue, a platinum sponsor).
• Also for now, i am only sure of Octue, i referenced the landcape project so you could see here to take the octue logo/ information from. Also only the logo is needed for octue, kindly remove the other sponsors.

Altogether , thank you for your hard work.

[vtushar06]

Hii @Honyii, I am thinking to implement tickets section like this, is this looks clean and okay to you or need some changes
I think for background color for Cta should match website theme color, that's why I used same.

[Honyii]

@vtushar06 this looks good, however, the designs for button should be the same across the website. Really any of it works but should be uniform. So @jagpreetrah kindly sync with Tushar so you can decide on what button style to use across the pages.
Also check the existing design for sessions and schedule - so you could update the current design for tickets. Alltogether, looks good!
cc @animeshsahoo1 so you could see what was agreed on pending when you start working on your issue.

[vtushar06]

yeah sure @Honyii, happy that you liked this, will sync with @jagpreetrahi for further updation. thanks and also Is there any kind of deadline for this issue as I think we should do this as fast as possible.

[vtushar06]

hey @Honyii, I made some changes regarding styles and layout for home tab and I did not make changes for "what is json schema ...." section, as i think for now it is good. Thanks can you review this out whenever you are free so that we can move forward with changes. Thanks😊

[Honyii]

@vtushar06 I've gone through what you've done, welldone. But can you take your time to go over the checklists one step at a time. Let's start from the things that were missed from the start;

• The tickets should route to the tickets page. Check the original issue, you will see where it should route to.
• For sponsorship, Octue was a 2024 sponsor as stated in the first reply here. So reflect that and only the logo is needed no need to add short description (as previously stated).

Then for new observation;

• JSON Schema name and logo is too at the top of the page, there is no spacing currently. See how it is right now and do same.

• The button is too big, kindly reduce. Use the same size as it is currently (in the previous featured speakers section on the website).

Note: All the buttons in this page is too big - both in "get your tickets" and "become a sponsor".

• This one is new due to the changes we have, now the "dangling icon" looks off. Kindly take it below the conference date. I.e at the top of "secure your spot ....) modal.

Important: The new implementation is not well mobile responsive. Kindly make the buttons and all fit well on mobile.

New req: Kindly make the map section to have blank spaces on both sides, just as you have the "past sessions" Because right now, as the map works when scrolling, it disrupts the experience.
Kindly leave some spaces on right and left side (but not too much as in the past session section).

[vtushar06]

Hey @Honyii, I have made changes related to your's last comment
Ensuring following things:

1. tickets cta should route to the mentioned link
2. reduced sizes for cta's
3. provided spacing from top for JSON Schema logo
4. moved scroller animation above countdown
5. adjusted map as mentioned
6. removed description from octue logo
7. ensured mobile responsive changes

And if any more changes required or some suggestion for these changes love to hear.
Thanks

[Honyii]

Thank you @vtushar06 this looks really good and I'd merge this for now so we can have this out and do cleanup in a final ticket for all sessions.
Currently, the links were supposed to route to a new page instead of in-page. Also the mobile responsiveness for the first modal and buttons are not well aligned but I do't think it's a blocker.