|
| 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