update page content; change wave speed/height

Author: bitfl0wer

src/components/About.tsx

@@ -9,10 +9,10 @@ export function About(): JSX.Element {
           className=""
           paused={false}
           options={{
-            height: 40,
-            amplitude: 60,
-            speed: 0.2,
-            points: 8,
+            height: 100,
+            amplitude: 30,
+            speed: 0.15,
+            points: 5,
           }}
         />
       </div>
@@ -22,9 +22,9 @@ export function About(): JSX.Element {
           className=""
           paused={false}
           options={{
-            height: 40,
-            amplitude: 60,
-            speed: 0.2,
+            height: 100,
+            amplitude: 30,
+            speed: 0.1,
             points: 3,
           }}
         />
@@ -36,33 +36,34 @@ export function About(): JSX.Element {
               <h2 className="md:text-6xl lg:text-7xl lg:inline hidden font-bold text-poly-indigo-1 title-shadow w-[700px]">
                 What{" "}
                 <span className="md:text-6xl lg:text-7xl lg:inline md:inline hidden font-bold text-poly-indigo-1 w-auto">
-                  Polyproto
+                  polyproto
                 </span>{" "}
                 is <br /> all about?
               </h2>
               <h2 className="text-4xl md:text-5xl font-bold text-poly-black">
                 What{" "}
-                <span className="text-4xl md:text-5xl font-bold text-poly-indigo-1 inline-block w-auto title-main">
-                  Polyproto
+                <span className="text-4xl md:text-5xl font-bold text-poly-indigo-1 inline-block w-auto title-main ease-out transform hover:scale-105 transition duration-500">
+                  polyproto
                 </span>{" "}
                 is all about?
               </h2>
             </div>
             <div className="mt-10 md:col-start-2 col-span-10 lg:mt-0 lg:col-start-7 lg:col-span-6 lg:hidden">
-              <img className="w-full" src="img/Capa_1.png" alt="" />
+              <img className="w-full" src="img/Capa_1.png" alt="Diagram showing digital signature verification flow: YOU send signed message to FOREIGN SERVER, which forwards to OTHER USER, who verifies signature via HOME SERVER." />
             </div>
             <p className="text-poly-black text-lg mt-10">
-              Lorem ipsum dolor sit amet consectetur adipisicing elit.
-              Dignissimos aliquid repudiandae deleniti placeat reiciendis quasi
-              asperiores quia aspernatur esse corporis obcaecati, at repellat
-              reprehenderit natus dolores ea quas sequi facilis.
+              polyproto is all about decentralized, federated data exchange using tried and true
+              concepts. Designed to be flexible, polyproto can fit almost any usecase. The best part?
+              The user remains in control. No more losing friends and followers if your old homeserver
+              sunsets. Feel free to migrate to another homeserver at any time, even if your old homeserver
+              has shut down ages ago.
             </p>
             <div className="flex items-center justify-center lg:justify-start">
             <Anchor
               href="/docs/intro"
               className="w-72 mt-10 border-black text-xl"
             >
-              see more
+              learn more
             </Anchor>
             </div>
           </div>

src/components/Contribute.tsx

@@ -9,10 +9,10 @@ export function Contribute(): JSX.Element {
           fill="#e1f852"
           paused={false}
           options={{
-            height: 40,
-            amplitude: 60,
-            speed: 0.2,
-            points: 10,
+            height: 80,
+            amplitude: 30,
+            speed: 0.15,
+            points: 6,
           }}
         />
       </div>
@@ -23,7 +23,7 @@ export function Contribute(): JSX.Element {
           options={{
             height: 100,
             amplitude: 30,
-            speed: 0.2,
+            speed: 0.05,
             points: 5,
           }}
         />

src/components/GetStarted.tsx

@@ -12,7 +12,7 @@ export function GetStarted(): JSX.Element {
           options={{
             height: 100,
             amplitude: 30,
-            speed: 0.2,
+            speed: 0.05,
             points: 12,
           }}
         />
@@ -24,8 +24,8 @@ export function GetStarted(): JSX.Element {
           className="-mb-2"
           options={{
             height: 100,
-            amplitude: 30,
-            speed: 0.15,
+            amplitude: 20,
+            speed: 0.1,
             points: 7,
           }}
         />
@@ -58,8 +58,8 @@ export function GetStarted(): JSX.Element {
             options={{
               height: 100,
               amplitude: 30,
-              speed: 0.2,
-              points: 14,
+              speed: 0.1,
+              points: 7,
             }}
           />
         </div>
@@ -71,7 +71,7 @@ export function GetStarted(): JSX.Element {
             options={{
               height: 100,
               amplitude: 30,
-              speed: 0.15,
+              speed: 0.1,
               points: 5,
             }}
           />