MG Racing
Full-stack platform for a motorcycle dealership and scooter rental operator in Salento, Puglia — built from scratch.
The Challenge
Brand Image
Outdated website that failed to communicate the brand — no visual identity, no excitement, no quality signal.
Zero Online Revenue
Accessories and gear sold in-store only. No e-commerce capability, leaving significant revenue on the table.
Manual Rentals
Scooter bookings handled by phone and paper. No availability tracking, no online payment, no automation.
What We Built
Brand Showcase
Landing & Brand
Full-screen hero with GSAP entrance animations and scroll-driven parallax. Brand pages with pinned scroll sections and editorial imagery sourced from Contentful CMS.
Full Stripe Checkout
E-Commerce Shop
4-step checkout: Shipping → Order details → Stripe payment → Final review. Contentful product catalog with TypeScript types auto-generated at build time. Promo codes, wishlist, order history with visual timeline.
5-Step Booking Wizard
Scooter Rental
Date availability pulled from Supabase, time slots, extras pricing (GPS, helmets, insurance). Cron automation: 24h pre-rental reminder, post-return review request, abandoned inquiry cleanup. 12 delivery city pages.
Full Business Dashboard
Account & Admin
User area with order history, rentals, wishlist, and personalized product recommendations. Admin with revenue charts, top customers by LTV, abandoned cart recovery, and full order/rental/promo management.
Results
24/7 E-Commerce
MG Racing now sells accessories online around the clock, with Stripe handling payments and Supabase tracking every order.
Fully Automated Rentals
Customers book, pay, receive confirmation, get a reminder the day before, and receive a review request after return — no manual intervention.
Live Business Dashboard
The owner has a real-time view of revenue, top customers, open rentals, and recovery opportunities from abandoned carts.
Brand That Matches the Product
Animation-driven design communicates speed, precision, and quality — where the old site communicated nothing.
Technology
SSR, ISR, server actions, file-based routing — one framework for everything
PostgreSQL with Row-Level Security; no separate auth service needed
SCA-compliant, webhooks for reliable async order confirmation
Editors update products without deploys; TypeScript types auto-generated
Production-quality scroll animations beyond what CSS can achieve
Zero-config Next.js, edge network, cron jobs, env isolation per branch
Scope
Landing + Brand
GSAP, Contentful-driven
E-Commerce
Stripe checkout, promo codes
Scooter Rental
5-step wizard, 12 city pages
User Account
Orders, rentals, wishlist
Admin Dashboard
Revenue charts, management
Auth
Sign in, OAuth, password reset
Built by Dantastic Web Solutions
Visit Site