---
import BaseLayout from "../layouts/BaseLayout.astro"
import Hero, { type CarouselImage } from "@/components/starwind-pro/hero-09/Hero9.astro"
import Services7, { type Service } from "@/components/starwind-pro/services-07/Services7.astro"
import Contact2 from "@/components/starwind-pro/contact-02/Contact2.astro"
import Faq4, { type FaqItem } from "@/components/starwind-pro/faq-04/Faq4.astro"
import Img1 from "@/assets/hero1.jpg";
import Img2 from "@/assets/hero2.jpg";
import Img3 from "@/assets/hero3.jpg";
import Img4 from "@/assets/hero4.jpg";
import Img5 from "@/assets/hero5.jpg";
import Handy from "@/assets/handy.jpg";
import Programming from "@/assets/programming.jpg";

const carouselImages: CarouselImage[] = [
  {src: Img1.src, alt: "Paisaje de Venezuela"},
  {src: Img2.src, alt: "Ciudad en Venezuela"},
  {src: Img3.src, alt: "Montañas en Venezuela"},
  {src: Img4.src, alt: "Costa de Venezuela"},
  {src: Img5.src, alt: "Atardecer en Venezuela"},
]

const services: Service[] = [
  { title: "Handy", tagline: "Encuentra y contacta profesionales", image: Handy, href: "https://handy.resuely.com" },
  { title: "Próximamente", tagline: "Más soluciones simples en camino", image: Programming }
]

const faqItems: FaqItem[] = [
  { title: "¿Qué es Resuely?", content: "Resuely es un conjunto de aplicaciones web gratuitas creadas por venezolanos para hacer más fácil el día a día. Entras, eliges una app y resuelves en minutos." },
  { title: "¿Por qué existe Resuely?", content: "Porque muchas herramientas son demasiado complicadas o vienen con cosas que no necesitas. Nosotros preferimos soluciones simples, claras y confiables." },
  { title: "¿Cuánto cuesta?", content: "Nada. Las apps de Resuely son gratis." },
  { title: "¿Necesito instalar algo?", content: "No. Resuely funciona desde el navegador, en tu teléfono o computadora." },
  { title: "¿Necesito crear una cuenta?", content: "Depende de la app. Algunas funcionan sin cuenta; otras te piden registrarte para guardar tu información y poder volver cuando lo necesites." },
  { title: "¿Qué pasa con mis datos?", content: "Usamos tu información solo para que la app funcione. No la vendemos ni la publicamos." },
  { title: "¿Puedo usar Resuely fuera de Venezuela?", content: "Sí. Puedes usar nuestras apps desde cualquier lugar con internet, aunque están pensadas para necesidades comunes en Venezuela." },
  { title: "¿Puedo sugerir una app o una mejora?", content: "Sí. Usa el formulario de contacto y cuéntanos tu idea. Leemos todo." },
  { title: "¿Dónde pido ayuda si algo no me funciona?", content: "Usa el formulario de contacto y descríbenos qué intentaste hacer y qué viste en pantalla." },
]

const faqSchema = {
  "@context": "https://schema.org",
  "@type": "FAQPage",
  mainEntity: faqItems.map((item) => ({
    "@type": "Question",
    name: item.title,
    acceptedAnswer: {
      "@type": "Answer",
      text: item.content,
    },
  })),
};
---

<BaseLayout
  title="Resuely | Apps gratis para resolver tu día a día"
  description="Apps web gratuitas, simples y confiables. Hechas por venezolanos para resolver tareas reales en minutos, sin pagos ni complicaciones."
>
  <script
    slot="head"
    type="application/ld+json"
    is:inline
    set:html={JSON.stringify(faqSchema)}
  ></script>
  <Hero
    heading="Apps gratis para resolver tu día a día"
    description="Herramientas simples, rápidas y confiables. Hechas por venezolanos para necesidades reales, sin complicaciones."
    primaryButtonText="Ver aplicaciones"
    primaryButtonHref="#aplicaciones"
    carouselImages={carouselImages}
  />
  <Services7
    id="aplicaciones"
    badge="Aplicaciones"
    heading="Lo que puedes usar hoy"
    description="Elige una app y empieza. Sin pagos, sin letras pequeñas."
    services={services} />
  <Faq4 heading="Preguntas frecuentes" description="Respuestas rápidas a las dudas más comunes." items={faqItems} />
  <Contact2
    badge="Contacto"
    heading="Hablemos"
    description="Cuéntanos tu idea, una mejora o un problema. Te respondemos por correo."
  />
</BaseLayout>
