|
| 1 | +import React from 'react'; |
1 | 2 | import Layout from '@theme/Layout';
|
2 |
| -import Button from '../components/Button'; |
3 |
| -import { JSX } from 'react'; |
| 3 | +import Link from '@docusaurus/Link'; |
4 | 4 |
|
5 |
| - |
6 |
| - |
7 |
| -const Hero = () => { |
| 5 | +export default function Home(): JSX.Element { |
8 | 6 | return (
|
9 |
| - <div className='flex flex-col items-center h-screen pt-20 w-full'> |
10 |
| - <div className="px-4 md:px-10 max-w-screen-xl h-[calc(100vh-140px)] flex flex-col md:flex-row justify-between w-full"> |
11 |
| - {/* <!-- Left Column (Text) --> */} |
| 7 | + <Layout |
| 8 | + title="UCX - Unity Catalog Toolkit" |
| 9 | + description="UCX helps assess, plan, and execute your Databricks Unity Catalog migration efficiently." |
| 10 | + > |
| 11 | + <main className="flex flex-col md:flex-row items-center justify-center px-6 md:px-12 py-12"> |
12 | 12 | <div className="md:w-2/3 text-center md:text-left">
|
13 |
| - <h1 className="text-5xl font-semibold leading-tight text-balance mb-6"><span className='font-mono'>UCX</span> - Unity Catalog |
14 |
| - Migration Assistant</h1> |
15 |
| - <p className="text-xl mb-6 text-balance"> |
16 |
| - Ready-to-use toolkit to migrate to UC,<br /> provided by <a href="https://github.com/databrickslabs" className="underline">Databricks Labs</a> |
| 13 | + <h1 className="text-4xl font-bold mb-6"> |
| 14 | + Simplify and Accelerate your Unity Catalog Migration |
| 15 | + </h1> |
| 16 | + <p className="text-lg mb-8"> |
| 17 | + The open-source tool that helps assess, plan, and execute your Databricks Unity Catalog migration with confidence. |
17 | 18 | </p>
|
18 |
| - <div className="flex flex-col space-y-4 md:flex-row md:space-y-0 md:space-x-4 md:justify-start justify-center items-center w-full px-20 md:px-0"> |
19 |
| - <Button variant='secondary' outline={true} link='/docs/installation' size='large' label='Installation' linkClassName='w-full md:w-fit' className='w-full' /> |
20 |
| - <Button variant='secondary' outline={true} link='/docs/process' size='large' label='Process' linkClassName='w-full md:w-fit' className='w-full' /> |
21 |
| - <Button variant='secondary' outline={true} link='/docs/reference' size='large' label='Reference' linkClassName='w-full md:w-fit' className='w-full' /> |
| 19 | + <div className="flex justify-center md:justify-start space-x-4"> |
| 20 | + <Link |
| 21 | + className="px-6 py-3 text-white bg-red-600 rounded-md hover:bg-red-700 hover:text-white transition-colors duration-200" |
| 22 | + to="/docs/gettingstarted" |
| 23 | + > |
| 24 | + Get Started |
| 25 | + </Link> |
22 | 26 | </div>
|
23 | 27 | </div>
|
24 | 28 |
|
25 |
| - {/* <!-- Right Column (Image) --> */} |
26 | 29 | <div className="hidden md:block md:w-1/3 mt-10 md:mt-0">
|
27 |
| - <img src="img/logo.svg" alt="UCX Logo" className="w-full rounded-lg hidden md:block" /> |
| 30 | + <img |
| 31 | + src="img/logo.svg" |
| 32 | + alt="UCX Logo" |
| 33 | + className="w-2/3 mx-auto md:w-full md:max-w-xs" |
| 34 | + /> |
| 35 | + </div> |
| 36 | + </main> |
| 37 | + |
| 38 | + <section className="px-6 md:px-12 py-12 text-center bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100"> |
| 39 | + <h2 className="text-3xl font-semibold mb-8">Key Features</h2> |
| 40 | + <div className="flex flex-col md:flex-row justify-center space-y-8 md:space-y-0 md:space-x-12"> |
| 41 | + <div> |
| 42 | + <h3 className="text-xl font-bold mb-2">🔍 Comprehensive Assessment</h3> |
| 43 | + <p>Identify migration blockers and readiness with detailed analysis.</p> |
| 44 | + </div> |
| 45 | + <div> |
| 46 | + <h3 className="text-xl font-bold mb-2">🚀 Automated Migrations</h3> |
| 47 | + <p>Simplify moving data assets and permissions efficiently.</p> |
| 48 | + </div> |
| 49 | + <div> |
| 50 | + <h3 className="text-xl font-bold mb-2">📊 Detailed Reporting</h3> |
| 51 | + <p>Gain actionable insights into your migration progress.</p> |
28 | 52 | </div>
|
29 | 53 | </div>
|
30 |
| - </div> |
31 |
| - ) |
32 |
| -} |
| 54 | + </section> |
33 | 55 |
|
34 |
| -export default function Home(): JSX.Element { |
35 |
| - return ( |
36 |
| - <Layout> |
37 |
| - <Hero /> |
38 |
| - </Layout > |
| 56 | + |
| 57 | + <footer className="text-center py-6 border-t mt-12 text-gray-600 text-sm"> |
| 58 | + <a href="https://github.com/databrickslabs/ucx" target="_blank" rel="noopener" className="mx-2 hover:underline">GitHub</a>| |
| 59 | + <Link to="docs/dev" className="mx-2 hover:underline">Contribute</Link> |
| 60 | + </footer> |
| 61 | + </Layout> |
39 | 62 | );
|
40 | 63 | }
|
0 commit comments