mock solution for issue

pages/index.tsx

@@ -25,10 +25,19 @@ const Home: NextPage = () => {
         <WalletData />
       </header>
       <main className={styles.main}>
+      <div className={styles.text}>
+          <h1>Fundraising using a Soroban Template is easy, powerful, and trusted.</h1>
+          <h2>Get what you need to help your fundraiser succeed on Soroban, whether you’re raising money for yourself, friends, family, or charity. With no fee to start, Soroban is the world’s leading onchain crowdfunding platform—from memorial tributes and funerals to medical emergencies and nonprofits. Whenever you need help, you can ask here.</h2>
+        </div>
+
         <div className={styles.content}>
           <Campaign />
           <Pledge />
         </div>
+        <div className={styles.text}>
+          <h3>Still have questions? Learn more about how Soroban works.</h3>
+          <p>Send us an email at <a href="/home"> support.soroban.psc</a></p>
+        </div>
       </main>
     </>
   )

styles/Home.module.css

@@ -6,7 +6,7 @@
   flex-wrap: wrap;
   padding-top: 1rem;
   max-width: 1100px;
-  margin: auto
+  margin: auto;
 }
 
 @media (max-width: 1150px) {
@@ -27,8 +27,32 @@
 
 .content {
   display: flex;
-  max-width: 1100px;
-  margin: 0 auto;
+  flex-direction: row;
+  padding: 10px;
+  margin-top: 10px;
+}
+
+.text{
+  padding: 10px;
+}
+
+.text h1{
+  font-size: 4rem;
+  line-height: 4rem;
+  margin-bottom:  1rem;
+}
+
+.text h2, .text h3{
+  font-weight: 400;
+  color: #808080;
+  font-size: 1.6rem;
+  margin-bottom: 1rem;
+}
+.text p{
+  text-align: center;
+}
+.text a{
+  color: #0070f3;
 }
 
 @media (max-width: 769px) {