Skip to main content

Seguros NAG Documentation

Learn how to build and customize the NAG Estudio insurance landing page with Next.js, React, and TypeScript

Get StartedExplore Components

Quick Start

Get the insurance landing page running locally in just a few steps

1

Clone the repository

Clone the Seguros NAG repository to your local machine.
git clone https://github.com/p0nkx/seguros-web.git
cd seguros-web
2

Install dependencies

Install all required packages using npm.
npm install
This project uses Next.js 16, React 19, TypeScript, and Tailwind CSS.
3

Start development server

Run the development server and open your browser.
npm run dev
Visit http://localhost:3000 to see your application.
4

Explore the codebase

Check out the Components and Configuration sections to learn how to customize the site.

Explore the Documentation

Discover everything you need to build and customize your insurance website

Components

Learn about reusable React components including the quote form, header, footer, and WhatsApp button.

Configuration

Configure insurance types, form validation, and styling options for your application.

Pages

Understand the structure and functionality of the home, quote, and login pages.

API Reference

Explore the email API endpoint for handling quote submissions.

Key Features

Built with modern web technologies for performance and developer experience

Dynamic Quote Forms

Multi-step quote forms with validation for auto, home, life, and other insurance types.

WhatsApp Integration

Instant quote submission via WhatsApp for immediate customer engagement.

Email API

Backend API route for sending quote requests via email with nodemailer.

TypeScript Type Safety

Fully typed components and configuration for better development experience.

Responsive Design

Mobile-first design with Tailwind CSS for optimal experience on all devices.

Form Validation

Robust client-side validation system for all insurance types and fields.

Ready to get started?

Follow our quickstart guide to set up your development environment and start customizing the insurance landing page.

View Quickstart Guide