diff --git a/components/AsyncAPILogo.js b/components/AsyncAPILogo.js index 11ed5e15787..a28b595db67 100644 --- a/components/AsyncAPILogo.js +++ b/components/AsyncAPILogo.js @@ -1,29 +1,59 @@ -export default function AsyncAPILogo ({ className }) { +export default function AsyncAPILogo({ className }) { return ( - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) } \ No newline at end of file diff --git a/components/DemoAnimation.js b/components/DemoAnimation.js index e0e29970ba7..7b14e9cd56f 100644 --- a/components/DemoAnimation.js +++ b/components/DemoAnimation.js @@ -3,6 +3,7 @@ import Typing from 'react-typing-animation' import MacWindow from './MacWindow' import ArrowRight from './icons/ArrowRight' import OpenInStudioButton from './buttons/OpenInStudioButton' +import Heading from './typography/Heading' export default function DemoAnimation({ className = '' }) { const [started, setStarted] = useState(true) @@ -216,10 +217,14 @@ export default function DemoAnimation({ className = '' }) {
-

+ Play with it! -

-

+ +

Open this example on AsyncAPI Studio to get a better taste of the specification. No signup is required!

diff --git a/components/Footer.js b/components/Footer.js index 46fe8f06677..25c229fb9ff 100644 --- a/components/Footer.js +++ b/components/Footer.js @@ -8,42 +8,41 @@ import Link from "next/link" export default function Footer() { return ( -
-
- - - -
+
@@ -77,7 +76,7 @@ export default function Footer() { Copyright © AsyncAPI Project a Series of LF Projects, LLC.

- For web site terms of use, trademark policy and general project policies please see https://lfprojects.org + For web site terms of use, trademark policy and general project policies please see https://lfprojects.org

diff --git a/components/GeneratorInstallation.js b/components/GeneratorInstallation.js index eed4e00cf24..fec713d96c5 100644 --- a/components/GeneratorInstallation.js +++ b/components/GeneratorInstallation.js @@ -3,6 +3,7 @@ import Select from '../components/form/Select' import generatorTemplates from '../config/generator-templates.json' import CodeBlock from './editor/CodeBlock' import generatorflags from '../config/generator-flags.json' +import Paragraph from './typography/Paragraph' export default function GeneratorInstallation({ }) { const [template, setTemplate] = useState('@asyncapi/html-template') @@ -38,7 +39,9 @@ asyncapi/generator ${specPath} ${template} ${params}` return (
- Select a Generator template: + + Select a Generator template: + diff --git a/components/Remember.js b/components/Remember.js index 8991510b78f..92ae3e8a288 100644 --- a/components/Remember.js +++ b/components/Remember.js @@ -2,8 +2,8 @@ import LightBulb from './icons/LightBulb' export default function Remember({ title = 'Remember', className, children }) { return ( -
-
+
+
{title}
diff --git a/components/TOC.js b/components/TOC.js index 10126c11da7..e933e97ff7a 100644 --- a/components/TOC.js +++ b/components/TOC.js @@ -24,7 +24,7 @@ export default function TOC({ return (
setOpen(!open)}>
-
+
On this page
@@ -34,14 +34,14 @@ export default function TOC({
item.slugWithATag)} - currentClassName="text-primary-600 font-bold" + currentClassName="text-primary-500 font-bold" componentTag="div" rootEl={contentSelector} > { tocItems.map((item, index) => ( diff --git a/components/Testimonial.js b/components/Testimonial.js index f9f834e88ec..15493efa2b9 100644 --- a/components/Testimonial.js +++ b/components/Testimonial.js @@ -1,3 +1,5 @@ +import Paragraph from "./typography/Paragraph"; + export default function Testimonial({ className = '', text, @@ -9,12 +11,12 @@ export default function Testimonial({
- + -

+ {text} -

+
@@ -22,8 +24,8 @@ export default function Testimonial({
-
{authorName}
-
{authorDescription}
+
{authorName}
+
{authorDescription}
diff --git a/components/buttons/Button.js b/components/buttons/Button.js index 3c15597d54b..79227ebbe68 100644 --- a/components/buttons/Button.js +++ b/components/buttons/Button.js @@ -8,13 +8,16 @@ export default function Button({ className, bgClassName = 'bg-primary-500 hover:bg-primary-400', textClassName = 'text-white hover:text-white', + buttonSize, ...props }) { - const classNames = `${bgClassName} ${textClassName} shadow-md hover:shadow-lg transition-all duration-500 ease-in-out rounded px-4 py-3 text-white ${className || ''}` + + const smallButtonClasses = `${bgClassName} ${textClassName} shadow-md hover:shadow-lg transition-all duration-500 ease-in-out rounded-md px-3 py-2 text-sm font-medium tracking-heading text-white ${className || ''}` + const classNames = `${bgClassName} ${textClassName} shadow-md hover:shadow-lg transition-all duration-500 ease-in-out rounded-md px-4 py-3 text-md font-semibold tracking-heading text-white ${className || ''}` if (!href) { return ( -
-
diff --git a/components/navigation/NavItem.js b/components/navigation/NavItem.js index 9a5c986ab77..4b99cb14e78 100644 --- a/components/navigation/NavItem.js +++ b/components/navigation/NavItem.js @@ -10,7 +10,7 @@ export default function NavItem ({ if (href) { return ( - + {text} @@ -18,7 +18,7 @@ export default function NavItem ({ } return ( -
@@ -103,12 +123,14 @@ function HomePage() {
-
+
-
Join our public meetings
-

+ + Join our public meetings + + We meet every two weeks to discuss about the current state of the art, future releases, and everything AsyncAPI. We alternate the time of the meeting to adapt to different world regions, choose the one that suites you best. Or join both! -

+