shi.gg
+47
-48
app/(home)/faq.component.tsx
+47
-48
app/(home)/faq.component.tsx
···
145
145
}: {
146
146
showTitle?: boolean;
147
147
}) {
148
-
return (
149
-
<div>
150
-
<script
151
-
type="application/ld+json"
152
-
dangerouslySetInnerHTML={{
153
-
__html: JSON.stringify(schema)
154
-
}}
155
-
/>
148
+
return (<>
149
+
<script
150
+
type="application/ld+json"
151
+
dangerouslySetInnerHTML={{
152
+
__html: JSON.stringify(schema)
153
+
}}
154
+
/>
156
155
157
-
{showTitle && (
158
-
<Section
159
-
className="mb-4"
160
-
title="Frequently Asked Questions about Wamellow"
156
+
{showTitle && (
157
+
<Section
158
+
className="mb-4"
159
+
title="Frequently Asked Questions about Wamellow"
160
+
>
161
+
Commonly asked questions about Wamellow and how to use it.
162
+
</Section>
163
+
)}
164
+
165
+
<Accordion
166
+
className="w-full"
167
+
type="single"
168
+
collapsible
169
+
defaultValue="0"
170
+
>
171
+
{data.map((item, index) => (
172
+
<AccordionItem
173
+
value={index.toString()}
174
+
key={index}
161
175
>
162
-
Commonly asked questions about Wamellow and how to use it.
163
-
</Section>
164
-
)}
165
-
166
-
<Accordion
167
-
type="single"
168
-
collapsible
169
-
defaultValue="0"
170
-
>
171
-
{data.map((item, index) => (
172
-
<AccordionItem
173
-
value={index.toString()}
174
-
key={index}
175
-
>
176
-
<AccordionTrigger className="text-left">
177
-
<div className="flex items-start gap-3">
178
-
<div className="mt-1 text-lg">
179
-
{item.startContent}
176
+
<AccordionTrigger className="text-left">
177
+
<div className="flex items-start gap-3">
178
+
<div className="mt-1 text-lg">
179
+
{item.startContent}
180
+
</div>
181
+
<div>
182
+
<div itemProp="name">
183
+
{item.title}
180
184
</div>
181
-
<div>
182
-
<div itemProp="name">
183
-
{item.title}
185
+
{item.subtitle && (
186
+
<div className="text-sm text-muted-foreground font-normal">
187
+
{item.subtitle}
184
188
</div>
185
-
{item.subtitle && (
186
-
<div className="text-sm text-muted-foreground font-normal">
187
-
{item.subtitle}
188
-
</div>
189
-
)}
190
-
</div>
189
+
)}
191
190
</div>
192
-
</AccordionTrigger>
193
-
<AccordionContent className="mb-2 space-y-4">
194
-
{item.content}
195
-
</AccordionContent>
196
-
</AccordionItem>
197
-
))}
198
-
</Accordion>
199
-
</div>
200
-
);
191
+
</div>
192
+
</AccordionTrigger>
193
+
<AccordionContent className="mb-2 space-y-4">
194
+
{item.content}
195
+
</AccordionContent>
196
+
</AccordionItem>
197
+
))}
198
+
</Accordion>
199
+
</>);
201
200
}
202
201
203
202
function extractText(content: React.ReactNode): string {