danak/shop-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

responsive

Browse Source
This commit is contained in:
hamid zarghami
2025-09-03 15:06:15 +03:30
parent 138f26e293
commit d051e7110a
33 changed files with 440 additions and 393 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/faq/page.tsx
+10 -10
View File
@@ -34,34 +34,34 @@ const FaqPage: NextPage = () => {
return (
<Layout>
<div className="min-h-screen bg-white py-12 px-20">
<div className="min-h-screen bg-white py-6 px-4 sm:py-8 sm:px-6 md:py-12 md:px-8 lg:px-20">
<div className="">
{/* Header Section */}
<div className=" mb-12">
<h1 className="text-xl font-bold text-gray-800 mb-2">
<div className="mb-8 sm:mb-10 md:mb-12">
<h1 className="text-lg sm:text-xl md:text-2xl font-bold text-gray-800 mb-2 sm:mb-3">
سوالات متداول
</h1>
<p className="text-gray-600 text-base leading-relaxed mx-auto">
<p className="text-gray-600 text-sm sm:text-base leading-relaxed mx-auto max-w-3xl">
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است
</p>
</div>
{/* FAQ Section */}
<div className="space-y-4 max-w-4xl mx-auto">
<div className="space-y-2 sm:space-y-4 max-w-4xl mx-auto">
<Accordion type="single" collapsible className="w-full">
{faqData.map((item, index) => (
<AccordionItem
key={index}
value={`item-${index}`}
className="bg-gray-50 mt-4 rounded-lg border-0"
className="bg-gray-50 mt-2 sm:mt-4 rounded-lg border-0"
>
<AccordionTrigger className="px-6 py-5 text-right hover:no-underline">
<span className="text-[#333333] font-light text-base">
<AccordionTrigger className="px-3 py-3 sm:px-6 sm:py-5 text-right hover:no-underline">
<span className="text-[#333333] font-light text-sm sm:text-base leading-relaxed">
{item.question}
</span>
</AccordionTrigger>
<AccordionContent className="px-6 pb-5">
<p className="text-[#5D5D5D] font-light leading-relaxed text-sm">
<AccordionContent className="px-3 pb-3 sm:px-6 sm:pb-5">
<p className="text-[#5D5D5D] font-light leading-relaxed text-xs sm:text-sm">
{item.answer}
</p>
</AccordionContent>