56 lines
2.2 KiB
TypeScript
56 lines
2.2 KiB
TypeScript
import {
|
|
Accordion,
|
|
AccordionContent,
|
|
AccordionItem,
|
|
AccordionTrigger,
|
|
} from '@konobangu/design-system/components/ui/accordion';
|
|
import { Button } from '@konobangu/design-system/components/ui/button';
|
|
import { PhoneCall } from 'lucide-react';
|
|
import Link from 'next/link';
|
|
|
|
export const FAQ = () => (
|
|
<div className="w-full py-20 lg:py-40">
|
|
<div className="container mx-auto">
|
|
<div className="grid gap-10 lg:grid-cols-2">
|
|
<div className="flex flex-col gap-10">
|
|
<div className="flex flex-col gap-4">
|
|
<div className="flex flex-col gap-2">
|
|
<h4 className="max-w-xl text-left font-regular text-3xl tracking-tighter md:text-5xl">
|
|
This is the start of something new
|
|
</h4>
|
|
<p className="max-w-xl text-left text-lg text-muted-foreground leading-relaxed tracking-tight lg:max-w-lg">
|
|
Managing a small business today is already tough. Avoid further
|
|
complications by ditching outdated, tedious trade methods. Our
|
|
goal is to streamline SMB trade, making it easier and faster
|
|
than ever.
|
|
</p>
|
|
</div>
|
|
<div className="">
|
|
<Button className="gap-4" variant="outline" asChild>
|
|
<Link href="/contact">
|
|
Any questions? Reach out <PhoneCall className="h-4 w-4" />
|
|
</Link>
|
|
</Button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<Accordion type="single" collapsible className="w-full">
|
|
{Array.from({ length: 8 }).map((_, index) => (
|
|
<AccordionItem key={index} value={`index-${index}`}>
|
|
<AccordionTrigger>
|
|
This is the start of something new
|
|
</AccordionTrigger>
|
|
<AccordionContent>
|
|
Managing a small business today is already tough. Avoid further
|
|
complications by ditching outdated, tedious trade methods. Our
|
|
goal is to streamline SMB trade, making it easier and faster
|
|
than ever.
|
|
</AccordionContent>
|
|
</AccordionItem>
|
|
))}
|
|
</Accordion>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|