# Agrimensor - Landing Web

Sitio web tipo landing para servicios de agrimensura, construido con React y Vite, basado en un mockup de Figma.

Referencia de diseño original: https://www.figma.com/design/YjIjiTTXWkAqeotAuLju0y/Adjuntar-archivo-de-informaci%C3%B3n

# Indice

• 1. Descripcion del proyecto
• 2. Stack tecnologico
• 3. Estructura principal
• 4. Secciones de la landing
• 5. Requisitos previos
• 6. Instalacion
• 7. Scripts disponibles
• 8. Flujo de trabajo recomendado
• 9. Recursos

# 1. Descripcion del proyecto

Este repositorio contiene una landing page orientada a presentar servicios profesionales de agrimensura. La app esta compuesta por secciones modulares (hero, servicios, testimonios, contacto, etc.) y una base de componentes UI reutilizables.

# 2. Stack tecnologico

• React 18
• Vite 6
• Tailwind CSS 4
• Componentes UI basados en Radix UI
• Sonner para notificaciones

# 3. Estructura principal

src/
  main.tsx
  app/
    App.tsx
    components/
      HeroSection.tsx
      AboutSection.tsx
      ServicesSection.tsx
      ZonaSurSection.tsx
      TestimonialsSection.tsx
      ContactSection.tsx
      Navbar.tsx
      Footer.tsx
      WhatsAppButton.tsx
      ui/
  styles/
    index.css
    fonts.css
    tailwind.css
    theme.css

# 4. Secciones de la landing

En el flujo principal de App.tsx se renderizan:

1. Navbar
2. HeroSection
3. AboutSection
4. ServicesSection
5. ZonaSurSection
6. TestimonialsSection
7. ContactSection
8. Footer
9. WhatsAppButton

# 5. Requisitos previos

• Node.js 18 o superior
• npm (o pnpm si prefieres)

# 6. Instalacion

npm install

# 7. Scripts disponibles

• npm run dev: inicia el servidor de desarrollo con Vite.
• npm run build: genera el build de produccion.

# 8. Flujo de trabajo recomendado

1. Instalar dependencias.
2. Levantar entorno local con npm run dev.
3. Editar componentes en src/app/components/.
4. Revisar estilos globales en src/styles/.
5. Generar build final con npm run build.

# 9. Recursos

• Mockup de referencia en Figma.
• Guia interna editable en guidelines/Guidelines.md.