From e6615ab11769477b53e069fe5f76ede4b5a7785c Mon Sep 17 00:00:00 2001 From: Pavel Jacko Date: Tue, 30 Jul 2024 04:42:21 +0200 Subject: [PATCH] content updates --- docusaurus.config.js | 28 +- src/components/HomepageFeatures.js | 194 ++++--- src/components/HomepageFeatures.module.css | 14 +- src/pages/index.js | 13 + static/img/dark/usedby.png | Bin 0 -> 195470 bytes static/img/light/rnv-light.svg | 646 +++++++++++++-------- static/img/light/usedby.png | Bin 0 -> 195140 bytes 7 files changed, 555 insertions(+), 340 deletions(-) create mode 100644 static/img/dark/usedby.png create mode 100644 static/img/light/usedby.png diff --git a/docusaurus.config.js b/docusaurus.config.js index e6b01abd..2b13e2cd 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -137,20 +137,20 @@ const config = { // className: 'button button--secondary navbar_button padding--sm', // }, - { - href: 'https://www.flexn.io/', - position: 'left', - className: 'navbar_logo header-flexn-link', - title: 'Flexn', - 'aria-label': 'Flexn', - }, - { - href: '/', - position: 'left', - className: 'navbar_logo header-separator-link', - title: 'Separator', - 'aria-label': 'Separator', - }, + // { + // href: 'https://www.flexn.io/', + // position: 'left', + // className: 'navbar_logo header-flexn-link', + // title: 'Flexn', + // 'aria-label': 'Flexn', + // }, + // { + // href: '/', + // position: 'left', + // className: 'navbar_logo header-separator-link', + // title: 'Separator', + // 'aria-label': 'Separator', + // }, { href: '/', position: 'left', diff --git a/src/components/HomepageFeatures.js b/src/components/HomepageFeatures.js index c96540c3..77d9c716 100644 --- a/src/components/HomepageFeatures.js +++ b/src/components/HomepageFeatures.js @@ -47,12 +47,16 @@ const FeatureList = [ iconDark: '/img/dark/feature_icon3.svg', description: ( <> - Customize your website layout using{' '} - React. Docusaurus allows you to extend it while keeping the - same header and footer. + rnv CLI is your entry point and control centre to building + multi-platform apps with just a few commands to learn. ), - link: '/docs/guides/cli', + link: '/docs/api/cli', + children: ( +
+ {'rnv --help'} +
+ ), }, { title: 'Minimalistic runtime', @@ -70,7 +74,7 @@ const FeatureList = [ {`import { isPlatformTizen, isFactorTv, engine, platform } from "renative";\n\n{isFactorTv}; `} ), - link: '/docs/guides/runtime', + link: '/docs/api/runtime', }, { title: 'Supercharged frameworks', @@ -121,7 +125,17 @@ const FeatureList = [ ), children: ( - {`rnv new\n\n...\n\n? What template to use? => 'renative-template-hello-world'`} + {`rnv new +? What's your project Name? (folder will be created) hello-renative +? What workspace to use? rnv +? What template to use? @rnv/template-starter +? What @rnv/template-starter version to use? 1.0.0 (@latest) +? How to create config renative.json? Extend template (cleaner, overridable) +? What's your project Title? My Renative App +? What's your App ID? com.mycompany.hellorenative +? What's your project version? 0.1.0 +? What platforms would you like to use? web, ios, android +? Do you want to set-up git in your new project? Yes`} ), link: '/docs/guides/templates', @@ -137,57 +151,60 @@ const FeatureList = [ ), children: ( -
- - - - - - - -
+ <> +
+ + + + + + + +
+
Additionally you can build your own integrations with ease.
+ ), link: '/docs/integrations/aws', }, @@ -294,21 +311,54 @@ export default function HomepageFeatures() {
-

Build react native app with ReNative framework

+

Bootstrap and build apps fast

+
+
+ ReNative allows developers to create multiplatform templates and reuse them to bootstrap full + E2E projects, freeing up time to focus on development +
+
+ {'rnv new'} +
+
+ + Learn more + +
-
- +
+
+ +
+
+

Target any major platform

+
+
+ Run your project on one of 20 platforms with a single command +
+
+ {'rnv run -p '} +
+
+ + Explore more + + +
+
+
+
+
+
+
+

Used by

+
+
+ +
+
); } diff --git a/src/components/HomepageFeatures.module.css b/src/components/HomepageFeatures.module.css index 8b564ca3..b6af470a 100644 --- a/src/components/HomepageFeatures.module.css +++ b/src/components/HomepageFeatures.module.css @@ -1,7 +1,7 @@ .img_video_container { display: flex; justify-content: space-between; - padding-bottom: 144px; + padding-bottom: 0px; gap: 115px; } @@ -14,6 +14,16 @@ width: 616px; } +.main_paragraph { + + font-style: normal; + font-weight: 400; + line-height: 32px; + letter-spacing: 0em; + margin-bottom: 20px; + margin-top: 20px; +} + .main_img { width: 100%; object-fit: contain; @@ -66,7 +76,7 @@ } .bottom_element{ - padding-bottom: 176px; + padding-bottom: 10px; } .features_line .feature_container { diff --git a/src/pages/index.js b/src/pages/index.js index 84cc9dbd..b08f15f4 100644 --- a/src/pages/index.js +++ b/src/pages/index.js @@ -52,6 +52,19 @@ export default function Home() {
+
+
+ + Start developing now + +
+
+ {`npx rnv new`} +
+