feat: New branch and hero section changes

src/app/page.tsx

@@ -145,7 +145,7 @@ const technologies = [
 
 export default function Home() {
   {
-    /* Services Boxes */
+    /* Services Boxes  */
   }
   const solutions = [
     {

src/components/chatbot/chatbot.tsx

@@ -218,9 +218,13 @@ const ChatWidget = () => {
   const [isCoding, setIsCoding] = useState(false);
   const { contextMessage } = useContext(ChatContext);
 
+  const screenWidth = typeof window !== "undefined" ? window.innerWidth : 1024;
+
   useEffect(() => {
-    setOpen(true);
-    setUserMessage(contextMessage);
+    if (screenWidth > 640) {
+      setOpen(true);
+      setUserMessage(contextMessage);
+    }
   }, [contextMessage]);
 
   const SUGGESTED_MESSAGE = "I need help";

src/components/layout/HeroChat.module.css

@@ -57,6 +57,18 @@
   }
 }
 
+@media screen and (max-width: 769px) {
+  .prompts {
+    & button {
+      font-size: 12px;
+    }
+  }
+
+  .textarea {
+    font-size: 14px;
+  }
+}
+
 .send {
   width: 36px;
   height: 36px;

src/components/layout/HeroChat.tsx

@@ -35,7 +35,7 @@ export default function HeroChat() {
 
       <div className={styles.buttons}>
         <div className={styles.prompts}>
-          <button onClick={() => handleBtnPrompt(promptMsgNoon)}>
+          <button onClick={() => handleBtnPrompt(promptMsgNoon)} className="">
             <svg
               xmlns="http://www.w3.org/2000/svg"
               width="16"