[V0_FILE]typescriptreact:file="app/sitemap.ts" isMerged="true" import type { MetadataRoute } from "next" export default function sitemap(): MetadataRoute.Sitemap { const baseUrl = "https://jaaneo.dev" return [ { url: baseUrl, lastModified: new Date(), }, { url: `${baseUrl}/#services`, lastModified: new Date(), }, { url: `${baseUrl}/#experience`, lastModified: new Date(), }, { url: `${baseUrl}/#contact`, lastModified: new Date(), }, ] } [V0_FILE]typescriptreact:file="app/robots.ts" isMerged="true" import type { MetadataRoute } from "next" export default function robots(): MetadataRoute.Robots { return { rules: { userAgent: "*", allow: "/", }, sitemap: "https://jaaneo.dev/sitemap.xml", } } [V0_FILE]typescriptreact:file="app/layout.tsx" isMerged="true" import type React from "react" import { Inter } from "next/font/google" import { ThemeProvider } from "@/components/theme-provider" import type { Metadata } from "next" import "@/app/globals.css" const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "jaaneo.dev | Desarrollo Web & Ciberseguridad", description: "Ingeniero informático especializado en desarrollo web, ciberseguridad y soluciones digitales.", metadataBase: new URL("https://jaaneo.dev"), openGraph: { title: "jaaneo.dev | Desarrollo Web & Ciberseguridad", description: "Ingeniero informático especializado en desarrollo web, ciberseguridad y soluciones digitales.", url: "https://jaaneo.dev", siteName: "jaaneo.dev", locale: "es_ES", type: "website", }, } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" "use client" import type React from "react" import Link from "next/link" import { Shield, Globe, Code, Mail, Server, CheckCircle, Laptop, Database, Wrench } from "lucide-react" import { Button } from "@/components/ui/button" import { useState, type FormEvent } from "react" export default function LandingPage() { const [formData, setFormData] = useState({ name: "", email: "", message: "", }) const [isSubmitting, setIsSubmitting] = useState(false) const [submitSuccess, setSubmitSuccess] = useState(false) const [submitError, setSubmitError] = useState("") const handleChange = (e: React.ChangeEvent) => { const { id, value } = e.target setFormData((prev) => ({ ...prev, [id]: value, })) } const handleSubmit = async (e: FormEvent) => { e.preventDefault() setIsSubmitting(true) setSubmitError("") try { // Simulación de envío de formulario await new Promise((resolve) => setTimeout(resolve, 1000)) console.log("Form submitted:", formData) setSubmitSuccess(true) setFormData({ name: "", email: "", message: "" }) } catch (error) { setSubmitError("Hubo un error al enviar el formulario. Por favor, intenta nuevamente.") console.error("Form submission error:", error) } finally { setIsSubmitting(false) } } const scrollToSection = (id: string) => { const element = document.getElementById(id) if (element) { element.scrollIntoView({ behavior: "smooth" }) } } return (

{/* Header */}


              jaaneo.dev



      
        {/* Hero Section */}
        
          
            
              
                
                  
                    Desarrollo Web & Ciberseguridad
                  
                  
                    Ingeniero informático especializado en desarrollo web y ciberseguridad. Creando soluciones digitales
                    seguras y efectivas.
                  
                
                
                  
                  
                
              
              
                
              
            
          
        

        {/* Services Section */}
        
          
            
              
                
                  Servicios
                
                
                  Soluciones Digitales Completas
                
                
                  Ofrezco una amplia gama de servicios para satisfacer todas tus necesidades digitales
                
              
            
            
              
                
                  
                
                
                  Desarrollo Web
                  
                    Creación de sitios web informativos, landing pages, one page y tiendas online con diseño responsive
                    y optimizados.
                  
                
                
                  
                

              

              
                
                  
                
                
                  Ciberseguridad
                  
                    Implementación de medidas de seguridad, auditorías y protección para tus activos digitales y
                    sistemas web.
                  
                
                
                  
                
              
              
                
                  
                
                
                  Soporte Técnico
                  
                    Solución de problemas web, configuración de correos electrónicos, hosting y mantenimiento de sitios.
                  
                
                
                  
                
              
            

          

        


        {/* Experience Section */}
        
          
            
              
                
                  Experiencia
                
                Proyectos y Conocimientos
                
                  Con experiencia en múltiples proyectos y tecnologías del mundo digital
                
              
            
            
              
                Formación Académica
                
                  
                    
                    
                      Ingeniería Informática
                      
                        Título profesional en ingeniería con enfoque en desarrollo de software
                      
                    
                  
                  
                    
                    
                      Diplomado en Ciberseguridad y Ciberdefensa
                      
                        Especialización en protección de sistemas y activos digitales
                      
                    
                  
                
                
                  
                
              
              
                Proyectos Realizados
                
                  
                    
                    
                      Sitios Web Informativos
                      
                        Desarrollo de múltiples sitios web corporativos e informativos
                      
                    
                  
                  
                    
                    
                      E-commerce y Tiendas Online
                      
                        Implementación de soluciones de comercio electrónico seguras y funcionales
                      
                    
                  
                  
                    
                    
                      Landing Pages y One Page
                      
                        Diseño y desarrollo de páginas de aterrizaje optimizadas para conversión
                      
                    
                  
                
                
                  
                
              
            
          
        

        {/* Contact Section */}
        
          
            
              
                
                  Contacto
                
                
                  ¿Necesitas ayuda con tu proyecto?
                
                
                  Estoy disponible para ayudarte con tus necesidades digitales
                
              
            
            
              
                
                  
                  
                    jaaneo0101@gmail.com
                  
                
                
                  Servicios disponibles
                  
                    
                      
                      Desarrollo de sitios web
                    
                    
                      
                      Consultoría en ciberseguridad
                    
                    
                      
                      Configuración de correos y hosting
                    
                    
                      
                      Solución de problemas web
                    
                    
                      
                      Mantenimiento de sitios web
                    
                  
                
                
                  
                
              
              
                Envíame un mensaje
                {submitSuccess ? (
                  
                    ¡Mensaje enviado!
                    Gracias por contactarme. Te responderé a la brevedad.
                  
                ) : (
                  
                    
                      
                        Nombre
                      
                      
                    
                    
                      
                        Email
                      
                      
                    
                    
                      
                        Mensaje
                      
                                          </div>
                    {submitError && (
                      <div
                        className="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative"
                        role="alert"
                      >
                        <p className="block sm:inline">{submitError}</p>
                      </div>
                    )}
                    <Button type="submit" className="w-full" disabled={isSubmitting}>
                      {isSubmitting ? "Enviando..." : "Enviar mensaje"}
                    </Button>
                  </form>
                )}
              </div>
            </div>
          </div>
        </section>
      </main>

      {/* Footer */}
      <footer className="w-full border-t py-6 md:py-0">
        <div className="container flex flex-col items-center justify-between gap-4 md:h-24 md:flex-row">
          <p className="text-center text-sm leading-loose text-muted-foreground md:text-left">
            © {new Date().getFullYear()} jaaneo.dev. Todos los derechos reservados.
          </p>
          <div className="flex items-center gap-4">
            <button className="text-sm text-muted-foreground underline-offset-4 hover:underline">Términos</button>
            <button className="text-sm text-muted-foreground underline-offset-4 hover:underline">Privacidad</button>
          </div>
        </div>
      </footer>
    </div>
  )
}

[V0_FILE]typescriptreact:file="app/api/contact/route.ts" isEdit="true"
import { type NextRequest, NextResponse } from "next/server"

export async function POST(request: NextRequest) {
  try {
    const data = await request.json()
    const { name, email, message } = data

    // Validación básica
    if (!name || !email || !message) {
      return NextResponse.json({ error: "Todos los campos son requeridos" }, { status: 400 })
    }

    // Aquí normalmente enviarías el email usando un servicio como SendGrid, Mailgun, etc.
    // Por ahora, solo simulamos una respuesta exitosa

    console.log("Mensaje recibido:", { name, email, message })

    // Simular un pequeño retraso como en una API real
    await new Promise((resolve) => setTimeout(resolve, 500))

    return NextResponse.json({ success: true, message: "Mensaje enviado correctamente" }, { status: 200 })
  } catch (error) {
    console.error("Error al procesar el contacto:", error)
    return NextResponse.json({ error: "Error al procesar la solicitud" }, { status: 500 })
  }
}
</article></body></html>