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