Skip to content

Top Header #11

@Alexandrbig1

Description

@Alexandrbig1

Create TopHeader.jsx Component

Description:

Build the Top Header for the CoreX frontend.

Requirements:

  • Create TopHeader.jsx component
  • Layout:
    • Center: rotating promo messages (e.g., “Buy 1 get 1 50% off”, “Free shipping on orders over $110”)
    • Right: social media icons with placeholder links
  • Style with TailwindCSS
  • Responsive design (icons remain accessible on mobile)

Assets:

Image Image

Acceptance Criteria:

  • Promo text rotates automatically (e.g., every 10–15 seconds)
  • Social media icons are visible and clickable (placeholder links OK)
  • Works on desktop + mobile view

Metadata

Metadata

Assignees

Labels

frontendTasks related to the frontend (React, Vite, TailwindCSS, UI components, pages)hacktoberfestSpecial issue for Hacktoberfesthacktoberfest-2025Special issue for Hacktoberfest 2025priority: lowCan wait, not urgent

Type

Projects

Status

Done

Relationships

None yet

Development

No branches or pull requests

Issue actions