From 57f377a2a2f6af229b4cae74401b2985a3400fef Mon Sep 17 00:00:00 2001 From: nikitasable96 Date: Fri, 23 Jan 2026 14:57:52 +0530 Subject: [PATCH] Adding FAQ and changes themepage for front page --- package-lock.json | 3 -- src/components/ContactUs.astro | 2 +- src/components/Faq.astro | 86 ++++++++++++++++++------------- src/components/Navbar.astro | 2 +- src/components/ThemeCards.astro | 9 +++- src/pages/index.astro | 89 +++++++++++++++++++++++++++++++-- 6 files changed, 146 insertions(+), 45 deletions(-) diff --git a/package-lock.json b/package-lock.json index f28e87f..0d97613 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4688,7 +4688,6 @@ "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.55.1.tgz", "integrity": "sha512-wDv/Ht1BNHB4upNbK74s9usvl7hObDnvVzknxqY/E/O3X6rW1U1rV1aENEfJ54eFZDTNo7zv1f5N4edCluH7+A==", "license": "MIT", - "peer": true, "dependencies": { "@types/estree": "1.0.8" }, @@ -5355,7 +5354,6 @@ "resolved": "https://registry.npmjs.org/vite/-/vite-6.4.1.tgz", "integrity": "sha512-+Oxm7q9hDoLMyJOYfUYBuHQo+dkAloi33apOPP56pzj+vsdJDzr+j1NISE5pyaAuKL4A3UD34qd0lx5+kfKp2g==", "license": "MIT", - "peer": true, "dependencies": { "esbuild": "^0.25.0", "fdir": "^6.4.4", @@ -5554,7 +5552,6 @@ "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz", "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==", "license": "MIT", - "peer": true, "funding": { "url": "https://github.com/sponsors/colinhacks" } diff --git a/src/components/ContactUs.astro b/src/components/ContactUs.astro index 64b06c3..902cb9b 100644 --- a/src/components/ContactUs.astro +++ b/src/components/ContactUs.astro @@ -2,7 +2,7 @@ import SectionTitle from "./SectionTitle.astro"; --- -
+
diff --git a/src/components/Faq.astro b/src/components/Faq.astro index 7cca721..e6250e5 100644 --- a/src/components/Faq.astro +++ b/src/components/Faq.astro @@ -2,6 +2,7 @@ import SectionTitle from "./SectionTitle.astro"; import { Fragment } from "astro/jsx-runtime"; + const faqs = [ { question: "What are the themes of the hackathon?", @@ -56,52 +57,67 @@ const faqs = [ 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" - } + + }, + { + question: "Will FOSSEE or IIT Bombay provide financial support for hardware or project expenses?", + answer: `No. Participants are required to bear all expenses related to their project development, including the cost of hardware components, sensors, modules, tools, fabrication, internet access, or any other resources used during the hackathon. + +FOSSEE, IIT Bombay will not provide any financial reimbursement or funding for project materials or associated costs. Participants are advised to plan their projects accordingly.` + }, ]; --- - -
+ + + +
-
    +
      {faqs.map((item, index) => ( -
    1. -

      - {item.question} -

      +
    2. +
      + + {item.question} + + ▼ + + - {item.answer && ( -

      {item.answer}

      - )} +
      + {item.answer && ( +

      {item.answer}

      + )} - {item.points && ( -
        - {item.points.map((point, i) => ( -
      • {point}
        • - ))} -
      - )} + {item.points && ( +
        + {item.points.map((point) => ( +
      • {point}
        • + ))} +
      + )} - {item.note && ( -

      {item.note}

      - )} + {item.note && ( +

      {item.note}

      + )} +
      +
      3. ))}
    diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro index 91bfdac..46f7878 100644 --- a/src/components/Navbar.astro +++ b/src/components/Navbar.astro @@ -30,7 +30,7 @@ const mobileLinkClass = const navItems = [ { href: "/", label: "Home" }, { href: "/#about", label: "About" }, - { href: "/theme", label: "Themes" }, + { href: "/#themes", label: "Themes" }, { href: "/#faq", label: "FAQ" }, { href: "/#contact", label: "Contact Us" }, diff --git a/src/components/ThemeCards.astro b/src/components/ThemeCards.astro index 7e75b11..e7f8896 100644 --- a/src/components/ThemeCards.astro +++ b/src/components/ThemeCards.astro @@ -2,6 +2,7 @@ import healthcareImage from "../images/healthcare_2966486.png"; import energyImage from "../images/eco-friendly_16517716.png"; import cityImage from "../images/smart-city_3253488.png"; +import SectionTitle from "./SectionTitle.astro"; const themes = [ { @@ -44,8 +45,10 @@ const themes = [ }, ]; --- - -
    +
    +
    + +
    {themes.map((t) => (
    @@ -76,3 +79,5 @@ const themes = [
    ))}
    +
    +
    diff --git a/src/pages/index.astro b/src/pages/index.astro index 2ba59ba..5172c9a 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -8,8 +8,53 @@ import WhatYouWillDo from "../components/WhatYouWillDo.astro"; import Register from "../components/Register.astro"; import Rules from "../components/Rules.astro"; import Faq from "../components/Faq.astro"; +import ThemeCards from "../components/ThemeCards.astro"; import ContactUs from "../components/ContactUs.astro"; +import healthcareImage from "../images/healthcare_2966486.png"; +import energyImage from "../images/eco-friendly_16517716.png"; +import cityImage from "../images/smart-city_3253488.png"; + +const themes = [ + { + title: "Healthcare & Assistive Devices", + image: healthcareImage.src, + imageAlt: "Healthcare and assistive devices", + subtitle: "Affordable • Accessible • Inclusive", + sdgs: ["SDG 3 – Good Health & Well-Being", "SDG 10 – Reduced Inequalities"], + bullets: [ + "Low-cost diagnostics for primary healthcare", + "Wearables for community health monitoring", + "Assistive devices for elderly & persons with disabilities", + "Rural & remote healthcare tools", + ], + }, + { + title: "Energy & Sustainability", + image: energyImage.src, + imageAlt: "Energy and sustainability", + subtitle: "Efficient • Clean • Resilient", + sdgs: ["SDG 7 – Affordable & Clean Energy", "SDG 13 – Climate Action"], + bullets: [ + "Renewable energy integration & monitoring", + "Energy audit systems & smart meters", + "Power quality & efficient energy usage solutions", + ], + }, + { + title: "Smart Campus / Smart City", + image: cityImage.src, + imageAlt: "Smart campus and smart city", + subtitle: "Safe • Sustainable • People-Centric", + sdgs: ["SDG 11 – Sustainable Cities & Communities", "SDG 9 – Industry, Innovation & Infrastructure"], + bullets: [ + "Air Quality (AQI) & environmental monitoring", + "Energy management for campuses & public buildings", + "Safety systems with privacy-first design", + "Accessibility tools for inclusive infrastructure", + ], + }, +]; --- @@ -17,7 +62,7 @@ import ContactUs from "../components/ContactUs.astro";
    -
    +
    @@ -37,7 +82,43 @@ import ContactUs from "../components/ContactUs.astro";
    -
    + + +
    +
    + +
    +
    +

    The hackathon supports:

    +
      +
    • + + Sustainable Development Goals (SDGs) +
      • +
    • + + Climate Action & Adaptation +
      • +
    • + + Digital Public Infrastructure +
      • +
    • + + Affordable & Open Innovation +
      • +
    +

    + Participants are encouraged to build deploy-able, scalable, and reproducible solutions + suitable for real-world conditions. +

    +
    +
    +
    + + + +
    @@ -72,6 +153,7 @@ Maximum 5 participants per team
    +
    @@ -81,7 +163,7 @@ Maximum 5 participants per team
    -
    +
    @@ -97,6 +179,7 @@ Maximum 5 participants per team +