Refine layout and wording on page

[phipsae]

Description

Hi,
I've updated the layout and added more text to provide a clearer explanation of what we're doing (see the screenshots below).
I hope that's okay!

Thanks @Pabl0cks it is already a nice page! Open for feedback :)

[vercel]

@phipsae is attempting to deploy a commit to the BuidlGuidl Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
buidlguidl-landing	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 7, 2025 6:42am

[Pabl0cks]

Thanks a lot for the tweaks! I like the new layout and content much more, just a few comments:

• "What are BuidlGuidl Batches?" sectopm could use a bit more spacing, at least in my laptop everything feels too tight. Mobile layout needs a review too.
• "What you'll learn?" section looks good to me!
• "How do Batches work?" something feels strange to me with this card layout, maybe that's a personal perception. I think we could use a bit extra spacing here too.

If needed we could ask Andrea, if she's available, to do a final review or give the designer touch.

[phipsae]

Thanks for the fast feedback! :)

I fixed the mobile view (thanks for pointing out), added some more spacing and created two components.
What do you think of creating more components to make the code more readable?

For the "How do Batches work?" I wanted to have another card layout that doesn't repeat that from the "What are BuidlGuidl Batches?". For me it seems good, but open to change it :)

If Andrea has time that would be nice! :)
Could you please ask her?

[Pabl0cks]

For the "How do Batches work?" I wanted to have another card layout that doesn't repeat that from the "What are BuidlGuidl Batches?". For me it seems good, but open to change it :)

Yeah I think is good enough! The pills felt a bit strange at start but it's fine! Everything looking good now, just a couple of nitpicks:

• Can you give more line spacing to the card titles here?

  Screenshot

  

• What do you think about changing the order of the table and the CTA from the last section? Having already a CTA at top, I think visually it would look a bit better for the whole section. Ignore if you feel like it's better like it is 🙏

  Screenshot

  

[phipsae]

I added the spacing, definitely better! (Funny that I didn’t notice it earlier 😅)

As for the order of the CTA and the table, I tried moving the CTA to the bottom, but I didn’t like it much. I’m happy with how it is now, but if you want to change it, let me know!

[Pabl0cks]

Maybe with pt-2 lg:pt-8 is enough spacing?

Suggested change

	<div className="bg-[#EDEFFF] pt-16 lg:pt-24 pb-16">
	<div className="bg-[#EDEFFF] pt-2 lg:pt-8 pb-16">

[phipsae]

Changed

[Pabl0cks]

LGTM to merge!

Added a small comment about the spacing from the last CTA to the above section, but can leave it as it is or tweak it however you see it better!

In the future if we feel the cards font size for the first section is too big, could lower it a bit 🙏

[Pabl0cks]

Just realized vercel build was failing, tried to yarn build in local and got this:

Build optimization failed: found pages without a React Component as default ex
port in
pages/batches/components/BatchCta
pages/batches/utils/formatDate
pages/batches/components/Card

See https://nextjs.org/docs/messages/page-without-valid-component for more info.

@phipsae think we need to move the new components to /components and the new util to utils

[phipsae]

Thx!
Fixed it. Now its successfully deployed.
Now we only need to promote it to production :)