made changes to color in webapp and minor tweaks

Author: ericsngyun

www/src/pages/components/Blogs.tsx

@@ -62,7 +62,7 @@ export default function Blogs() {
       </div>
       <div className="relative mx-auto max-w-7xl">
         <div className="text-center">
-          <h2 className="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">From the blog</h2>
+          <h2 className="text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">From the Blog</h2>
           <p className="mx-auto mt-3 max-w-2xl text-xl text-gray-500 sm:mt-4">
             See the blogs from the most recent updates and to the past years!
           </p>
@@ -75,7 +75,7 @@ export default function Blogs() {
               </div>
               <div className="flex flex-1 flex-col justify-between bg-white p-6">
                 <div className="flex-1">
-                  <p className="text-sm font-medium text-indigo-600">
+                  <p className="text-sm font-medium text-rose-500">
                     <a href={post.category.href} className="hover:underline">
                       {post.category.name}
                     </a>

www/src/pages/components/FeaturesSection.jsx

@@ -47,7 +47,7 @@ export default function FeaturesSection() {
   return (
     <div className="relative bg-white py-24 sm:py-32 lg:py-40">
       <div className="mx-auto max-w-md px-6 text-center sm:max-w-3xl lg:max-w-7xl lg:px-8">
-        <h2 className="text-lg font-semibold text-indigo-600">Core Features</h2>
+        <h2 className="text-lg font-semibold text-rose-500">Core Features</h2>
         <p className="mt-2 text-3xl font-bold tracking-tight text-gray-900 sm:text-4xl">
           What makes Reactime so great?
         </p>
@@ -61,7 +61,7 @@ export default function FeaturesSection() {
                 <div className="flow-root rounded-lg bg-gray-50 px-6 pb-8 h-64">
                   <div className="-mt-6">
                     <div>
-                      <span className="inline-flex items-center justify-center rounded-xl bg-indigo-500 p-3 shadow-lg">
+                      <span className="inline-flex items-center justify-center rounded-xl bg-rose-500 p-3 shadow-lg">
                         <feature.icon className="h-8 w-8 text-white" aria-hidden="true" />
                       </span>
                     </div>

www/src/pages/components/TeamSection.tsx

@@ -85,8 +85,8 @@ function replace(e: React.SyntheticEvent<HTMLImageElement>): void{
             <div className="space-y-5 sm:mx-auto sm:max-w-xl sm:space-y-4 lg:max-w-5xl">
               <h2 className="text-3xl font-bold tracking-tight sm:text-4xl">Our Contributors</h2>
               <p className="text-xl text-gray-500">
-                Risus velit condimentum vitae tincidunt tincidunt. Mauris ridiculus fusce amet urna nunc. Ut nisl ornare
-                diam in.
+                {/* Risus velit condimentum vitae tincidunt tincidunt. Mauris ridiculus fusce amet urna nunc. Ut nisl ornare
+                diam in. */}
               </p>
             </div>
             <ul
@@ -100,7 +100,7 @@ function replace(e: React.SyntheticEvent<HTMLImageElement>): void{
                     <div className="space-y-2">
                       <div className="text-xs font-medium lg:text-sm">
                         <h3>{person[0]}</h3>
-                        <a href={`https://github.com/${person[1]}`} className="text-indigo-600">{person[1]}</a>
+                        <a href={`https://github.com/${person[1]}`} className="text-rose-500">{person[1]}</a>
                       </div>
                     </div>
                   </div>