Skip to content
HL
Available
Project / weblive

WebSolution.ma

Agency site with PayPal checkout, admin dashboard and multi-currency invoicing

Live site ↗

This is my own agency's website, selling SEO, backlink and web-development packages. It is a full-stack Next.js app with PayPal package checkout, promo codes, a Turnstile-protected contact form, and an admin dashboard for orders, customers, portfolio projects and invoices. I built it alone between April and November 2025 and deployed it on Netlify; a Next.js 16 + React Three Fiber redesign was started later and is not deployed.

Highlights

  1. 01PayPal checkout for service packages with promo-code validation and country-aware phone input.
  2. 02JWT/MongoDB auth and an admin dashboard for orders, customers, packages and portfolio projects with S3 image uploads.
  3. 03Invoicing module (create, send and collect via PayPal) in USD, GBP and MAD with conversion for analytics.
  4. 04Portfolio showcase with GSAP animations and a responsive live-preview modal.
  5. 0599 commits, all my own (April to November 2025).

Stack

Screenshots

Homepage hero on desktop. The background is an HTML canvas particle animation, and a GSAP timeline brings in the headline, buttons and floating icons
The same hero at phone width, with the navigation collapsed and the call-to-action buttons stacked
Backlinks service page, with a node graph of referring domains around 'Your Site'
Methodology section on the backlinks page, laid out as a four-step card grid
Consultation form, one component reused on the contact, about, SEO services and backlinks pages. It posts to a Next.js API route that sends the enquiry with Nodemailer

WebSolution.ma · screenshots

WebSolution.ma homepage hero on desktop: dark background with thin animated streaks, gradient headline 'Elevate Your Brand with Stunning Web Design', floating icons and two call-to-action buttons
1 / 5Homepage hero on desktop. The background is an HTML canvas particle animation, and a GSAP timeline brings in the headline, buttons and floating icons