From 75bf4b7146255bb42e2b347f9e56c60f1f05f9f0 Mon Sep 17 00:00:00 2001 From: vsaw Date: Mon, 2 Oct 2023 15:38:24 +0200 Subject: [PATCH] OpenDataCam for Professionals Page Fixes #84 --- docusaurus.config.js | 9 ++ .../LandingPageCallToAction/index.js | 12 +++ .../LandingPageCallToAction/index.module.css | 4 + src/components/LandingpageAbout/index.js | 22 ++--- src/pages/professionals.js | 82 +++++++++++++++++++ 5 files changed, 119 insertions(+), 10 deletions(-) create mode 100644 src/pages/professionals.js diff --git a/docusaurus.config.js b/docusaurus.config.js index 985121a..a16616a 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -98,6 +98,11 @@ const config = { label: 'Use Cases', position: 'left', }, + { + href: '/professionals', + label: 'For Professionals', + position: 'left', + }, { href: 'https://github.com/opendatacam/opendatacam', label: 'GitHub', @@ -123,6 +128,10 @@ const config = { label: 'Use Cases', to: '/use-cases', }, + { + label: 'For Professionals', + to: '/professionals', + }, ], }, { diff --git a/src/components/LandingPageCallToAction/index.js b/src/components/LandingPageCallToAction/index.js index 59c57e6..220c966 100644 --- a/src/components/LandingPageCallToAction/index.js +++ b/src/components/LandingPageCallToAction/index.js @@ -70,6 +70,18 @@ export default function LandingpageCallToAction() { }} /> + + + diff --git a/src/components/LandingPageCallToAction/index.module.css b/src/components/LandingPageCallToAction/index.module.css index be67c4d..f7b3d4f 100644 --- a/src/components/LandingPageCallToAction/index.module.css +++ b/src/components/LandingPageCallToAction/index.module.css @@ -2,6 +2,10 @@ filter: invert(1); } +[data-theme='dark'] .email { + filter: invert(1); +} + .btn { @apply font-medium text-lg py-2 px-4 rounded-full; width: 260px; diff --git a/src/components/LandingpageAbout/index.js b/src/components/LandingpageAbout/index.js index 09cfb87..80dc6fc 100644 --- a/src/components/LandingpageAbout/index.js +++ b/src/components/LandingpageAbout/index.js @@ -1,8 +1,8 @@ import React from 'react'; export default function LandingpageAbout() { - return <> -
+ return <> +

About OpenDataCam

@@ -14,8 +14,8 @@ export default function LandingpageAbout() {
- Camera @@ -26,7 +26,7 @@ export default function LandingpageAbout() {
What can you use it for?

- People use OpenDataCam for many different use cases. It is + People use OpenDataCam for many different use cases. It is especially popular for traffic studies (modal-split, turn-count, etc.) but OpenDataCam detects 50+ common objects out of the box and can be used for many more things.

@@ -63,12 +63,14 @@ export default function LandingpageAbout() {
How do I get started?

- The simplest way to get started with OpenDataCam is downloading our Docker images and run it your computer, server or Jetson device. - As long as it has a NVIDIA GPU, it can run OpenDataCam. + The simplest way to get started with OpenDataCam is downloading our Docker images and + run it your computer, server or Jetson device. More information on how to run + OpenDataCam on your device or machine can be found in our GitHub repository.

- More information on how to run OpenDataCam on your device or machine can be found in our GitHub repository. -

+ Professionals users and businesses lookin to use OpenDataCam for work, can also take a + look at our professional offers and services. +

@@ -76,5 +78,5 @@ export default function LandingpageAbout() {
- + } \ No newline at end of file diff --git a/src/pages/professionals.js b/src/pages/professionals.js new file mode 100644 index 0000000..bebd0ef --- /dev/null +++ b/src/pages/professionals.js @@ -0,0 +1,82 @@ +import React from 'react'; +import Layout from '@theme/Layout'; +import useDocusaurusContext from '@docusaurus/useDocusaurusContext'; + +import LandingpageCallToAction from '../components/LandingPageCallToAction'; + +export default function Features() { + const { siteConfig } = useDocusaurusContext(); + return +
+
+

OpenDataCam For Professionals

+
+
+

+ While OpenDataCam is free for everyone to use, we do offer improvements + and services around OpenDataCam, specifically tailored for professionals + and businesses +

+
+ +
+
+
+

For Domain Experts

+
+
+

+ Traffic Engineers, City Planners, Retail Store Managers and + other domain experts +

+

+ Get started with OpenDataCam quicker with "OpenDataCam as a + Service". Use OpenDataCam as a cloud service and upload your + pre-recorded video or buy/rent cameras with OpenDataCam + pre-installed. +

+
+
+ + + +
+
+
+ +
+
+
+

For Developers

+
+
+

+ Software Developers, Electrical Engineers, Product Managers, + AI Experts and others +

+

+ Kickstart your product development by using OpenDataCam as your + base. Get all the features of OpenDataCam out the box and focus + on adding your unique value add for better products and faster + time to markets. To be even faster, hire the experienced + OpenDataCam team to support your in-house engineering. +

+
+
+ + + +
+
+
+
+
+ + +
+ ; +};