Add architecture image
diff --git a/website-v2/src/components/PageSection.tsx b/website-v2/src/components/PageSection.tsx
index 8a7ffdb..f7d3ae8 100644
--- a/website-v2/src/components/PageSection.tsx
+++ b/website-v2/src/components/PageSection.tsx
@@ -8,6 +8,7 @@
const alignContentCenter = props.alignContentCenter ? 'text-center justify-content-center' : '';
const lightModeClass = props.lightMode ? 'text-light' : '';
+ const marginBottom = props.marginBottom ? props.marginBottom : '55px';
return (
<>
@@ -15,7 +16,10 @@
<div className="container">
<div className={`row align-items-center ${alignCenter}`}>
<div className={"col-12"}>
- <PageSectionTitle title={props.sectionTitle} sectionSubtitle={props.sectionSubtitle} lightMode={props.lightMode}></PageSectionTitle>
+ <PageSectionTitle title={props.sectionTitle}
+ marginBottom={marginBottom}
+ sectionSubtitle={props.sectionSubtitle}
+ lightMode={props.lightMode}></PageSectionTitle>
<div className={`col-lg-12 col-md-12 order-md-0 ${alignContentCenter} ${lightModeClass}`}>
{props.children}
</div>
diff --git a/website-v2/src/components/PageSectionTitle.tsx b/website-v2/src/components/PageSectionTitle.tsx
index 0975829..278e8e1 100644
--- a/website-v2/src/components/PageSectionTitle.tsx
+++ b/website-v2/src/components/PageSectionTitle.tsx
@@ -9,7 +9,7 @@
const largeSectionClass = props.largeSection ? 'section-title-large' : '';
return (
- <div className={`section-title ${largeSectionClass} ${alignClass}`}>
+ <div className={`section-title ${largeSectionClass} ${alignClass}`} style={{marginBottom: props.marginBottom}}>
{
props.sectionSubtitle ? (<span className="sub-title">{props.sectionSubtitle}</span>) : (<span></span>)
}
diff --git a/website-v2/src/components/Teaser.tsx b/website-v2/src/components/Teaser.tsx
index a2aa85d..6f11029 100644
--- a/website-v2/src/components/Teaser.tsx
+++ b/website-v2/src/components/Teaser.tsx
@@ -4,7 +4,7 @@
const Teaser = (props) => (
<>
- <section className="elements-area">
+ <section className="elements-area" style={{borderBottom: '1px solid #cecece'}}>
<div className={"row"}>
<div className={"col-9 container-lg d-flex align-items-center justify-content-center"}>
<div className={"left-claim-section"}>
@@ -69,9 +69,6 @@
<div className={"col-3 teaser-image"}>
</div>
</div>
-
-
-
</section>
</>
)
diff --git a/website-v2/src/components/home/MadeForIIoT.tsx b/website-v2/src/components/home/MadeForIIoT.tsx
index 8c0531e..7c99da2 100644
--- a/website-v2/src/components/home/MadeForIIoT.tsx
+++ b/website-v2/src/components/home/MadeForIIoT.tsx
@@ -4,8 +4,11 @@
const MadeForIIoT = (props) => (
<>
<PageSection sectionTitle={"Made for the Industrial IoT"} sectionSubtitle={"Quick-start your IIoT initiative"}
- backgroundClass={"background-primary-light"}>
+ backgroundClass={"background-primary-light"} marginBottom={"35px"}>
+ <div className={"d-flex align-items-center justify-content-center"}>
+ <img src={"/img/architecture/streampipes-architecture-overview.png"} className={"architecture-image"}/>
+ </div>
</PageSection>
</>
diff --git a/website-v2/src/css/customTheme.css b/website-v2/src/css/customTheme.css
index f8b2184..f0e7097 100644
--- a/website-v2/src/css/customTheme.css
+++ b/website-v2/src/css/customTheme.css
@@ -10,7 +10,7 @@
--color-primary: rgb(27, 20, 100);
--color-accent: rgb(57, 181, 74);
- --color-primary-light: rgb(244, 244, 255);
+ --color-primary-light: rgb(246, 246, 255);
--ifm-navbar-height: 4.5rem;
diff --git a/website-v2/static/css/custom-website.css b/website-v2/static/css/custom-website.css
index f90b0fe..9f12c74 100644
--- a/website-v2/static/css/custom-website.css
+++ b/website-v2/static/css/custom-website.css
@@ -499,7 +499,11 @@
font-size: 2rem;
}
-
+.architecture-image {
+ max-width: 850px;
+ margin-left: auto;
+ margin-right: auto;
+}
diff --git a/website-v2/static/img/architecture/streampipes-architecture-overview.png b/website-v2/static/img/architecture/streampipes-architecture-overview.png
new file mode 100644
index 0000000..c6a803b
--- /dev/null
+++ b/website-v2/static/img/architecture/streampipes-architecture-overview.png
Binary files differ
diff --git a/website-v2/static/img/screenshots/sdk-data-processor.png b/website-v2/static/img/screenshots/sdk-data-processor.png
index eaa4045..1c0dece 100644
--- a/website-v2/static/img/screenshots/sdk-data-processor.png
+++ b/website-v2/static/img/screenshots/sdk-data-processor.png
Binary files differ