content changes and new section added

src/components/Faq.astro

@@ -0,0 +1,110 @@
+---
+import SectionTitle from "./SectionTitle.astro";
+import { Fragment } from "astro/jsx-runtime";
+
+const faqs = [
+  {
+    question: "What are the themes of the hackathon?",
+     points: [
+      "Healthcare & Assistive Devices",
+      "Energy & Sustainability",
+      "Smart Campus / Smart City",
+    ],
+    note: "Each participant or team may register under only one theme.",
+   },
+  {
+    question: "What type of projects are expected?",
+    answer:
+      "Participants are expected to work on open-source hardware-based projects that are practical, innovative, and socially relevant. Projects should be designed with reproducibility and real-world applicability in mind."
+  },
+  {
+    question: "Is the use of open-source tools mandatory?",
+    answer:
+      "Yes. All projects must use Open Source Hardware platforms and Free/Libre Open Source Software (FLOSS) tools wherever applicable. Proper attribution must be provided for any third-party open-source components used."
+  },
+  {
+    question: "Is there any specific hardware that must be used for the hackathon?",
+    answer:
+      "No. There is no restriction on the choice of hardware. Participants are free to use any hardware platform of their choice, provided it aligns with the selected theme and follows open-source principles. All submissions must include complete documentation such as circuit schematics, Bill of Materials (if applicable), and working firmware/software code. All documentation and code must be released under the Creative Commons Attribution–ShareAlike 4.0 International (CC BY-SA 4.0) license."
+  },
+  {
+    question: "Is there any registration fee?",
+    answer:
+      "No. Participation in the FOSSEE OSHW Hackathon 2026 is free of cost."
+  },
+  {
+    question: "How do participants register?",
+    answer:
+      "Participants must register through the official registration form available on the FOSSEE website. All communication will be sent to the registered email address."
+  },
+  {
+    question: "How will the projects be evaluated?",
+    answer:
+      "Projects will be evaluated by a panel appointed by the organizers based on relevance to the selected theme, technical correctness, innovation and societal impact, quality of documentation, and adherence to open-source principles. The decision of the evaluation panel will be final."
+  },
+  {
+    question: "Will participants receive certificates?",
+    answer:
+      "Yes. Certificates of participation will be issued to participants who successfully register and submit a valid project as per the guidelines. Additional recognition may be provided for selected projects."
+  },
+  {
+    question: "Will mentoring or guidance be provided?",
+    answer:
+      "Details regarding orientation sessions, mentoring, or guidance (if any) will be communicated to registered participants through official channels."
+  },
+  {
+    question: "Who should be contacted for queries?",
+    answer:
+      "Participants are advised to refer to the official contact details provided on the FOSSEE website for any queries related to registration or participation. Email ID - contact-oshw@fossee.in"
+  }
+];
+---
+
+<!-- <section id="faq" class="py-12">
+  <div class="max-w-6xl mx-auto px-6">
+    <SectionTitle id="faqTitle" title="FAQ" />
+    <div class="rounded-2xl border border-slate-200 bg-white p-8 shadow-sm">
+      <div class="space-y-6 text-sm md:text-md leading-7 text-slate-700">
+        {faqs.map((item) => (
+          <div>
+            <p class="font-semibold text-slate-900">{item.question}</p>
+            <p class="mt-2">{item.answer}</p>
+          </div>
+        ))}
+      </div>
+    </div>
+  </div>
+</section> -->
+<section id="faq" class="py-12">
+  <div class="max-w-6xl mx-auto px-6">
+    <SectionTitle title="FAQ" />
+
+    <div class="rounded-2xl border border-slate-200 bg-white p-8 shadow-sm">
+      <ol class="space-y-6 list-decimal pl-5 text-black leading-7">
+        {faqs.map((item, index) => (
+          <li key={index}>
+            <p class="font-semibold text-black">
+              {item.question}
+            </p>
+
+            {item.answer && (
+              <p class="mt-2">{item.answer}</p>
+            )}
+
+            {item.points && (
+              <ul class="list-disc pl-6 mt-2">
+                {item.points.map((point, i) => (
+                  <li key={i}>{point}</li>
+                ))}
+              </ul>
+            )}
+
+            {item.note && (
+              <p class="mt-2">{item.note}</p>
+            )}
+          </li>
+        ))}
+      </ol>
+    </div>
+  </div>
+</section>

src/components/Hero.astro

@@ -116,7 +116,7 @@
 
 <script>
   const parts = [
-    { id: "part1", text: "FOSSEE Open Source Hardware" },
+    { id: "part1", text: "Open Source Hardware" },
     { id: "part2", text: "Hackathon " },
     { id: "part3", text: "2026" }
   ];

src/components/Rules.astro

@@ -16,13 +16,16 @@ const rules = [
   <div class="max-w-6xl mx-auto px-6">
     <SectionTitle id="rulesTitle" title="Rules and Regulations" />
     <div class="rounded-2xl border border-slate-200 bg-white p-8 shadow-sm">
-      <ul class="list-disc list-outside space-y-3 text-sm md:text-md text-black marker:text-blue-600">
-        {rules.map((rule) => (
-          <li>
-            <span>{rule}</span>
-          </li>
-        ))}
-      </ul>
+   <ul class="space-y-3 text-sm md:text-md text-black">
+  {rules.map((rule) => (
+    <li class="flex items-start gap-3">
+      <span class="mt-2 h-2 w-2 rounded-full bg-sky-500 shrink-0"></span>
+      <span>{rule}</span>
+    </li>
+  ))}
+</ul>
+
+
     </div>
   </div>
 </section>

src/components/WhyParticipate.astro

@@ -13,7 +13,7 @@ const items = [
       <div class="mx-auto h-16 w-16 rounded-full bg-slate-50 border border-slate-200 grid place-items-center text-2xl">
         {item.icon}
       </div>
-      <div class="mt-3 text-sm font-medium text-slate-700">{item.title}</div>
+      <div class="mt-3 text-sm font-medium text-black">{item.title}</div>
     </div>
   ))}
 </div>

src/pages/index.astro

@@ -7,6 +7,7 @@ import WhyParticipate from "../components/WhyParticipate.astro";
 import WhatYouWillDo from "../components/WhatYouWillDo.astro";
 import Register from "../components/Register.astro";
 import Rules from "../components/Rules.astro";
+import Faq from "../components/Faq.astro";
 
 ---
 
@@ -91,6 +92,7 @@ Maximum 5 participants per team</span>
       </div>
     </section>
     <Rules />
+    <Faq />
 
 
   </main>

src/pages/theme.astro

@@ -17,21 +17,21 @@ import ThemeCards from "../components/ThemeCards.astro";
             <SectionTitle id="focusTitle" title="INDIA & GLOBAL SUSTAINABILITY FOCUS" />
             <div class="rounded-2xl max-w-xl mx-auto border border-slate-200 bg-white p-8 shadow-sm">
               <p class="text-lg font-semibold text-slate-800">The hackathon supports:</p>
-              <ul class="mt-4 space-y-2 text-sm md:text-md ">
+              <ul class="mt-4 space-y-2 text-sm md:text-md">
                 <li class="flex items-start gap-2">
-                  <span class="mt-1 h-2 w-2 rounded-full bg-emerald-500"></span>
+                  <span class="mt-2 h-2 w-2 rounded-full bg-sky-500"></span>
                   <span>Sustainable Development Goals (SDGs)</span>
                 </li>
                 <li class="flex items-start gap-2">
-                  <span class="mt-1 h-2 w-2 rounded-full bg-emerald-500"></span>
+                  <span class="mt-2 h-2 w-2 rounded-full bg-sky-500"></span>
                   <span>Climate Action &amp; Adaptation</span>
                 </li>
                 <li class="flex items-start gap-2">
-                  <span class="mt-1 h-2 w-2 rounded-full bg-emerald-500"></span>
+                  <span class="mt-2 h-2 w-2 rounded-full bg-sky-500"></span>
                   <span>Digital Public Infrastructure</span>
                 </li>
                 <li class="flex items-start gap-2">
-                  <span class="mt-1 h-2 w-2 rounded-full bg-emerald-500"></span>
+                  <span class="mt-2 h-2 w-2 rounded-full bg-sky-500"></span>
                   <span>Affordable &amp; Open Innovation</span>
                 </li>
               </ul>