Story #2125: Homepage component

[DrJfrost]

Issue: #2125

Summary & Context

• Figma link:
• • Desktop
• • Tablet
• • Mobile
• Link to components/page: http://localhost:8000/v3/demo/components/

Changes

• Adds V3HomepageView and registers the /v3/homepage/ URL.
• Creates the v3/homepage.html template, assembling a comprehensive homepage using existing V3 UI components and a new masonry layout.
• Introduces SharedResources class in core/views.py to consolidate and share demo content data (e.g., posts, events, install options, testimonials) used by V3ComponentDemoView and V3HomepageView.
• Updates V3ComponentDemoView to utilize the new SharedResources class, removing duplicate data definitions and promoting reusability.
• Adds new styling for homepage-specific layouts (v3-homepage.css) and join-card components (join-card.css).
• Includes various minor UI and responsiveness fixes for existing V3 components, particularly hero sections and different card types.
• Relocates hero component examples from base.html to _v3_example_section.html to improve organization.

‼️ Risks & Considerations ‼️

Please list any potential risks or areas that need extra attention during review/testing

Screenshots

Self-review Checklist

• Tag at least one team member from each team to review this PR
• Link this PR to the related GitHub Project ticket

Frontend

• UI implementation matches Figma design
• Tested in light and dark mode
• Responsive / mobile verified
• Accessibility checked (keyboard navigation, etc.)
• Ensure design tokens are used for colors, spacing, typography, etc. – No hardcoded values
• Test without JavaScript (if applicable)
• No console errors or warnings

[gregjkal]

@DrJfrost can we get a description with screenshots and testing notes on this?

If it's not ready for review, please make it draft.

[julhoang]

Hi @herzog0! I'm mostly requesting change for the unintended layout update to the (seemingly) the base template since it happens across a lot of pages:

Some other UI issues for the individual components that I noticed – totally feel free to document them as separate bugs ticket if you feel like they are out of scope:

Screenshot	Notes
	This card has a border shadow that should be removed, the border radius should be 12px instead of 16px.
	Some of the data bars are cropped out of view on mobile, maybe we should ask Design if we can add a scrollbar here.
	On tablet, this last row should have equal-width columns
	On mobile, this card body should also have equal-width columns

[herzog0]

Thanks @julhoang, fixed them all!

[julhoang]

Thanks for the updates @herzog0 ! Sorry I have another piece of feedback down below – didn't really think of it in the last round 😅

[julhoang]

This is looking great, thanks for all the updates Teo!! I just noticed 1 more UI issue, otherwise LGTM 🙏

[julhoang]

woop I meant to add a pre-approval ^ up there