admin/soorya-carpet
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: New design and optimization

Browse Source
This commit is contained in:
admin
2025-10-27 13:23:05 +05:45
parent 63777cb3c1
commit db9315ad22
44 changed files with 2877 additions and 336 deletions
Download Patch File Download Diff File Expand all files Collapse all files

83
resources/js/pages/faq.tsx
View File

@@ -7,6 +7,10 @@ import {
import { Button } from '@/components/ui/button';
import Layout from '@/layouts/client/layout';
import { contact } from '@/routes';
import img1 from '@asset/img/Bespoke/bes 5.jpg';
import img4 from '@asset/img/Bespoke/Ree 6.jpg';
import img3 from '@asset/img/Bespoke/Shrek.jpg';
import img2 from '@asset/img/Bespoke/Swarovsky embedded wall hang.jpg';
import { Head, Link } from '@inertiajs/react';
export default function Faq() {
@@ -14,8 +18,8 @@ export default function Faq() {
<>
<Layout>
<Head title="FAQs" />
<section className="mx-auto flex max-w-screen-2xl gap-32 px-12 py-8">
<div className="flex flex-col gap-4">
<section className="mx-auto grid max-w-screen-2xl grid-cols-12 gap-32 px-12 py-8 max-sm:grid-cols-1 max-sm:gap-8 max-sm:px-8">
<div className="col-span-4 flex flex-col items-start gap-4">
<div>
<h1 className="font-serif text-4xl font-medium tracking-tight">
Frequently Asked Questions
@@ -30,50 +34,51 @@ export default function Faq() {
Contact Now
</Button>
</Link>
<div className="mt-8 grid grid-cols-2 gap-2 max-sm:mt-2 max-sm:hidden">
<div className="flex flex-col gap-2">
<img
src={img1}
alt="Image 1"
className="rounded-lg"
/>
<img
src={img4}
alt="Image 4"
className="rounded-lg"
/>
</div>
<div className="mt-8 flex flex-col gap-2">
<img
src={img2}
alt="Image 2"
className="rounded-lg"
/>
<img
src={img3}
alt="Image 3"
className="rounded-lg"
/>
</div>
</div>
</div>
<div className="w-full">
<div className="col-span-8 w-full">
<Accordion
type="single"
collapsible
className="w-full"
defaultValue="item-1"
>
<AccordionItem value="item-1">
<AccordionTrigger className="w-full">
Is it accessible?
</AccordionTrigger>
<AccordionContent>
Yes. It adheres to the WAI-ARIA design
pattern.
</AccordionContent>
</AccordionItem>{' '}
<AccordionItem value="item-2">
<AccordionTrigger className="w-full">
Is it accessible?
</AccordionTrigger>
<AccordionContent>
Yes. It adheres to the WAI-ARIA design
pattern.
</AccordionContent>
</AccordionItem>{' '}
<AccordionItem value="item-3">
<AccordionTrigger className="w-full">
Is it accessible?
</AccordionTrigger>
<AccordionContent>
Yes. It adheres to the WAI-ARIA design
pattern.
</AccordionContent>
</AccordionItem>{' '}
<AccordionItem value="item-4">
<AccordionTrigger className="w-full">
Is it accessible?
</AccordionTrigger>
<AccordionContent>
Yes. It adheres to the WAI-ARIA design
pattern.
</AccordionContent>
</AccordionItem>
{faq.map((item) => (
<AccordionItem value={`${item.id}`}>
<AccordionTrigger className="w-full">
{item?.question}
</AccordionTrigger>
<AccordionContent className="px-2 text-gray-600">
{item?.answer}
</AccordionContent>
</AccordionItem>
))}
</Accordion>
</div>
</section>