This is an automated email from the ASF dual-hosted git repository. yumeng pushed a commit to branch main in repository https://gitbox.apache.org/repos/asf/incubator-devlake-website.git
commit 2e330843c6130501bd68923f4ad5e993becb610b Author: ZiyuTao <[email protected]> AuthorDate: Mon Sep 12 01:29:41 2022 +0800 feat: discover --- src/components/Sections/Discover.tsx | 20 ++++++++++++++++++++ src/pages/index.js | 2 ++ static/img/Homepage/discover.png | Bin 0 -> 78093 bytes static/img/Homepage/discover.svg | 14 ++++++++------ 4 files changed, 30 insertions(+), 6 deletions(-) diff --git a/src/components/Sections/Discover.tsx b/src/components/Sections/Discover.tsx new file mode 100644 index 000000000..3fa6b4269 --- /dev/null +++ b/src/components/Sections/Discover.tsx @@ -0,0 +1,20 @@ +import React from "react"; + +import Link from '@docusaurus/Link'; +import BG from "@site/static/img/Homepage/discover.png"; + +export function Discover() { + return (<div className="flex flex-col items-center relative h-[324px] font-inter bg-primary-100"> + <img src={BG} alt='' className="absolute bottom-[0px]" /> + <div className="font-medium text-primary-800 + text-[32px] leading-[48px] mt-[72px]">Discover more engineering insights with</div> + <div className="font-semibold text-primary-500 + text-[40px] leading-[60px] mt-1 mb-3">Apache DevLake (Incubating)</div> + <Link + className="primary-button" + to="https://devlake.apache.org/docs/GettingStarted"; + > + Getting Started + </Link> + </div>) +} \ No newline at end of file diff --git a/src/pages/index.js b/src/pages/index.js index 94420e2f7..b3a71d04e 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -7,6 +7,7 @@ import { WhyDevlake } from '../components/Sections/WhyDevlake'; import { UseCases } from '../components/Sections/UseCases'; import { UserFlow } from '../components/Sections/UserFlow'; import { JoinCommunity } from '../components/Sections/JoinCommunity'; +import { Discover } from '../components/Sections/Discover'; export default function Home() { const { siteConfig } = useDocusaurusContext(); @@ -22,6 +23,7 @@ export default function Home() { <UseCases /> <UserFlow /> <JoinCommunity /> + <Discover /> </main> </div> </div> diff --git a/static/img/Homepage/discover.png b/static/img/Homepage/discover.png new file mode 100644 index 000000000..3b438e8e7 Binary files /dev/null and b/static/img/Homepage/discover.png differ diff --git a/static/img/Homepage/discover.svg b/static/img/Homepage/discover.svg index c64d615ac..b6bccfee3 100644 --- a/static/img/Homepage/discover.svg +++ b/static/img/Homepage/discover.svg @@ -1,9 +1,11 @@ -<svg width="1280" height="469" viewBox="0 0 1280 469" fill="none" xmlns="http://www.w3.org/2000/svg"; xmlns:xlink="http://www.w3.org/1999/xlink";> -<rect y="0.791504" width="1280" height="468.095" fill="url(#pattern0)"/> +<svg width="1280" height="216" viewBox="0 0 1280 216" fill="none" xmlns="http://www.w3.org/2000/svg";> +<g opacity="0.15"> +<path fill-rule="evenodd" clip-rule="evenodd" d="M631.634 123.039C633.379 122.247 656.387 113.05 692.088 104.488C703.195 101.793 710.335 91.0112 708.272 79.7537C706.051 67.2278 693.516 59.4585 681.298 62.9468C665.364 67.4249 654.411 71.4151 650.277 73.0032C649.76 73.264 649.229 73.5062 648.684 73.7287C648.586 73.766 648.423 73.8294 648.198 73.9174C640.766 76.8241 564.758 106.55 470.813 106.55C458.595 106.55 448.599 96.7193 448.757 84.352C448.757 72.1432 458.595 62.3127 470.813 62.3127C55 [...] +</g> <defs> -<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1"> -<use xlink:href="#image0_998_3763" transform="translate(0 -0.558442) scale(0.000527704 0.001443)"/> -</pattern> -<image id="image0_998_3763" width="1920" height="1080" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAB4AAAAQ4CAYAAADo08FDAAAgAElEQVR4nOydeWBU1dn/P+femclMdkjCEnZMBAMaxSiiIlawltat1bqW0L60Vd+6Fqz2bf21li7wVurW1tqqLaF91VbrLlWgSlEoGtEICUJSVglLAmRPZrn3/P64d5LJZCZ7JmE8n1Yl9965ueHJOfecZ/k+YtfeSkk/IQRICSCt/wuB6K+bK3qBBCmQgl7bQdl0KNEP9sSyIdJESoEQkt7fTdF71NiML5Q94wdly/hC2TN+ULaML5Q94wdly/ii7/bUNEFSoodETwJOhwPdoaMJZdFYYxgGgYBJs9dLU1MLXp+/x/dQY3Mooeba+KHvtlQoFAqFoieIfgkAW/EkFUwa4vTIOsqmQ56 [...] +<linearGradient id="paint0_linear_998_3756" x1="640" y1="0" x2="640" y2="314.417" gradientUnits="userSpaceOnUse"> +<stop stop-color="#88A5F6"/> +<stop offset="0.677083" stop-color="#7497F7" stop-opacity="0"/> +</linearGradient> </defs> </svg>
