Skip to content

feat: review catchphrase and description #695

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
peterpeterparker merged 1 commit into from
Apr 9, 2026
Merged

feat: review catchphrase and description #695

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion docusaurus.config.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -42,7 +42,7 @@ codeTheme.styles = [

const config: Config = {
title: "Juno",
tagline: "Build serverless apps with self-hosting control",
tagline: "Open-Source SDK for building apps",
url: "https://juno.build",
baseUrl: "/",
onBrokenLinks: "warn",
Expand Down
12 changes: 0 additions & 12 deletions package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 0 additions & 1 deletion package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -40,7 +40,6 @@
"react-dom": "^19.2.1",
"react-markdown": "^10.1.0",
"remark-gfm": "^4.0.1",
"typed.js": "^2.1.0",
"use-mailchimp-form": "^3.1.4"
},
"devDependencies": {
Expand Down
6 changes: 3 additions & 3 deletions src/components/Head/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,14 +6,14 @@ export default function Home({ children }): JSX.Element {

return (
<Head>
<title>{`${siteConfig.title} | Build serverless apps with self-hosting control`}</title>
<title>{`${siteConfig.title} | Open-Source SDK for building apps`}</title>
<meta
content="Juno is an open-source serverless platform to build, deploy, and run apps in WASM containers with complete ownership and zero DevOps."
name="description"
/>
<meta content="Juno" property="og:title" />
<meta
content="Build serverless apps with self-hosting control"
content="Open-Source SDK for building apps"
property="og:description"
/>
<meta content="website" property="og:type" />
Expand All @@ -25,7 +25,7 @@ export default function Home({ children }): JSX.Element {
<meta content="summary_large_image" name="twitter:card" />
<meta content="Juno" name="twitter:title" />
<meta
content="Build serverless apps with self-hosting control"
content="Open-Source SDK for building apps"
name="twitter:description"
/>
<meta
Expand Down
43 changes: 8 additions & 35 deletions src/components/Hero/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,53 +3,26 @@ import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
import Start from "@site/src/components/Start";
import { trackEvent } from "@site/src/providers/analytics.providers";
import clsx from "clsx";
import { useEffect, useRef, useState } from "react";
import Typed from "typed.js";
import { useRef } from "react";
import styles from "./styles.module.scss";

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

const [typedLoaded, setTypedLoaded] = useState(false);

useEffect(() => {
let typed: Typed | undefined;

const timeout = setTimeout(() => {
typed = new Typed(el.current, {
strings: ["Run", "Ship", "Build", "Launch"],
typeSpeed: 50,
backSpeed: 50,
backDelay: 3500,
loop: true,
showCursor: false
});

setTypedLoaded(true);
}, 2500);

return () => {
clearTimeout(timeout);
typed?.destroy();
};
}, []);

const { siteConfig } = useDocusaurusContext();
return (
<article className={clsx("hero", styles.heroBanner)}>
<div className={`${styles.container}`}>
<h1 className={`hero__title ${styles.title} ${styles.item}`}>
<span ref={el} className={`${styles.bold} ${styles.typed}`} />
{!typedLoaded && (
<span className={`${styles.bold} ${styles.typed}`}>Build</span>
)}{" "}
serverless apps
<h1
className={`hero__title ${styles.title} ${styles.item} ${styles.bold}`}
>
Open-Source SDK
<br />
with self-hosting <span className={styles.bold}>control</span>
for building apps
</h1>
<p className={`${styles.item} ${styles.subtitle}`}>
Juno is an open-source serverless platform to build, deploy, and run
apps in WASM containers with complete ownership and zero DevOps.
Juno is a full-stack platform to develop, deploy, and run apps in WASM
containers with zero DevOps.
</p>
<p className={`${styles.item}`}></p>
<div className={`${styles.item} ${styles.actions}`}>
Expand Down
5 changes: 2 additions & 3 deletions src/components/Hero/styles.module.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,13 +22,12 @@
align-items: center;

p {
max-width: 680px;
max-width: 600px;
text-align: center;

@media screen and (min-width: 960px) {
max-width: 760px;
font-size: 18px;
line-height: 32px;
line-height: 28px;
}

@media screen and (min-width: 1900px) {
Expand Down
Loading