Skip to content

Church website for a Barranquilla community sharing worship and discipleship content.

CBI — screenshot 1 of 6
Type
Landing page
Stack
  • Astro
  • React
  • Tailwind

The challenge

Centro Bíblico Internacional has two campuses, several Sunday services, a youth night and a lot happening in between: devotionals, sermon series, events, worship, small groups and missions. Newcomers needed to find a service near them in seconds, and members needed one place to keep up with everything else.

What I built

  • A home page that answers “when and where”. Right after the welcome, each campus shows its service times with a direct link to directions, followed by the church’s purpose, its pastors and its values.
  • A page for every ministry. Worship, CBI College, events, series, missions and the daily Bible-in-a-year devotional each have their own page, built from the same set of sections so they feel like one site.
  • Campus pages that get people there. Address, map and a WhatsApp button for every campus, plus a floating WhatsApp shortcut on every page.
  • Giving made simple. A donations page with every way to give, reachable from the footer of any page.
  • Static and fast. Astro renders the content as HTML and only the sliders and the menu load JavaScript, as small React islands.

On mobile

  • CBI — mobile screenshot 1 of 3
  • CBI — mobile screenshot 2 of 3
  • CBI — mobile screenshot 3 of 3

Pages

Home
About
Projects
Skills
Blog

Projects

RoofPixelAstro · React · Tailwind
EFY FinanceLaravel · Livewire · Tailwind
CBIAstro · React · Tailwind
REAL Skin VascAstro · Tailwind
CEAR InternalAstro · React · Tailwind
Spoti-MeAstro · React · Tailwind
KivoWordPress · WooCommerce · Elementor

Blog

Morphing cards: shared element transitions in AstroSep 25, 2026
Behind the scenes of this portfolioSep 24, 2026

Actions

Copy emailmazagonzalez61@gmail.com
Send an email
Download CV
Play music
Ver en español

Social

GitHub(opens in a new tab)
LinkedIn(opens in a new tab)
Instagram(opens in a new tab)