You will get a fast, animated landing page in Next.js and Tailwind CSS
Project details
I build landing pages that load fast, look sharp on every screen, and are built to last, not thrown together with a page builder.
My own portfolio site uses Next.js 14, TypeScript, Framer Motion scroll animations, a dark/light theme toggle, and English/Spanish language switching. It scores 99+ on Lighthouse and is fully WCAG 2.1 compliant. That's the standard I apply to client work.
Starter tier delivers a clean, responsive single-page layout, no animations, straight to the point. Standard adds scroll animations and a theme toggle for a more polished experience. Advanced is the full package: multilingual support, SEO optimization, accessibility compliance, and CI/CD pipeline.
Every tier is delivered as a clean GitHub repository, fully responsive across mobile, tablet, and desktop.
My own portfolio site uses Next.js 14, TypeScript, Framer Motion scroll animations, a dark/light theme toggle, and English/Spanish language switching. It scores 99+ on Lighthouse and is fully WCAG 2.1 compliant. That's the standard I apply to client work.
Starter tier delivers a clean, responsive single-page layout, no animations, straight to the point. Standard adds scroll animations and a theme toggle for a more polished experience. Advanced is the full package: multilingual support, SEO optimization, accessibility compliance, and CI/CD pipeline.
Every tier is delivered as a clean GitHub repository, fully responsive across mobile, tablet, and desktop.
Programming Languages
HTML & CSS, JavaScript, TypeScriptCoding Expertise
Cross Browser & Device Compatibility, LocalizationWhat's included
| Service Tiers |
Starter
$250
|
Standard
$500
|
Advanced
$900
|
|---|---|---|---|
| Delivery Time | 5 days | 8 days | 14 days |
Number of Revisions | 1 | 2 | 3 |
Number of Sections | 5 | 7 | 10 |
Opt-In Form | - | - | - |
Autoresponder Integration | - | - | - |
Social Media Icon Integration | - | ||
Responsive Design |
Optional add-ons
You can add these on the next page.
Fast Delivery
+$75 - $150
Additional Revision
+$50
Additional Section
(+ 1 Day)
+$35Frequently asked questions
About Gerson
Senior Frontend Developer | Next.js | TypeScript | React
Puebla, Mexico - 8:04 pm local time
9 years of frontend experience. My recent work includes:
→ Migrating a full e-commerce platform to Next.js from scratch and building a 15+ component library with Material UI that cut development time by 40%
→ Building a real-time notification system with Context API and WebSockets used across multiple ERP modules
→ Optimizing a data-heavy dashboard from 4.2s to 2.1s load time using code splitting, lazy loading, and concurrent API requests
→ Mentoring 5 developers through structured code reviews, reducing QA bugs by 30%
I also built and ship my own SaaS product: a personal finance tracker built on Next.js 14, TypeScript, MongoDB, TanStack Query, and React Hook Form. It has 84 automated tests across 17 suites, full WCAG 2.1 accessibility compliance, Google OAuth, and a CI/CD pipeline. I use it daily. You can see it live. Link below.
My approach: I define edge cases before touching code, write tests before implementing new logic, and use AI tools (Claude, GitHub Copilot) to move faster without sacrificing judgment. Every architecture decision I make has a reason I can explain.
What I'm best at:
· Next.js 14 / React / TypeScript
· TanStack Query, React Hook Form, Redux
· Tailwind CSS, Material UI
· MongoDB, Node.js, REST APIs
· Jest + React Testing Library (84 tests shipped)
· WCAG 2.1 accessibility
· Performance optimization (Lighthouse, Core Web Vitals)
I work well with founders, product teams, and agencies. If you need someone who can own a feature end-to-end: from architecture decision to tested, accessible, production-ready code. Let's talk.
Steps for completing your project
After purchasing the project, send requirements so Gerson can start the project.
Delivery time starts when Gerson receives requirements from you.
Gerson works on your project following the steps below.
Revisions may occur after the delivery date.
Review your requirements and confirm sections.
Also confirm design references, and brand direction
Build static layout: structure and sections agreed before styling begins