Top Header

[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:

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

[anasfarock]

Can you assign it to me

[Alexandrbig1]

Yes, please — you’re very welcome to take this task @anasfarock ! Just a quick note: on the right side of the header, there are icons for search, login, and cart. For now, please make them visually appear but not functional, since their logic will be handled in another task. Also, don’t forget that Hacktoberfest contributions officially start on October 1st.

[anasfarock]

Thanks

[Alexandrbig1]

@anasfarock, Figma Design