From e15080c62a8062a58bda6ac31149daefe6341872 Mon Sep 17 00:00:00 2001
From: NahuelTG <nahueltorrezg@gmail.com>
Date: Sun, 5 Oct 2025 19:24:11 -0400
Subject: [PATCH] add: section questions

---
 src/components/Questions.astro | 37 ++++++++++++++++++++++++++++++++++
 src/pages/index.astro          | 15 ++++++++------
 2 files changed, 46 insertions(+), 6 deletions(-)
 create mode 100644 src/components/Questions.astro

diff --git a/src/components/Questions.astro b/src/components/Questions.astro
new file mode 100644
index 0000000..bf07c94
--- /dev/null
+++ b/src/components/Questions.astro
@@ -0,0 +1,37 @@
+---
+interface Question {
+  question: string;
+  answer: string;
+}
+
+export interface Props {
+  id?: string;
+  title?: string;
+  subtitle?: string;
+  questions: Question[];
+}
+
+const { id = 'questions', questions } = Astro.props as Props;
+---
+
+<section id={id} class="scroll-mt-28 py-16 sm:py-20 md:py-24" aria-labelledby={`${id}-title`}>
+  <div class="flex flex-col items-start text-white md:mx-40 mx-6">
+    {
+      questions.map((question) => (
+        <details class="p-2 group">
+          <summary class="cursor-pointer list-none">
+            <span class="md:text-2xl text-lg">{question.question}</span>
+            <span class="ml-2 text-3xl transition-transform duration-200">
+              <span class="group-open:hidden">+</span>
+              <span class="hidden group-open:inline">−</span>
+            </span>
+          </summary>
+
+          <div class="py-4 md:px-16 px-6 md:text-base text-sm">
+            <p>{question.answer}</p>
+          </div>
+        </details>
+      ))
+    }
+  </div>
+</section>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index ade224b..f6e7b9b 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -2,7 +2,8 @@
 import Layout from '../layouts/Layout.astro';
 import Hero from '../components/Hero.astro';
 import Sponsors from '../components/Sponsors.astro';
-import AboutUs from "../components/AboutUs.astro";
+import AboutUs from '../components/AboutUs.astro';
+import Questions from '../components/Questions.astro';
 
 // Welcome to Astro! Wondering what to do next? Check out the Astro documentation at https://docs.astro.build
 // Don't want to use any of this? Delete everything in this file, the `assets`, `components`, and `layouts` directories, and start fresh.
@@ -12,14 +13,16 @@ const sponsors = [
   // { name: 'Sponsor3', image: '/', url: '#' },
   // { name: 'Sponsor4', image: '/', url: '#' },
 ];
+
+const questions = [
+  { question: 'Pregunta?', answer: 'Respuesta meticulosamente pensada ' },
+  { question: 'Pregunta?', answer: 'Respuesta meticulosamente pensada ' },
+];
 ---
 
 <Layout>
   <Hero />
-  <Sponsors
-    id="sponsors"
-    sponsors={sponsors}
-  />
+  <Sponsors id="sponsors" sponsors={sponsors} />
   <AboutUs />
+  <Questions id="questions" questions={questions} />
 </Layout>
-