This is an automated email from the ASF dual-hosted git repository. bhavanisudha pushed a commit to branch asf-site in repository https://gitbox.apache.org/repos/asf/hudi.git
The following commit(s) were added to refs/heads/asf-site by this push: new 0f059a98c51 initial commit for web banner (#10529) 0f059a98c51 is described below commit 0f059a98c515e9bb9f432523aedbb93bb33246fa Author: nadine farah <nfara...@gmail.com> AuthorDate: Tue Jan 23 19:57:38 2024 -0800 initial commit for web banner (#10529) * initial commit for web banner updated headers and some wording updated banner * updated calendar name --- .../src/components/EventFeature/Icons/calendar.svg | 3 ++ .../components/EventFeature/Icons/microphone.svg | 3 ++ website/src/components/EventFeature/index.js | 26 ++++++++++++++++++ .../src/components/EventFeature/styles.module.css | 32 ++++++++++++++++++++++ website/src/pages/index.js | 2 ++ 5 files changed, 66 insertions(+) diff --git a/website/src/components/EventFeature/Icons/calendar.svg b/website/src/components/EventFeature/Icons/calendar.svg new file mode 100644 index 00000000000..2fe2a80fc8f --- /dev/null +++ b/website/src/components/EventFeature/Icons/calendar.svg @@ -0,0 +1,3 @@ +<svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg"> +<path d="M1.4934 6.36789H17.1246C17.2188 6.36791 17.312 6.34868 17.3986 6.31139C17.4851 6.2741 17.5631 6.21953 17.6277 6.15103C17.6924 6.08253 17.7424 6.00154 17.7747 5.91303C17.807 5.82452 17.8208 5.73035 17.8154 5.6363L17.8067 5.45677C17.6943 3.64007 16.1758 2.217 14.3491 2.217H13.4601V1.52519C13.4601 1.34171 13.3872 1.16574 13.2574 1.036C13.1277 0.906261 12.9517 0.833374 12.7683 0.833374C12.5848 0.833374 12.4088 0.906261 12.2791 1.036C12.1493 1.16574 12.0764 1.34171 12.0764 1.52519V2. [...] +</svg> diff --git a/website/src/components/EventFeature/Icons/microphone.svg b/website/src/components/EventFeature/Icons/microphone.svg new file mode 100644 index 00000000000..3c7c2c74d5e --- /dev/null +++ b/website/src/components/EventFeature/Icons/microphone.svg @@ -0,0 +1,3 @@ +<svg width="13" height="20" viewBox="0 0 13 20" fill="none" xmlns="http://www.w3.org/2000/svg"> +<path d="M6.60603 14.2571V19.2857H10.0667C10.1615 19.2857 10.2523 19.3233 10.3193 19.3903C10.3863 19.4573 10.4239 19.5481 10.4239 19.6429C10.4239 19.7376 10.3863 19.8284 10.3193 19.8954C10.2523 19.9624 10.1615 20 10.0667 20H2.43103C2.33631 20 2.24547 19.9624 2.1785 19.8954C2.11152 19.8284 2.07389 19.7376 2.07389 19.6429C2.07389 19.5481 2.11152 19.4573 2.1785 19.3903C2.24547 19.3233 2.33631 19.2857 2.43103 19.2857H5.89175V14.2571C4.34498 14.1646 2.89168 13.4858 1.82797 12.3591C0.764252 11 [...] +</svg> diff --git a/website/src/components/EventFeature/index.js b/website/src/components/EventFeature/index.js new file mode 100644 index 00000000000..0764e59b0ec --- /dev/null +++ b/website/src/components/EventFeature/index.js @@ -0,0 +1,26 @@ +import React from "react"; +import styles from "./styles.module.css"; +import LinkButton from "@site/src/components/UI/LinkButton"; +import Calendar from "./Icons/calendar.svg"; +import Microphone from "./Icons/microphone.svg"; + +const Events = () => { + return ( + <section className="featurebanner"> + <div className={styles.banner}> + <div className="container"> + <div className={styles.bannercontent}> + <h3> Upcoming Event: Build and Secure AWS Hudi Lakes with AWS Glue & AWS Lake Formations</h3> + <p><span className={styles.sideMicrophone}><Microphone/></span> + LinkedIn Live Event | <span className={styles.sideCalendar}><Calendar/></span> + January 25</p> + </div> + </div> + <LinkButton class={styles.registerbutton} type="secondary" to="https://www.linkedin.com/company/apache-hudi/events/?viewAsMember=true"> + Join Now + </LinkButton> + </div> + </section> + ); +} +export default Events; diff --git a/website/src/components/EventFeature/styles.module.css b/website/src/components/EventFeature/styles.module.css new file mode 100644 index 00000000000..416f746d6e5 --- /dev/null +++ b/website/src/components/EventFeature/styles.module.css @@ -0,0 +1,32 @@ +.banner { + display: flex; + align-items: center; + justify-content: space-between; + background: linear-gradient(to right, #2F93EF 0%, #1E5FBD 100%); + color: white; + padding-right: 230px; + padding-left: 210px; + padding-bottom: 0px; + padding-top: 10px; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); +} +.sideMicrophone { + margin-right: 10px; +} +.sideCalendar { + margin-right: 10px; + margin-left: 10px; +} +.registerbutton { + background-color: #ffffff; + color: #074D86; + border: none; + padding: 10px 30px; + border-radius: 10px; + cursor: pointer; + text-transform: uppercase; + font-weight: bold; + display: inline-block; + text-align: center; + min-width: 230px +} \ No newline at end of file diff --git a/website/src/pages/index.js b/website/src/pages/index.js index 5f7cede8e16..355993b5706 100644 --- a/website/src/pages/index.js +++ b/website/src/pages/index.js @@ -2,6 +2,7 @@ import React from "react"; import Layout from "@theme/Layout"; import useDocusaurusContext from "@docusaurus/useDocusaurusContext"; import DataLake from "@site/src/components/DataLakes"; +import Events from "@site/src/components/EventFeature"; import HomepageFeatures from "@site/src/components/HomepageFeatures"; import JoinCommunity from "@site/src/components/JoinCommunity"; import WhyHudi from "@site/src/components/WhyHudi"; @@ -29,6 +30,7 @@ export default function Home() { > <NewReleaseMessage /> <HomepageHeader /> + <Events /> <main> <DataLake /> <HomepageFeatures />