From 1c8da780a3db0d0830b961bae392f0e5a7397b6e Mon Sep 17 00:00:00 2001
From: ct <charlesteh90@gmail.com>
Date: Fri, 4 Jul 2025 21:01:12 +0800
Subject: [PATCH] Update

---
 resources/js/pages/home/partials/FAQ.jsx            | 13 ++++++-------
 .../js/pages/home/partials/JoinDiscordGroup.jsx     |  7 +------
 2 files changed, 7 insertions(+), 13 deletions(-)

diff --git a/resources/js/pages/home/partials/FAQ.jsx b/resources/js/pages/home/partials/FAQ.jsx
index 5f7569b..ef3de69 100644
--- a/resources/js/pages/home/partials/FAQ.jsx
+++ b/resources/js/pages/home/partials/FAQ.jsx
@@ -7,7 +7,7 @@ const FAQ = () => {
             a: 'Use the video editor on top to start making your meme! Edit your caption, background and meme. Once satisfied, press the Export button to download your video!',
         },
         {
-            q: "What's available now?",
+            q: 'What features are available now?',
             a: 'At the moment, All 200+ meme templates and 200+ backgrounds are completely free! We will be adding more memes and backgrounds to the library soon!',
         },
         {
@@ -20,15 +20,15 @@ const FAQ = () => {
         },
         {
             q: 'What video format do you export?',
-            a: 'We export high-quality MP4 videos optimized for all social media platforms in 9:16 format.',
+            a: 'We export high-quality MP4 videos optimized for all social media platforms in 9:16 format, which is compatible for TikTok, Youtube Shorts, Instagram Reels, and more.',
         },
         {
             q: 'Is there a mobile app?',
-            a: "Our web app is fully responsive and works perfectly on mobile devices. Do you want a mobile app? We'll see what can be done.",
+            a: "Our web app is fully responsive and works perfectly on mobile devices. Do you want a mobile app? We'll see what can be done. Let us know in our Discord group.",
         },
         {
             q: 'How often do you add new content?',
-            a: 'We just started building this platform and will gradually add more meme templates and backgrounds over time, so everyone can continue using it for free with fresh content!',
+            a: 'We just started building this platform and will gradually add more meme templates and backgrounds over time, so everyone can continue using it for free with fresh content! Want a certain content? Let us know in our Discord group.',
         },
     ];
 
@@ -36,8 +36,7 @@ const FAQ = () => {
         <section className="">
             <div className="mx-auto max-w-4xl space-y-10 px-4 sm:px-6 lg:px-8">
                 <div className="text-center">
-                    <h2 className="text-foreground mb-4 text-3xl font-bold sm:text-4xl lg:text-5xl">Frequently Asked Questions</h2>
-                    <p className="text-muted-foreground text-lg">Everything you need to know about creating viral memes</p>
+                    <h2 className="text-foreground mb-4 text-3xl font-bold sm:text-4xl lg:text-5xl">Any questions?</h2>
                 </div>
 
                 <div className="bg-background rounded-2xl border p-6 sm:p-8">
@@ -45,7 +44,7 @@ const FAQ = () => {
                         {faqData.map((faq, index) => (
                             <AccordionItem key={index} value={`item-${index + 1}`} className="border-b last:border-b-0">
                                 <AccordionTrigger className="py-4 text-left font-medium hover:no-underline">{faq.q}</AccordionTrigger>
-                                <AccordionContent className="text-muted-foreground pb-4 leading-relaxed">{faq.a}</AccordionContent>
+                                <AccordionContent className="text-muted-foreground pb-4 leading-relaxed text-balance">{faq.a}</AccordionContent>
                             </AccordionItem>
                         ))}
                     </Accordion>
diff --git a/resources/js/pages/home/partials/JoinDiscordGroup.jsx b/resources/js/pages/home/partials/JoinDiscordGroup.jsx
index f380a6a..e256571 100644
--- a/resources/js/pages/home/partials/JoinDiscordGroup.jsx
+++ b/resources/js/pages/home/partials/JoinDiscordGroup.jsx
@@ -4,12 +4,7 @@ const JoinDiscordGroup = () => {
     return (
         <section className="">
             <div className="mx-auto max-w-6xl space-y-10 px-4 sm:px-6 lg:px-8">
-                <div className="text-center">
-                    <h2 className="text-foreground mb-4 text-3xl font-bold sm:text-4xl lg:text-5xl">Join Our Discord Community</h2>
-                    <p className="text-muted-foreground text-lg">Connect with creators, get updates, and get community support</p>
-                </div>
-
-                <div className="bg-background rounded-2xl border p-6 sm:p-8">
+                <div className="">
                     <div className="grid grid-cols-1 gap-8 lg:grid-cols-2 lg:gap-12">
                         {/* Left side - Discord info */}
                         <div className="flex flex-col justify-center space-y-6">