feat: make landing page responsive and copy changes

iceberg/2025-02-21-data-partitioning-in-s3.mdx

@@ -296,7 +296,7 @@ Although other tools like BigQuery and Hive are robust, our solution hits the sw
 
 I hope this deep dive into our implementation gives you a clearer picture of how we tackled our data challenges. If you’re considering a similar approach, I’d love to hear your thoughts or questions.
 
-Reach out to us at [hello@olake.io](mailto:hello@olake.io) or head over to [Join Waitlist](https://olake.io/#olake-form-product) and our team will be happy to get in touch with you.
+Reach out to us at [hello@olake.io](mailto:hello@olake.io) or head over to [Join Waitlist](https://olake.io/contact) and our team will be happy to get in touch with you.
 
 
 <BlogCTA/>

src/components/BlogCTA.tsx

@@ -1,59 +1,51 @@
-import React from 'react';
-import { FaExternalLinkAlt, FaGithub, FaSlack } from 'react-icons/fa';
+import React from 'react'
+import { FaExternalLinkAlt, FaGithub, FaSlack } from 'react-icons/fa'
 
 const BlogCTA = () => {
   return (
-    <div className="bg-white dark:bg-black/70 rounded-2xl p-8 max-w-3xl w-full shadow-lg text-center transition-colors">
-      <h2 className="text-4xl font-bold mb-4 text-gray-800 dark:text-white">
-        OLake Go
-      </h2>
-      <p className="text-lg font-light text-gray-700 dark:text-gray-300 mb-8">
-        Replicate databases, Kafka, and S3 into Apache Iceberg with OLake Go, an open source EL engine built for Iceberg from the ground up.
+    <div className='w-full max-w-3xl rounded-2xl bg-white p-8 text-center shadow-lg transition-colors dark:bg-black/70'>
+      <h2 className='mb-4 text-4xl font-bold text-gray-800 dark:text-white'>OLake Go</h2>
+      <p className='mb-8 text-lg font-light text-gray-700 dark:text-gray-300'>
+        Replicate databases, Kafka, and S3 into Apache Iceberg with OLake Go, an open source EL
+        engine built for Iceberg from the ground up.
       </p>
 
-      <div className="flex flex-col md:flex-row justify-center gap-4">
+      <div className='flex flex-col justify-center gap-4 md:flex-row'>
         <a
-          href="https://olake.io/slack"
-          target="_blank"
-          rel="noopener noreferrer"
-          className="inline-flex items-center justify-center text-lg font-medium text-white bg-black dark:bg-white dark:text-black rounded-full px-6 py-3 transition transform hover:-translate-y-1 hover:opacity-90 min-w-[150px]"
+          href='https://olake.io/slack'
+          target='_blank'
+          rel='noopener noreferrer'
+          className='inline-flex min-w-[150px] transform items-center justify-center rounded-full bg-black px-6 py-3 text-lg font-medium text-white transition hover:-translate-y-1 hover:opacity-90 dark:bg-white dark:text-black'
         >
-          <FaSlack className="mr-2 text-white dark:text-black" />
-          <span className='text-white text-xs dark:text-black'>Join Slack</span>
+          <FaSlack className='mr-2 text-white dark:text-black' />
+          <span className='text-xs text-white dark:text-black'>Join Slack</span>
         </a>
 
         <a
-          href="https://olake.io/contact/"
-          target="_blank"
-          rel="noopener noreferrer"
-          className="inline-flex items-center justify-center text-lg font-medium text-white bg-black dark:bg-white dark:text-black rounded-full px-6 py-3 transition transform hover:-translate-y-1 hover:opacity-90 min-w-[150px]"
+          href='/contact'
+          className='inline-flex min-w-[150px] transform items-center justify-center rounded-full bg-black px-6 py-3 text-lg font-medium text-white transition hover:-translate-y-1 hover:opacity-90 dark:bg-white dark:text-black'
         >
-          <FaExternalLinkAlt className="mr-2 text-white dark:text-black" />
-          <span className='text-white text-xs  dark:text-black'>Signup</span>
+          <FaExternalLinkAlt className='mr-2 text-white dark:text-black' />
+          <span className='text-xs text-white dark:text-black'>Signup</span>
         </a>
 
         <a
-          href="https://github.com/datazip-inc/olake"
-          target="_blank"
-          rel="noopener noreferrer"
-          className="inline-flex items-center justify-center text-lg font-medium text-white bg-black dark:bg-white dark:text-black rounded-full px-6 py-3 transition transform hover:-translate-y-1 hover:opacity-90 min-w-[150px]"
+          href='https://github.com/datazip-inc/olake'
+          target='_blank'
+          rel='noopener noreferrer'
+          className='inline-flex min-w-[150px] transform items-center justify-center rounded-full bg-black px-6 py-3 text-lg font-medium text-white transition hover:-translate-y-1 hover:opacity-90 dark:bg-white dark:text-black'
         >
-          <FaGithub className="mr-2 text-white dark:text-black" />
+          <FaGithub className='mr-2 text-white dark:text-black' />
 
-          <span className='text-white text-xs dark:text-black'>Explore OLake GitHub</span>
+          <span className='text-xs text-white dark:text-black'>Explore OLake GitHub</span>
         </a>
-
       </div>
 
-      <div className="mt-6 text-sm text-gray-600 dark:text-gray-400">
+      <div className='mt-6 text-sm text-gray-600 dark:text-gray-400'>
         Contact us at <strong>hello@olake.io</strong>
       </div>
     </div>
-  );
-};
-
-
-// https://olake.io/#olake-form-product)
-
+  )
+}
 
-export default BlogCTA;
+export default BlogCTA

src/components/FusionBlogCTA.tsx

@@ -23,9 +23,7 @@ const FusionBlogCTA = () => {
         </a>
 
         <a
-          href="https://olake.io/#olake-form-product"
-          target="_blank"
-          rel="noopener noreferrer"
+          href="/contact"
           className="inline-flex items-center justify-center text-lg font-medium text-white bg-black dark:bg-white dark:text-black rounded-full px-6 py-3 transition transform hover:-translate-y-1 hover:opacity-90 min-w-[150px]"
         >
           <FaExternalLinkAlt className="mr-2 text-white dark:text-black" />