feat: add basic webui

apps/web/app/(home)/components/faq.tsx

@@ -0,0 +1,55 @@
+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>
+);