Merge pull request #141 from theopenlane/feat-social-and-font-size

remove insta, reorder social, increase legal font size

Author: golanglemonade

src/components/Footer.astro

@@ -72,46 +72,33 @@ import OpenlaneStatus from "./OpenlaneStatus";
                 <a
                   class="flex items-center gap-2 group"
                   target="_blank"
-                  href="https://www.instagram.com/openlanesaas/"
+                  href="https://www.linkedin.com/company/theopenlane/"
                 >
-                  <Instagram
+                  <Linkedin
                     size={19}
                     class="text-color group-hover:text-brand-300 transition-all duration-300"
                   />
-                  Instagram
+                  LinkedIn
                 </a>
               </li>
               <li>
                 <a
                   class="flex items-center gap-2"
                   target="_blank"
-                  href="https://discord.gg/4fq2sxDk7D"
-                >
-                  <DiscordIcon />
-                  Discord
-                </a>
-              </li>
-              <li>
-                <a
-                  class="flex items-center gap-2 group"
-                  target="_blank"
-                  href="https://www.linkedin.com/company/theopenlane/"
+                  href="https://github.com/theopenlane"
                 >
-                  <Linkedin
-                    size={19}
-                    class="text-color group-hover:text-brand-300 transition-all duration-300"
-                  />
-                  LinkedIn
+                  <GithubIcon />
+                  GitHub
                 </a>
               </li>
               <li>
                 <a
                   class="flex items-center gap-2"
                   target="_blank"
-                  href="https://github.com/theopenlane"
+                  href="https://discord.gg/4fq2sxDk7D"
                 >
-                  <GithubIcon />
-                  GitHub
+                  <DiscordIcon />
+                  Discord
                 </a>
               </li>
             </ul>

src/layouts/contact/MainSection.astro

@@ -90,29 +90,6 @@ import ContactForm from "./ContactForm.astro";
       </p>
 
       <ul class="flex flex-col gap-2 text-sm">
-        <li>
-          <a
-            class="flex items-center gap-2 mb-2 group"
-            target="_blank"
-            href="https://www.instagram.com/openlanesaas/"
-          >
-            <Instagram
-              size={19}
-              class="text-color group-hover:text-brand-300 transition-all duration-300"
-            />
-            Instagram
-          </a>
-        </li>
-        <li>
-          <a
-            class="flex items-center gap-2 mb-2"
-            target="_blank"
-            href="https://discord.gg/4fq2sxDk7D"
-          >
-            <DiscordIcon />
-            Discord
-          </a>
-        </li>
         <li>
           <a
             class="flex items-center gap-2 mb-2 group"
@@ -136,6 +113,16 @@ import ContactForm from "./ContactForm.astro";
             GitHub
           </a>
         </li>
+        <li>
+          <a
+            class="flex items-center gap-2 mb-2"
+            target="_blank"
+            href="https://discord.gg/4fq2sxDk7D"
+          >
+            <DiscordIcon />
+            Discord
+          </a>
+        </li>
       </ul>
     </div>
   </div>

src/layouts/legal/CookiePolicy.astro

@@ -27,7 +27,7 @@ const { lastUpdated } = Astro.props;
       </p>
       {
         lastUpdated && (
-          <p class="text-sm text-gray-500 dark:text-gray-400">
+          <p class="text-normal text-gray-500 dark:text-gray-400">
             Last updated: {lastUpdated}
           </p>
         )
@@ -42,26 +42,26 @@ const { lastUpdated } = Astro.props;
       <section id="what-is-cookie" class="scroll-mt-4">
         <h4>What is a Cookie</h4>
         <div class="space-y-2">
-          <p class="text-sm">
+          <p class="text-normal">
             Cookies are files with a small amount of data which may include an
             anonymous unique identifier. They are sent to your browser from a
             website and stored on your device. These small text files serve as a
             memory for websites, allowing them to:
           </p>
-          <ul class="text-sm list-disc pl-6 space-y-1">
+          <ul class="text-normal list-disc pl-6 space-y-1">
             <li>Remember your login status and preferences</li>
             <li>Understand how you interact with the website</li>
             <li>
               Help provide you with a more personalized browsing experience
             </li>
           </ul>
-          <p class="text-sm">
+          <p class="text-normal">
             When you visit a website, it may create a cookie and send it to your
             browser. Your browser then stores this cookie and sends it back to
             the website on subsequent visits. This process enables the website
             to recognize your device and remember your preferences over time.
           </p>
-          <p class="text-sm">
+          <p class="text-normal">
             Cookies are typically set to expire after a specific period, which
             can range from a few minutes to several years. They can only be read
             by the website that created them or, in some cases, by third-party
@@ -72,7 +72,7 @@ const { lastUpdated } = Astro.props;
 
       <section id="how-we-use" class="scroll-mt-4">
         <h4>How Openlane Uses Cookies</h4>
-        <p class="text-sm">
+        <p class="text-normal">
           Openlane uses cookies and similar technologies like local storage to
           track activity on our service and hold certain information.
         </p>
@@ -81,29 +81,33 @@ const { lastUpdated } = Astro.props;
       <section id="cookie-types" class="scroll-mt-4">
         <h4>Types of Cookies</h4>
         <div class="space-y-2">
-          <p class="text-sm">
+          <p class="text-normal">
             We distinguish between two different types of cookies:
           </p>
-          <li class="text-sm">
-            <b>Essential:</b> Cookies that are strictly necessary for basic website
-            or app functionality.
-          </li>
-          <li class="text-sm">
-            <b>Marketing:</b> Cookies that are used to identify users and collect
-            information about their behavior.
-          </li>
-          <p class="text-sm font-bold">Openlane only uses essential cookies.</p>
+          <ul>
+            <li>
+              <b>Essential:</b> Cookies that are strictly necessary for basic website
+              or app functionality.
+            </li>
+            <li>
+              <b>Marketing:</b> Cookies that are used to identify users and collect
+              information about their behavior.
+            </li>
+          </ul>
+          <p class="text-normal font-bold">
+            Openlane only uses essential cookies.
+          </p>
         </div>
       </section>
 
       <section id="third-party" class="scroll-mt-4">
         <h4>Third Party Cookies</h4>
         <div class="space-y-4">
-          <p class="text-sm">
+          <p class="text-normal">
             We use third-party payment provided by Stripe to process payments
             and prevent fraud.
           </p>
-          <p class="text-sm">
+          <p class="text-normal">
             For more information, see the official{" "}
             <a
               href="https://stripe.com/cookie-settings"