Set Up Initial Project UI: Main Page Background and Component Alignment once each of there PR gets merged

[Saumya40-codes]

Overview

(Please ask to maintainer to assign this issue to you before working on it)

This issue focuses on setting up the initial UI for the Programming Club website. It includes(both tasks are expected to be done on opening seperate pull request):

1. Setting up the background color for the main page (based on the Figma design).
2. Aligning the components on the main page (once they are created).

This task will be divided into milestones, ensuring incremental progress.

---

Milestones

Milestone 1: Set Up Main Page Background Color (Completed)

• Implement the background color for the main page as per the Figma design.
• Ensure the background color matches the branding and design theme.

Milestone 2: Align Main Page Components (Dependent on Component Creation)

• Once the components for the main page are created (refer to related issues), align them properly.
• Ensure spacing, layout, and alignment adhere to the Figma design.

---

Steps to Complete Milestone 1

1. Access the main page component file (e.g., App.jsx or equivalent).
2. Apply the background color from the Figma file to the relevant container(s).
3. Verify the color matches the Figma reference.
4. Create a pull request linking this issue.

---

Resources

• Figma Design: Link to Figma Design

---

Notes

• Coordinate with contributors working on component creation to ensure alignment after their tasks are completed.
• For questions or design clarifications, reach out to the maintainers or refer to the Figma file.

---

Milestone Progress:

• Milestone 1: Background color setup
• Milestone 2: Component alignments
  • Navbar
  • Hero Section
  • Our Events Component (Open for contribution)
  • Upcoming Events Component (Open for contribution)
  • Contact Component (Open for contribution)
  • Footer Component (Open for contribution)

[ZEROITRAYO]

@Saumya40-codes Have created the background. Should I wait for the components or should make pull request?

[Saumya40-codes]

@Saumya40-codes Have created the background. Should I wait for the components or should make pull request?

You can make the PR for it!

There will be seperate pr(s) for each components when there respective PR gets merged