Skip to content

Commit e6615ab

Browse files
pavjackopavjacko
committed
content updates
1 parent 83543a8 commit e6615ab

File tree

7 files changed

+555
-340
lines changed

7 files changed

+555
-340
lines changed

‎docusaurus.config.js‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -137,20 +137,20 @@ const config = {
137137
// className: 'button button--secondary navbar_button padding--sm',
138138
// },
139139

140-
{
141-
href: 'https://www.flexn.io/',
142-
position: 'left',
143-
className: 'navbar_logo header-flexn-link',
144-
title: 'Flexn',
145-
'aria-label': 'Flexn',
146-
},
147-
{
148-
href: '/',
149-
position: 'left',
150-
className: 'navbar_logo header-separator-link',
151-
title: 'Separator',
152-
'aria-label': 'Separator',
153-
},
140+
// {
141+
// href: 'https://www.flexn.io/',
142+
// position: 'left',
143+
// className: 'navbar_logo header-flexn-link',
144+
// title: 'Flexn',
145+
// 'aria-label': 'Flexn',
146+
// },
147+
// {
148+
// href: '/',
149+
// position: 'left',
150+
// className: 'navbar_logo header-separator-link',
151+
// title: 'Separator',
152+
// 'aria-label': 'Separator',
153+
// },
154154
{
155155
href: '/',
156156
position: 'left',

‎src/components/HomepageFeatures.js‎

Lines changed: 128 additions & 66 deletions
Original file line numberDiff line numberDiff line change
@@ -47,12 +47,16 @@ const FeatureList = [
4747
iconDark: '/img/dark/feature_icon3.svg',
4848
description: (
4949
<>
50-
<span style={{ color: '#0A74E6' }}>Customize</span> your website layout using{' '}
51-
<span style={{ color: '#0A74E6' }}>React</span>. Docusaurus allows you to extend it while keeping the
52-
same header and footer.
50+
<span style={{ color: '#0A74E6' }}>rnv CLI</span> is your entry point and control centre to building
51+
multi-platform apps with just a few commands to learn.
5352
</>
5453
),
55-
link: '/docs/guides/cli',
54+
link: '/docs/api/cli',
55+
children: (
56+
<div>
57+
<CodeBlock language="jsx">{'rnv --help'}</CodeBlock>
58+
</div>
59+
),
5660
},
5761
{
5862
title: 'Minimalistic runtime',
@@ -70,7 +74,7 @@ const FeatureList = [
7074
{`import { isPlatformTizen, isFactorTv, engine, platform } from "renative";\n\n<Text>{isFactorTv}</Text>; `}
7175
</CodeBlock>
7276
),
73-
link: '/docs/guides/runtime',
77+
link: '/docs/api/runtime',
7478
},
7579
{
7680
title: 'Supercharged frameworks',
@@ -121,7 +125,17 @@ const FeatureList = [
121125
),
122126
children: (
123127
<CodeBlock title="Terminal" language="jsx">
124-
{`rnv new\n\n...\n\n? What template to use? => 'renative-template-hello-world'`}
128+
{`rnv new
129+
? What's your project Name? (folder will be created) hello-renative
130+
? What workspace to use? rnv
131+
? What template to use? @rnv/template-starter
132+
? What @rnv/template-starter version to use? 1.0.0 (@latest)
133+
? How to create config renative.json? Extend template (cleaner, overridable)
134+
? What's your project Title? My Renative App
135+
? What's your App ID? com.mycompany.hellorenative
136+
? What's your project version? 0.1.0
137+
? What platforms would you like to use? web, ios, android
138+
? Do you want to set-up git in your new project? Yes`}
125139
</CodeBlock>
126140
),
127141
link: '/docs/guides/templates',
@@ -137,57 +151,60 @@ const FeatureList = [
137151
</>
138152
),
139153
children: (
140-
<div className={clsx(styles.plugin_grid, styles.img_grid)}>
141-
<ThemedImage
142-
className={styles.feature_img}
143-
sources={{
144-
light: '/img/light/integration_logo1.svg',
145-
dark: '/img/dark/integration_logo1.svg',
146-
}}
147-
/>
148-
<ThemedImage
149-
className={styles.feature_img}
150-
sources={{
151-
light: '/img/light/integration_logo2.svg',
152-
dark: '/img/dark/integration_logo2.svg',
153-
}}
154-
/>
155-
<ThemedImage
156-
className={styles.feature_img}
157-
sources={{
158-
light: '/img/light/integration_logo3.svg',
159-
dark: '/img/dark/integration_logo3.svg',
160-
}}
161-
/>
162-
<ThemedImage
163-
className={styles.feature_img}
164-
sources={{
165-
light: '/img/light/integration_logo4.svg',
166-
dark: '/img/dark/integration_logo4.svg',
167-
}}
168-
/>
169-
<ThemedImage
170-
className={styles.feature_img}
171-
sources={{
172-
light: '/img/light/integration_logo5.svg',
173-
dark: '/img/dark/integration_logo5.svg',
174-
}}
175-
/>
176-
<ThemedImage
177-
className={styles.feature_img}
178-
sources={{
179-
light: '/img/light/integration_logo6.svg',
180-
dark: '/img/dark/integration_logo6.svg',
181-
}}
182-
/>
183-
<ThemedImage
184-
className={styles.feature_img}
185-
sources={{
186-
light: '/img/light/integration_logo7.svg',
187-
dark: '/img/dark/integration_logo7.svg',
188-
}}
189-
/>
190-
</div>
154+
<>
155+
<div className={clsx(styles.plugin_grid, styles.img_grid)}>
156+
<ThemedImage
157+
className={styles.feature_img}
158+
sources={{
159+
light: '/img/light/integration_logo1.svg',
160+
dark: '/img/dark/integration_logo1.svg',
161+
}}
162+
/>
163+
<ThemedImage
164+
className={styles.feature_img}
165+
sources={{
166+
light: '/img/light/integration_logo2.svg',
167+
dark: '/img/dark/integration_logo2.svg',
168+
}}
169+
/>
170+
<ThemedImage
171+
className={styles.feature_img}
172+
sources={{
173+
light: '/img/light/integration_logo3.svg',
174+
dark: '/img/dark/integration_logo3.svg',
175+
}}
176+
/>
177+
<ThemedImage
178+
className={styles.feature_img}
179+
sources={{
180+
light: '/img/light/integration_logo4.svg',
181+
dark: '/img/dark/integration_logo4.svg',
182+
}}
183+
/>
184+
<ThemedImage
185+
className={styles.feature_img}
186+
sources={{
187+
light: '/img/light/integration_logo5.svg',
188+
dark: '/img/dark/integration_logo5.svg',
189+
}}
190+
/>
191+
<ThemedImage
192+
className={styles.feature_img}
193+
sources={{
194+
light: '/img/light/integration_logo6.svg',
195+
dark: '/img/dark/integration_logo6.svg',
196+
}}
197+
/>
198+
<ThemedImage
199+
className={styles.feature_img}
200+
sources={{
201+
light: '/img/light/integration_logo7.svg',
202+
dark: '/img/dark/integration_logo7.svg',
203+
}}
204+
/>
205+
</div>
206+
<div className={styles.main_paragraph}>Additionally you can build your own integrations with ease.</div>
207+
</>
191208
),
192209
link: '/docs/integrations/aws',
193210
},
@@ -294,21 +311,54 @@ export default function HomepageFeatures() {
294311
<div className={clsx('container', styles.img_video_container)}>
295312
<div className={styles.img_video_container_in}>
296313
<div className={styles.main_img_title}>
297-
<h2>Build react native app with ReNative framework</h2>
314+
<h2>Bootstrap and build apps fast</h2>
315+
</div>
316+
<div className={styles.main_paragraph}>
317+
ReNative allows developers to create multiplatform templates and reuse them to bootstrap full
318+
E2E projects, freeing up time to focus on development
319+
</div>
320+
<div>
321+
<CodeBlock language="jsx">{'rnv new'}</CodeBlock>
322+
</div>
323+
<div className={styles.feature_link_container}>
324+
<a className={styles.feature_link} href={'/docs/overview/introduction'}>
325+
Learn more
326+
<img src="/img/link.svg" />
327+
</a>
298328
</div>
299-
<ThemedImage
300-
className={styles.main_img}
301-
sources={{
302-
light: '/img/light/rnv-light.svg',
303-
dark: '/img/dark/rnv-dark.svg',
304-
}}
305-
/>
306329
</div>
307330
<div className={clsx(styles.img_video_container_in, styles.youtube_video)}>
308331
<YoutubeVideo youtubeId="PLCJzCDSyDk" title="demo" />
309332
</div>
310333
</div>
311-
334+
<hr className={hrStyle}></hr>
335+
<div className={clsx('container', styles.img_video_container)}>
336+
<ThemedImage
337+
className={styles.main_img}
338+
sources={{
339+
light: '/img/light/rnv-light.svg',
340+
dark: '/img/dark/rnv-dark.svg',
341+
}}
342+
/>
343+
<div className={styles.img_video_container_in}>
344+
<div className={styles.main_img_title}>
345+
<h2>Target any major platform</h2>
346+
</div>
347+
<div className={styles.main_paragraph}>
348+
Run your project on one of 20 platforms with a single command
349+
</div>
350+
<div>
351+
<CodeBlock language="jsx">{'rnv run -p <PLATFORM>'}</CodeBlock>
352+
</div>
353+
<div className={styles.feature_link_container}>
354+
<a className={styles.feature_link} href={'/docs/platforms/android'}>
355+
Explore more
356+
<img src="/img/link.svg" />
357+
</a>
358+
</div>
359+
</div>
360+
</div>
361+
<hr className={hrStyle}></hr>
312362
<section className="container">
313363
<SectionItemComponent
314364
key="0"
@@ -339,6 +389,18 @@ export default function HomepageFeatures() {
339389
})}
340390
</div>
341391
</section>
392+
<hr className={hrStyle}></hr>
393+
<div className={clsx('container', 'framework_container')}>
394+
<div>
395+
<h2>Used by</h2>
396+
</div>
397+
<div className="framework_container_img_grid">
398+
<ThemedImage
399+
className="framework_img"
400+
sources={{ light: '/img/light/usedby.png', dark: '/img/dark/usedby.png' }}
401+
/>
402+
</div>
403+
</div>
342404
</>
343405
);
344406
}

‎src/components/HomepageFeatures.module.css‎

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
.img_video_container {
22
display: flex;
33
justify-content: space-between;
4-
padding-bottom: 144px;
4+
padding-bottom: 0px;
55
gap: 115px;
66
}
77

@@ -14,6 +14,16 @@
1414
width: 616px;
1515
}
1616

17+
.main_paragraph {
18+
19+
font-style: normal;
20+
font-weight: 400;
21+
line-height: 32px;
22+
letter-spacing: 0em;
23+
margin-bottom: 20px;
24+
margin-top: 20px;
25+
}
26+
1727
.main_img {
1828
width: 100%;
1929
object-fit: contain;
@@ -66,7 +76,7 @@
6676
}
6777

6878
.bottom_element{
69-
padding-bottom: 176px;
79+
padding-bottom: 10px;
7080
}
7181

7282
.features_line .feature_container {

‎src/pages/index.js‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,19 @@ export default function Home() {
5252
<HomepageHeader />
5353
<main>
5454
<HomepageFeatures />
55+
<div className="homepage-codeline">
56+
<div className={styles.buttons}>
57+
<Link
58+
className="button button--secondary button--lg homepage_button"
59+
to="/docs/overview/quickstart"
60+
>
61+
Start developing now
62+
</Link>
63+
</div>
64+
<div style={{ fontSize: '16px', width: '180px' }}>
65+
<CodeBlock language="jsx">{`npx rnv new`}</CodeBlock>
66+
</div>
67+
</div>
5568
</main>
5669
<Footer />
5770
</Layout>

‎static/img/dark/usedby.png‎

191 KB
Loading

0 commit comments

Comments
 (0)