wip

@@ -122,6 +122,7 @@ function App() {
         temperature={temperature}
         temperature={temperature}
         clearChat={clearChat}
         clearChat={clearChat}
       />
       />
+
       <ChatBox
       <ChatBox
         chatInput={chatInput}
         chatInput={chatInput}
         chatLog={chatLog}
         chatLog={chatLog}

@@ -3,6 +3,7 @@
 // Primary Chat Window
 // Primary Chat Window
 const ChatBox = ({chatLog, setChatInput, handleSubmit, chatInput}) =>
 const ChatBox = ({chatLog, setChatInput, handleSubmit, chatInput}) =>
   <section className="chatbox">
   <section className="chatbox">
+    <SuggestedOptions />
       <div className="chat-log">
       <div className="chat-log">
         {chatLog.map((message, index) => (
         {chatLog.map((message, index) => (
           <ChatMessage key={index} message={message} />
           <ChatMessage key={index} message={message} />

+const SuggestedOptions = () => (
+  <div>
+    <h1>Welcome to ChatGPT Clone</h1>
+    <p>This chatbot is capable of answering questions and generating text based on the input you provide.</p>
+    <h2>Examples</h2>
+    <ul>
+      <li>What is the capital of France?</li>
+      <li>Generate a poem about love</li>
+      <li>What is the most populous country in the world?</li>
+    </ul>
+    <h2>Capabilities</h2>
+    <ul>
+      <li>Answering questions</li>
+      <li>Generating text</li>
+      <li>Providing information on a variety of topics</li>
+    </ul>
+    <h2>Limitations</h2>
+    <ul>
+      <li>The chatbot may not have the latest information</li>
+      <li>The chatbot may not be able to answer all questions</li>
+      <li>The chatbot may not provide information in the desired format</li>
+    </ul>
+  </div>
+);
+
+export default SuggestedOptions;
\ No newline at end of file