From 21d65286f746947b099da409020ec083c54e5a72 Mon Sep 17 00:00:00 2001
From: Horus AI <horus@hostpioneers.com>
Date: Tue, 14 Apr 2026 14:12:01 +0200
Subject: [PATCH] Add FAQ section back to landing page

---
 frontend/app/page.tsx | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/frontend/app/page.tsx b/frontend/app/page.tsx
index a9a8d09..b87cbb3 100644
--- a/frontend/app/page.tsx
+++ b/frontend/app/page.tsx
@@ -377,6 +377,30 @@ export default function LandingPage() {
         </div>
       </section>
 
+
+      {/* FAQ */}
+      <section className="py-10 md:py-14 px-4 md:px-6" aria-labelledby="faq-heading">
+        <div className="max-w-3xl mx-auto">
+          <h2 id="faq-heading" className="text-xl md:text-2xl font-bold text-white text-center mb-6">Frequently Asked Questions</h2>
+          <div className="space-y-3">
+            {[
+              { q: "How does AI resume tailoring work?", a: "Our AI analyzes the job description and rewrites your resume to highlight the skills and experience most relevant to that specific position, increasing your chances of getting noticed." },
+              { q: "What job boards does AutoJobs search?", a: "We search across multiple job boards including Jooble, JSearch, and other aggregators, then deduplicate results so you never apply to the same job twice." },
+              { q: "Can I use my own API keys?", a: "Yes! On Starter plans and above, you can add your own API keys for AI services, giving you more control over your data and spending." },
+              { q: "What happens when I hit my monthly limit?", a: "Your applications are paused until your next billing cycle. You can upgrade at any time for higher limits." },
+            ].map((faq, i) => (
+              <details key={i} className="bg-slate-700/50 rounded-xl border border-slate-600 p-4 group">
+                <summary className="font-semibold text-white cursor-pointer list-none flex justify-between items-center">
+                  <span>{faq.q}</span>
+                  <span className="text-blue-400 group-open:rotate-180 transition-transform ml-2 flex-shrink-0">▼</span>
+                </summary>
+                <p className="text-slate-400 text-sm mt-2">{faq.a}</p>
+              </details>
+            ))}
+          </div>
+        </div>
+      </section>
+
       {/* Footer */}
       <footer className="py-6 px-4 md:px-6 border-t border-slate-700">
         <div className="max-w-5xl mx-auto text-center text-slate-500 text-xs md:text-sm">