fix faqs

Author: sparrow-js

components/components/ui/accordion.tsx

@@ -1,6 +1,6 @@
 import * as React from "react"
 import * as AccordionPrimitive from "@radix-ui/react-accordion"
-import { ChevronDownIcon } from "@radix-ui/react-icons"
+import { PlusIcon } from "@radix-ui/react-icons"
 
 import { cn } from "../../lib/utils"
 
@@ -32,7 +32,7 @@ const AccordionTrigger = React.forwardRef<
       {...props}
     >
       {children}
-      <ChevronDownIcon className="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" />
+      <PlusIcon className="h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200" />
     </AccordionPrimitive.Trigger>
   </AccordionPrimitive.Header>
 ))

components/faqs/index.tsx

@@ -22,25 +22,25 @@ export default function Faqs() {
                 <div className="mt-6">
                 <Accordion type="multiple" className="w-full">
                     <AccordionItem value="item-1">
-                    <AccordionTrigger>What is ancodeai?</AccordionTrigger>
-                    <AccordionContent>
+                    <AccordionTrigger className="text-lg">What is ancodeai?</AccordionTrigger>
+                    <AccordionContent className="text-base text-slate-500">
                         By using OpenAI and Gemini technologies to generate highly available code, it supports web (React, Vue, Tailwind CSS, shadcn/ui), native (react native) and other codes. It is generated using GPT-4 Vision. Code is generated by taking screenshots, drawing drafts, and inputting ideas.
                     </AccordionContent>
                     </AccordionItem>
                     <AccordionItem value="item-2">
-                    <AccordionTrigger>Can I see a history of all my generations?</AccordionTrigger>
-                    <AccordionContent>
+                    <AccordionTrigger className="text-lg">Can I see a history of all my generations?</AccordionTrigger>
+                    <AccordionContent className="text-base text-slate-500">
                     ancodeai currently does not store your historical data, you need to save it yourself after generating it.                    </AccordionContent>
                     </AccordionItem>
                     <AccordionItem value="item-3">
-                    <AccordionTrigger>Can I deploy independently?</AccordionTrigger>
-                    <AccordionContent>
+                    <AccordionTrigger className="text-lg">Can I deploy independently?</AccordionTrigger>
+                    <AccordionContent className="text-base text-slate-500">
                         This is an open source project, so you can deploy your own version.<a className="text-blue-500" target="_blank" href="https://github.com/sparrow-js/an-codeAI">➡️ here</a>
                     </AccordionContent>
                     </AccordionItem>
                     <AccordionItem value="item-4">
-                    <AccordionTrigger>Can ancodeai generate data fetching code?</AccordionTrigger>
-                    <AccordionContent>
+                    <AccordionTrigger className="text-lg">Can ancodeai generate data fetching code?</AccordionTrigger>
+                    <AccordionContent className="text-base text-slate-500">
                     While in Beta, ancodeai is focused on frontend code generation. As we continue to build ancodeai and prepare for general availability, we will explore adding support for data fetching code.
                     </AccordionContent>
                     </AccordionItem>