Skip to content

feat: make landing page responsive and copy changes #483

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
deepanshupal09-datazip merged 7 commits into from
Aug 14, 2026
Merged

feat: make landing page responsive and copy changes #483

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
33d687f
feat: make landing page responsive and copy changes
deepanshupal09-datazip Aug 12, 2026
636a9a1
fix: centralize footer
deepanshupal09-datazip Aug 12, 2026
60c9055
fix: resolve comments
deepanshupal09-datazip Aug 13, 2026
cd837d8
fix: resolve comments
deepanshupal09-datazip Aug 14, 2026
6dbe93d
fix: mobile navbar
deepanshupal09-datazip Aug 14, 2026
a465766
fix: navbar and add posthog experiment
deepanshupal09-datazip Aug 14, 2026
c70a983
fix: fusion diagram
deepanshupal09-datazip Aug 14, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion iceberg/2025-02-21-data-partitioning-in-s3.mdx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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/>
102 changes: 96 additions & 6 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,6 +36,7 @@
"clsx": "^2.1.1",
"lucide-react": "^0.475.0",
"plugin-image-zoom": "^1.2.0",
"posthog-js": "^1.417.0",
"prism-react-renderer": "^2.4.1",
"react": "^18.3.1",
"react-dom": "^18.3.1",
Expand Down
64 changes: 28 additions & 36 deletions src/components/BlogCTA.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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
4 changes: 1 addition & 3 deletions src/components/FusionBlogCTA.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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" />
Expand Down
Loading
Loading