NextJs & Tailwind Development + API integration
Budget: ₹12,500 – ₹37,500 INR
Scope:
>> You need to develop 11 pages in Figma: Events, About Us, Contact Us, Upcoming Events, Dedicated Upcoming Events, Past Events, Dedicated Past Events, News, Press Release, Videos, and Career.
>> The Events page will be a parent for both Upcoming Events and Past Events dedicated pages.
>> The About Us page should include a journey section that moves from right to left on scroll, showcasing additional timelines.
>> Animations need to be implemented.
>> The design should be 100% responsive for all screen sizes.
>> API integration and data binding should be done with the Payload CMS block-based collection.
>> The code should be developer-friendly and follow industry best practices.
>> The website's speed should be optimized.
>> The Events page and dedicated pages should load on scroll with skeleton animation.
Use the following size for headings on desktop/laptop:
H1 : 50px
H2 : 40px
H3: 35px
H4: 30px
H5: 25px
Figma : https://www.figma.com/design/VuNvv2K2Tlzwc5objfY7Ud/Untitled?node-id=0-1&t=Z9ejnFU8jucGjRTq-1
>> You need to develop 11 pages in Figma: Events, About Us, Contact Us, Upcoming Events, Dedicated Upcoming Events, Past Events, Dedicated Past Events, News, Press Release, Videos, and Career.
>> The Events page will be a parent for both Upcoming Events and Past Events dedicated pages.
>> The About Us page should include a journey section that moves from right to left on scroll, showcasing additional timelines.
>> Animations need to be implemented.
>> The design should be 100% responsive for all screen sizes.
>> API integration and data binding should be done with the Payload CMS block-based collection.
>> The code should be developer-friendly and follow industry best practices.
>> The website's speed should be optimized.
>> The Events page and dedicated pages should load on scroll with skeleton animation.
Use the following size for headings on desktop/laptop:
H1 : 50px
H2 : 40px
H3: 35px
H4: 30px
H5: 25px
Figma : https://www.figma.com/design/VuNvv2K2Tlzwc5objfY7Ud/Untitled?node-id=0-1&t=Z9ejnFU8jucGjRTq-1