feat: add new content pages

2026-09-06 15:56:36 +08:00 · 2026-01-18 14:33:11 +08:00
parent cef0ee0f0c
commit 07ad672e7d
54 changed files with 2314 additions and 57 deletions
@@ -0,0 +1,38 @@
+"use client"
+
+import {
+    Accordion,
+    AccordionContent,
+    AccordionItem,
+    AccordionTrigger,
+} from "@/components/ui/accordion"
+import { useTranslations } from "next-intl"
+
+export function FaqSection() {
+    const t = useTranslations("home.faq")
+
+    // We'll hardcode the keys for now to map them
+    const questions = ["q1", "q2", "q3", "q4", "q5"]
+
+    return (
+        <section className="py-24 bg-muted/30">
+            <div className="container mx-auto px-4 max-w-3xl">
+                <h2 className="text-4xl font-bold text-center mb-12">{t("title")}</h2>
+                <div className="bg-card w-full rounded-2xl border shadow-sm p-6 sm:p-10">
+                    <Accordion type="single" collapsible className="w-full">
+                        {questions.map((key) => (
+                            <AccordionItem key={key} value={key} className="border-b-border/50 last:border-0 px-2">
+                                <AccordionTrigger className="text-left py-6 text-lg hover:text-primary transition-colors hover:no-underline">
+                                    {t(`${key}.question`)}
+                                </AccordionTrigger>
+                                <AccordionContent className="text-muted-foreground text-base pb-6 leading-relaxed">
+                                    {t(`${key}.answer`)}
+                                </AccordionContent>
+                            </AccordionItem>
+                        ))}
+                    </Accordion>
+                </div>
+            </div>
+        </section>
+    )
+}