The Client
Reve Stitching is a garment manufacturing and export company based in Faisalabad, Pakistan. They export large volumes of garments every month to UK and EU brands including Boohoo, Pull&Bear, and Yours Clothing.
When I started working with them, they had no online presence. No website, no digital brand, nothing. International buyers had no way to evaluate them before making contact.
The Problem
In the garment export industry, credibility is everything. UK buyers receive dozens of factory pitches every week. Without a professional website, Reve Stitching was competing at a disadvantage.
They needed:
- A professional website that establishes international credibility
- A system for buyers to request quotes and samples online
- An admin dashboard for the team to manage incoming requests
- Mobile responsiveness for buyers browsing on phones
- Fast loading speeds for UK-based visitors
Technical Decisions
Framework: Astro 5. The site is content-heavy with minimal client-side interactivity. Astro ships zero JavaScript by default, which keeps page loads fast. The islands architecture lets me add React components only where needed, like the quote form.
Styling: Tailwind CSS. Utility-first CSS let me iterate on the design quickly without fighting specificity issues. The design went through 4 major revisions before the client was satisfied.
Animations: GSAP + ScrollTrigger. The client wanted premium scroll animations. I built section reveals, parallax effects, and staggered content loading. Performance was critical since I tested on low-end devices.
Backend: Supabase. Quote requests, sample inquiries, and contact form submissions all flow into Supabase. Row Level Security ensures only authenticated admin users can view submissions. Real-time subscriptions update the dashboard without page refresh.
Hosting: Vercel. Edge deployment means UK-based buyers get fast response times. Automatic deploys from GitHub mean I can push updates without any manual process.
Key Features
Quote Calculator. Buyers enter garment details (fabric type, quantity, complexity) and get an instant ballpark quote. This pre-qualifies leads before they reach the sales team.
Sample Request System. A multi-step form that collects garment specifications, reference images, and delivery requirements. All submissions are stored in Supabase with file attachments.
Admin Dashboard. The factory team can view, filter, and respond to all incoming requests. Built with React islands inside the Astro framework.
Dark Mode. Full dark/light theme support with smooth transitions. Persisted via localStorage.
AI Chat Widget. An embedded chat that answers common buyer questions about capabilities, minimums, and lead times.
Challenges
The biggest technical challenge was scroll animation performance. My initial implementation used too many simultaneous animations, causing frame drops on the client's older office computers. I refactored to use visibility-gated animations that only run when elements are in the viewport, and batched DOM reads to avoid layout thrashing.
The biggest non-technical challenge was content. The client had no existing copy, no product photography, and no clear brand messaging. I wrote all the website copy, coordinated product photo shoots, and established the brand voice from scratch.
Impact
- Site launched and immediately used in buyer presentations
- Quote requests started coming in within the first week
- UK buyers specifically mentioned the website quality during meetings
- Page load time under 1.5 seconds on 3G connections
- Lighthouse score 95+ across all metrics
The site is live at revestitching.com.
Local agencies quoted lakhs for this scope. I delivered it solo.