Work on the Homepage

src/Client/src/app/pages/main/home/home.component.css

@@ -3,6 +3,19 @@
     width: calc(100% - 400px);
 }
 
+.center-text {
+    text-align: center;
+}
+
+.center-text h1 {
+    font-size: 100px;
+    margin: 20px 0;
+}
+
+.center-text h2 {
+    margin-bottom: 200px;
+}
+
 .content-frame {
     display: flex;
     flex-direction: row;
@@ -16,6 +29,7 @@
 
 .floating-frame {
     width: 450px;
+    height: 200px;
     background-color: var(--Mistox-Frame);
     padding: 20px;
     margin: 20px 0;
@@ -41,8 +55,11 @@ hr {
 }
 
 .solution-frame {
-    height: 200px;
-    background-color: blueviolet;
     width: calc(100% - 515px);
     margin: 20px 0;
+    text-align: center;
+}
+
+.border {
+    border-bottom: solid 1px #000;
 }

src/Client/src/app/pages/main/home/home.component.html

@@ -1,5 +1,11 @@
 <div class="center-frame">
-    <div class="content-frame">
+
+    <div class="center-frame center-text border">
+        <h1>Bored Careers</h1>
+        <h2>The Anti-AI Job Board</h2>
+    </div>
+
+    <div class="content-frame border">
         <div class="floating-frame">
             <div class="title-block">
                 <h1>death by a thousand applicants</h1>
@@ -11,11 +17,14 @@
             </div>
         </div>
         <div class="solution-frame">
-
+            <div>
+                <p><strong>Rate Limiting - </strong>We use strong rate limiting to prevent bot's from flooding applications</p>
+                <p><strong>Strong Authentication - </strong>All API's require authentication and will ban on suspision of bots</p>
+            </div>
         </div>
     </div>
 
-    <div class="content-frame">
+    <div class="content-frame border">
         <div class="floating-frame">
             <div class="title-block">
                 <h1>keyword frenzie</h1>
@@ -27,11 +36,12 @@
             </div>
         </div>
         <div class="solution-frame">
-
+            <p><strong>No External Access - </strong>All companies and clients are required to interface with the application. Minimizing the surface for AI resume filters.</p>
+            <p><strong>Skill Based Resumes - </strong>Resume's are skill based not work history based. This allows companies to know what your good at without infering it.</p>
         </div>
     </div>
 
-    <div class="content-frame">
+    <div class="content-frame border">
         <div class="floating-frame">
             <div class="title-block">
                 <h1>response black-hole</h1>
@@ -43,11 +53,12 @@
             </div>
         </div>
         <div class="solution-frame">
-
+            <p><strong>Automated Email Notifications - </strong>No longer will you be left in the dark. No matter how the job listing is closed you will be notified</p>
+            <p><strong>More Analytics - </strong>Visibility into if the company has looked at your resume, view your resume score</p>
         </div>
     </div>
 
-    <div class="content-frame">
+    <div class="content-frame border">
         <div class="floating-frame">
             <div class="title-block">
                 <h1>zombie postings</h1>
@@ -59,7 +70,8 @@
             </div>
         </div>
         <div class="solution-frame">
-
+            <p><strong>Job Postings Auto Close - </strong>Job postings auto close 30 days after originally posted. If the company creates a repost habit they will be flagged.</p>
+            <p><strong>Collective Flagging - </strong>Companies hold a reputation on the patform and its visible on all their job postings</p>
         </div>
     </div>
 
@@ -75,7 +87,8 @@
             </div>
         </div>
         <div class="solution-frame">
-
+            <p><strong>Resume Builder - </strong>No staring at a blank sheet trying to build a resume. Use our curated resume builder</p>
+            <p><strong>Companies Search Tools - </strong>Companies can find you with ease with the strong search tools</p>
         </div>
     </div>
 </div>

src/Client/src/styles.css

@@ -5,7 +5,7 @@
     --Mistox-Medium: #890620;
     --Mistox-Light: #B6465F;
     --Mistox-Bright: #FC440F;
-    --Mistox-Frame: #FF5A00CC;
+    --Mistox-Frame: #FFE0A5;
     --Mistox-Button: #ff9999;
     --Mistox-Button-Hover: #ff999977;
     --Mistox-White: #FFF;