songtianlun/prmbr-image-mksaas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: optimize faqs block

Browse Source
This commit is contained in:
javayhu 2025-04-12 17:21:19 +08:00
parent 0a8934a6cf
commit 086eb5ab8e
3 changed files with 14 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
messages/en.json
View File

@ -36,8 +36,8 @@
"description": "Make AI SaaS in days, simply and effortlessly",
"FAQ": {
"title": "Frequently Asked Questions",
"description": "Can't find what you're looking for? Contact our ",
"contact": "customer support team",
"description": "Can't find what you're looking for?",
"contact": "Contact our customer support team",
"items": {
"item-1": {
"question": "Do you offer a free trial?",

4
messages/zh.json
View File

@ -36,8 +36,8 @@
"description": "使用 MkSaaS 在几天内轻松构建您的 AI SaaS",
"FAQ": {
"title": "常见问题",
"description": "找不到您想问的问题？请联系我们的",
"contact": "客户支持团队",
"description": "找不到您想问的问题？",
"contact": "请联系我们的客户支持团队",
"items": {
"item-1": {
"question": "你们提供免费试用吗？",

16
src/components/landing/faq/FAQs.tsx
View File

@ -6,9 +6,9 @@ import {
AccordionItem,
AccordionTrigger,
} from '@/components/ui/accordion';
import { getBaseUrlWithLocale } from '@/lib/urls/urls';
import { getBaseUrlWithLocale, getUrlWithLocale } from '@/lib/urls/urls';
import { DynamicIcon, type IconName } from 'lucide-react/dynamic';
import { useTranslations } from 'next-intl';
import { useLocale, useTranslations } from 'next-intl';
import Link from 'next/link';
type FAQItem = {
@ -19,7 +19,9 @@ type FAQItem = {
};
export default function FAQs() {
const locale = useLocale();
const t = useTranslations('HomePage.FAQ');
const faqItems: FAQItem[] = [
{
id: 'item-1',
@ -29,7 +31,7 @@ export default function FAQs() {
},
{
id: 'item-2',
icon: 'receipt',
icon: 'wallet',
question: t('items.item-2.question'),
answer: t('items.item-2.answer'),
},
@ -48,7 +50,7 @@ export default function FAQs() {
];
return (
<section className="py-20">
<section className="py-16">
<div className="mx-auto max-w-5xl px-4 md:px-6">
<div className="flex flex-col gap-10 md:flex-row md:gap-16">
<div className="md:w-1/3">
@ -56,10 +58,12 @@ export default function FAQs() {
<h2 className="mt-4 text-3xl font-bold">
{t('title')}
</h2>
<p className="text-muted-foreground mt-4">
<p className="text-muted-foreground mt-4 text-sm">
{t('description')}
</p>
<p className="text-muted-foreground mt-2 text-sm">
<Link
href={getBaseUrlWithLocale('/contact')}
href={getUrlWithLocale('/contact', locale)}
className="text-primary font-medium hover:underline"
>
{t('contact')}