Skip to content

Feature: Design and Build the SymbiTech 2026 Page #105

Description

@GenDelta

Requirements

  • Design the SymbiTech 2026 page before implementation, following the repository's existing UI and component conventions.
  • Rename the header and footer buttons to SymbITech, replacing Symbitech 2025 and SymbiTech 2025.
  • Update both buttons to redirect to /symbitech instead of /symbitech2025.
  • Build the /symbitech page with the event logo, a live countdown, event dates of 16 and 17 October 2026, a 9:00 AM onwards start time for each day, and venue details: CL 9 & 10, 4th Floor.
  • Use the space theme as visual direction, including pitch-black backgrounds, stars, and scroll animations with spaceships or suitable 3D models where practical.
  • Reuse components and follow repo conventions to avoid redundant code.

Acceptance Criteria

  • A design for the SymbiTech 2026 page is completed before implementation.
  • The header and footer buttons display exactly SymbITech.
  • Both buttons navigate to /symbitech and no longer use /symbitech2025.
  • The /symbitech route loads successfully.
  • The page displays the event logo, a live countdown, 16 and 17 October 2026, 9:00 AM onwards, and CL 9 & 10, 4th Floor.
  • The space-themed visual treatment includes the agreed stars, dark background, and scroll animation elements without compromising readability or responsiveness.
  • The implementation uses reusable components and follows repository conventions.
  • The project builds successfully and the page works on desktop and mobile.

Activity

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    area:footerFooter content and behaviorarea:navbarHeader and navigation bar contentarea:navigationRouting and page navigationarea:routingRoute definitions and URL behaviorarea:symbitechSymbiTech pages and related event contentarea:ui-componentsShared or reusable UI componentsassetsRequires adding, replacing, organizing, or validating assetsbuildRequires build, lint, type, or compilation validationenhancementNew feature or requestevent-dataAdds or updates event names, dates, or metadatastatus:needs-designRequires a design proposal before implementationtype:animationTransitions, scroll effects, motion, or interactive animationtype:designVisual design, layout, or Figma worktype:frontendReact, JSX, CSS, or client-side implementationtype:responsiveMobile, tablet, desktop, or responsive-layout work

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions