Skip to content

Commit cb70f0c

Browse files
peterpeterparkerpeterpeterparker
authored
feat: review catchphrase and description (#695)
Signed-off-by: David Dal Busco <david.dalbusco@outlook.com>
1 parent fa48a60 commit cb70f0c

6 files changed

Lines changed: 14 additions & 55 deletions

File tree

‎docusaurus.config.ts‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ codeTheme.styles = [
4242

4343
const config: Config = {
4444
title: "Juno",
45-
tagline: "Build serverless apps with self-hosting control",
45+
tagline: "Open-Source SDK for building apps",
4646
url: "https://juno.build",
4747
baseUrl: "/",
4848
onBrokenLinks: "warn",

‎package-lock.json‎

Lines changed: 0 additions & 12 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎package.json‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -40,7 +40,6 @@
4040
"react-dom": "^19.2.1",
4141
"react-markdown": "^10.1.0",
4242
"remark-gfm": "^4.0.1",
43-
"typed.js": "^2.1.0",
4443
"use-mailchimp-form": "^3.1.4"
4544
},
4645
"devDependencies": {

‎src/components/Head/index.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -6,14 +6,14 @@ export default function Home({ children }): JSX.Element {
66

77
return (
88
<Head>
9-
<title>{`${siteConfig.title} | Build serverless apps with self-hosting control`}</title>
9+
<title>{`${siteConfig.title} | Open-Source SDK for building apps`}</title>
1010
<meta
1111
content="Juno is an open-source serverless platform to build, deploy, and run apps in WASM containers with complete ownership and zero DevOps."
1212
name="description"
1313
/>
1414
<meta content="Juno" property="og:title" />
1515
<meta
16-
content="Build serverless apps with self-hosting control"
16+
content="Open-Source SDK for building apps"
1717
property="og:description"
1818
/>
1919
<meta content="website" property="og:type" />
@@ -25,7 +25,7 @@ export default function Home({ children }): JSX.Element {
2525
<meta content="summary_large_image" name="twitter:card" />
2626
<meta content="Juno" name="twitter:title" />
2727
<meta
28-
content="Build serverless apps with self-hosting control"
28+
content="Open-Source SDK for building apps"
2929
name="twitter:description"
3030
/>
3131
<meta

‎src/components/Hero/index.tsx‎

Lines changed: 8 additions & 35 deletions
Original file line numberDiff line numberDiff line change
@@ -3,53 +3,26 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
33
import Start from "@site/src/components/Start";
44
import { trackEvent } from "@site/src/providers/analytics.providers";
55
import clsx from "clsx";
6-
import { useEffect, useRef, useState } from "react";
7-
import Typed from "typed.js";
6+
import { useRef } from "react";
87
import styles from "./styles.module.scss";
98

109
export default function Hero(): JSX.Element {
1110
const el = useRef(null);
1211

13-
const [typedLoaded, setTypedLoaded] = useState(false);
14-
15-
useEffect(() => {
16-
let typed: Typed | undefined;
17-
18-
const timeout = setTimeout(() => {
19-
typed = new Typed(el.current, {
20-
strings: ["Run", "Ship", "Build", "Launch"],
21-
typeSpeed: 50,
22-
backSpeed: 50,
23-
backDelay: 3500,
24-
loop: true,
25-
showCursor: false
26-
});
27-
28-
setTypedLoaded(true);
29-
}, 2500);
30-
31-
return () => {
32-
clearTimeout(timeout);
33-
typed?.destroy();
34-
};
35-
}, []);
36-
3712
const { siteConfig } = useDocusaurusContext();
3813
return (
3914
<article className={clsx("hero", styles.heroBanner)}>
4015
<div className={`${styles.container}`}>
41-
<h1 className={`hero__title ${styles.title} ${styles.item}`}>
42-
<span ref={el} className={`${styles.bold} ${styles.typed}`} />
43-
{!typedLoaded && (
44-
<span className={`${styles.bold} ${styles.typed}`}>Build</span>
45-
)}{" "}
46-
serverless apps
16+
<h1
17+
className={`hero__title ${styles.title} ${styles.item} ${styles.bold}`}
18+
>
19+
Open-Source SDK
4720
<br />
48-
with self-hosting <span className={styles.bold}>control</span>
21+
for building apps
4922
</h1>
5023
<p className={`${styles.item} ${styles.subtitle}`}>
51-
Juno is an open-source serverless platform to build, deploy, and run
52-
apps in WASM containers with complete ownership and zero DevOps.
24+
Juno is a full-stack platform to develop, deploy, and run apps in WASM
25+
containers with zero DevOps.
5326
</p>
5427
<p className={`${styles.item}`}></p>
5528
<div className={`${styles.item} ${styles.actions}`}>

‎src/components/Hero/styles.module.scss‎

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -22,13 +22,12 @@
2222
align-items: center;
2323

2424
p {
25-
max-width: 680px;
25+
max-width: 600px;
2626
text-align: center;
2727

2828
@media screen and (min-width: 960px) {
29-
max-width: 760px;
3029
font-size: 18px;
31-
line-height: 32px;
30+
line-height: 28px;
3231
}
3332

3433
@media screen and (min-width: 1900px) {

0 commit comments

Comments
 (0)