Created basic FAQ section at the bottom

chostudio · Feb 12, 2024 · 9da9ded · 9da9ded
1 parent 059d5cf
commit 9da9ded
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 7 deletions.
diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
@@ -5,7 +5,7 @@ import 'bootstrap/dist/css/bootstrap.css';
 import './index.css';
 import axios from 'axios';
 
-function App () {
+function App() {
 
   const [file, setFile] = useState(null);
 
@@ -49,11 +49,23 @@ function App () {
 
           <br />
           <br />
-          <p>some FAQ and stories about do you want text tracsctiptions subtitles</p>
-          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora cupiditate quis nemo praesentium non, odio consequatur necessitatibus ea id esse sed magni ipsam quod repellendus culpa eveniet voluptatibus doloribus nostrum.
-
-            Lorem ipsum dolor sit amet consectetur adipisicing elit. Adipisci quia eveniet, odit distinctio accusamus alias excepturi expedita nostrum. Earum quis facilis error laudantium adipisci vero consequuntur ut, distinctio sapiente odit?
+          <h2>What is a podcast-to-text converter?</h2>
+          <p className='mb-5'>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora cupiditate quis nemo praesentium non, odio consequatur necessitatibus ea id esse sed magni ipsam quod repellendus culpa eveniet voluptatibus doloribus.
+          </p>
+          <h2>How can you use the PodcastToText converter?</h2>
+          <p className='mb-5'>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora cupiditate quis nemo praesentium non, odio consequatur necessitatibus ea id esse sed magni ipsam quod repellendus culpa eveniet voluptatibus doloribus.
+          </p>
+          <h2>How does a podcast-to-text converter work?</h2>
+          <p className='mb-5'>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora cupiditate quis nemo praesentium non, odio consequatur necessitatibus ea id esse sed magni ipsam quod repellendus culpa eveniet voluptatibus doloribus.
+          </p>
+          <h2>Are podcast transcripts accurate?</h2>
+          <p className='mb-5'>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora cupiditate quis nemo praesentium non, odio consequatur necessitatibus ea id esse sed magni ipsam quod repellendus culpa eveniet voluptatibus doloribus.
+          </p>
+          <h2>Can I edit the transcript generated by the converter?</h2>
+          <p className='mb-5'>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora cupiditate quis nemo praesentium non, odio consequatur necessitatibus ea id esse sed magni ipsam quod repellendus culpa eveniet voluptatibus doloribus.
           </p>
+          <h2>Is podcast transcription a paid service?</h2>
+          <p className='mb-5'>This one is free.</p>
         </div>
         <div className="col md-auto"></div>
       </div>

diff --git a/frontend/src/TextOutputComponent.jsx b/frontend/src/TextOutputComponent.jsx
@@ -17,14 +17,14 @@ function TextOutputComponent() {
       <div>
         {/* <CopyToClipboard onCopy={() => setClipboardState(true)}> */}
 
-          <textarea className='block bg-white text-black rounded form-control'
+          <textarea className='mb-2 block bg-white text-black rounded form-control'
           value={clipboardState}
           onChange={(e)=>setClipboardState(e.target.value)}
             name="postContent"
             rows={20}
             cols={100}
         />
-        <button onClick={handleCopy}>Copy</button>
+        <button className='mt-2' onClick={handleCopy}>Copy</button>
         {/* </CopyToClipboard> */}
       </div>
       {/* id={data} */}