Skip to content

Fix #18: Add landing page with reusable UI components#28

Open
DjYash007 wants to merge 1 commit into
bsoc-bitbyte:mainfrom
DjYash007:feat/landing-page
Open

Fix #18: Add landing page with reusable UI components#28
DjYash007 wants to merge 1 commit into
bsoc-bitbyte:mainfrom
DjYash007:feat/landing-page

Conversation

@DjYash007

@DjYash007 DjYash007 commented Jul 2, 2026

Copy link
Copy Markdown
Contributor

Summary

Implements the landing page for YDO as per issue.

Three reusable components built:

  • PrimaryButton - accepts children, onClick, disabled, className props
  • StudentCapsule - static pill badge for IIITDMJ students
  • LandingPage - mobile-first layout with YDO branding, hero text, CTA, and decorative curl vectors

Fixes #18

Reviewer Guidance

Start with components/ui/PrimaryButton.tsx and components/ui/StudentCapsule.tsx -
these are the two reusable components. components/pages/LandingPage.tsx composes them

Deliberate tradeoff: Curls.svg uses absolute inset-0 positioning -
this is intentional for the decorative background layer, not layout positioning.

Desktop curl scaling scoped out - vectors are designed for the 402px mobile viewport.
Can be addressed in a follow-up if required.

Note: mobile-web-app-capable in metadata was added for landscape orientation handling, can be removed if out of scope.

Essential Checklist

  • The PR title starts with Fix #bugnum: , followed by a short, clear summary of the changes. (If this PR fixes part of an issue, prefix the title with Fix part of #bugnum: ....)
  • "Allow edits from maintainers" is checked. (Instructions)
  • The PR is made from a branch that's not called main or master.

Proof of Work

2026-07-02-105004

AI Usage Disclosure

Used Claude (Anthropic) as a development assistant for figma spec analysis, component architecture guidance.

Implements LandingPage, PrimaryButton, and StudentCapsule components
based on Figma designs. Includes decorative curl vectors, YDO logo,
hero text, and CTA button with mobile-first layout.

Closes bsoc-bitbyte#18
@LightCreator1007

LightCreator1007 commented Jul 9, 2026

Copy link
Copy Markdown
Collaborator

Great, I need a video of it working.
What i do not see is the redirect to dashboard if the user is already logged in.
for the desktop layout remove the curls.

Also sorry for the last minute changes, please make ur changes to the login page. For now until we dont have a proper landing page, reroute everything to login page.

other than that lgtm.

@LightCreator1007 LightCreator1007 added BSoC'26 easy easy level issue lgtm looks good to me labels Jul 9, 2026
@LightCreator1007

Copy link
Copy Markdown
Collaborator

Also where are the system toasts?
Please make them.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

BSoC'26 easy easy level issue lgtm looks good to me

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Frontend: Implement Landing Page and Toasts

2 participants