DEV Community

Cover image for Аз Съм Спартак! — The Pulse of a Football Community
k1lgor
k1lgor

Posted on

Аз Съм Спартак! — The Pulse of a Football Community

DEV Weekend Challenge: Community

This is a submission for the DEV Weekend Challenge: Community

🦅 The Community

I built this project for the community of FC Spartak Varna ("The Falcons"), one of Bulgaria's most historic football clubs. Currently, the club and its supporters are united in a massive fundraising campaign titled "Аз Съм Спартак" (I Am Spartak). The goal is to clear legacy debts and ensure the stable future of the club. This community is defined by intense loyalty, resilience, and a deep connection to their city and heritage.

What I Built

I created a premium, minimalist landing page designed to drive engagement for the fundraising campaign. Instead of a typical "salesy" interface, I focused on high-end aesthetics and emotional impact:

  • "Heartbeat" Loading Screen: An animated entry sequence that pulses with the phrase "Аз... Съм... СПАРТАК!" (I... Am... SPARTAK!) to build an immediate emotional bond.
  • Cinematic Identity: A custom-designed background integrating the official 1918 club logo with a powerful falcon silhouette.
  • Minimalist Tiers: A clean, two-column layout presenting the donation levels (€200 and €500) and their specific community rewards (The Wall of Honor, Gold Letters in history).
  • Functional IBAN Integration: A seamless copy-to-clipboard feature for bank transfers.

Demo

Code

You can find the full source code, built with performance and clean design in mind, here:

GitHub logo k1lgor / azsamspartak

Официална кампания за набиране на средства за ФК Спартак Варна. Аз съм Спартак!

🦅 Аз Съм Спартак (I am Spartak) - Fundraising Landing Page

A premium, minimalist landing page built for FC Spartak Varna's official fundraising campaign.

FC Spartak Varna

⚽ The Mission

FC Spartak Varna is one of Bulgaria's most storied football clubs. This landing page aims to unify the community ("The Falcons") to clear heritage debts and secure the club's stable future. The campaign, titled "I Am Spartak", focuses on high-impact donations through donation cards and community support.

✨ Features

  • Emotional Loading Screen: A custom "Heartbeat" animation triggering the "Аз... Съм... СПАРТАК!" (I... Am... SPARTAK!) narrative.
  • Cinematic Visuals: A high-end background featuring a falcon silhouette integrated with the original club logo.
  • Minimalist Design: A clean, distraction-free interface focusing on the donation tiers and the mission.
  • Donation Tiers:
    • 🔹 Standard (€200)
    • 🔹 Premium (€500) - includes the "Wall of Honor" and "Golden Letters" in club history.
    • 🔹 Free donation choice.
  • Functional IBAN Details:

How I Built It

I wanted the site to be as fast and "lightweight" as a falcon, so I kept the tech stack modern and dependency-free:

  • React 19 & Vite: For a blazing-fast core and modern component architecture.
  • Bun: Used as the package manager and runtime for ultra-fast development cycles.
  • Vanilla CSS: No heavy UI libraries. I used CSS Grid for the responsive layout, CSS Animations for the heartbeat effect, and Glassmorphism to ensure text readability over the cinematic background.
  • Lucide-React: For crisp, minimalist iconography.

This project shows how modern web design can serve local sports communities by turning a simple call for donations into a premium brand experience.

Built by @k1lgorSemper 1918 Fidelis 🔵🦅⚪️

Top comments (0)