GROUPSBYEB

Timeline

The project was started in October 2025

Oct 2025 - Feb 2026: initial development and launch of the official website

Techonologies

Astro

Astro

Tailwind CSS

Tailwind CSS

GSAP

GSAP

Resend

Resend

TypeScript

TypeScript

Features

Fast static site with Astro

Smooth GSAP animations

Interactive carousels with Swiper

Typing effects with Typed.js

Contact form powered by Resend

Responsive design

Creative and original UI

Optimized performance

Project Overview

overview imageoverview imageoverview image

Groups by eb was born as a need to have an official and professional online presence for the brand. The goal was clear: a fast, modern, and visually striking website that reflected the identity of Groups.

Astro was chosen as the main framework for its outstanding performance in static content generation, combined with the flexibility to incorporate dynamic components where needed.

The visual experience was enhanced with GSAP for fluid animations, Swiper for interactive carousels, and Typed.js for dynamic typing effects, creating an immersive and memorable first impression.

TailwindCSS 4 provided a solid and scalable design foundation, while the contact form was powered by Resend to ensure reliable and professional email delivery.

It was usea Saint-George for the font, and a custom color palette was created to reflect the brand's identity, resulting in a cohesive and original design that stands out in the market.

TakeAways

Gained deep experience with Astro's static site generation capabilities, understanding how to structure a performant and scalable project from scratch.

Improved animation skills using GSAP, learning to create smooth and purposeful transitions that enhance the user experience without sacrificing performance.

Strengthened knowledge of TailwindCSS 4 and modern design systems, applying creative yet consistent visual patterns throughout the entire site.

Learned to integrate third-party services like Resend for transactional emails, adding real-world functionality to a production-ready website.

Deepened understanding of deployment workflows with Vercel, including environment configuration, domain setup, and performance monitoring.

Next Project