diff --git a/docusaurus.config.js b/docusaurus.config.js index e2830d222..978c4df4d 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -138,8 +138,8 @@ const config = { announcementBar: { id: 'support_us', content: - '⭐️ Make sure to sponsor Avalonia on GitHub or sign up for Premium Support!', - backgroundColor: '#22CE86', + 'Get the help you need with our Enhanced Support!', + backgroundColor: '#0d6efd', textColor: '#ffffff', isCloseable: false, }, diff --git a/src/components/GitHubSampleLink.js b/src/components/GitHubSampleLink.js index 20e274985..fc77cafc1 100644 --- a/src/components/GitHubSampleLink.js +++ b/src/components/GitHubSampleLink.js @@ -12,7 +12,7 @@ export default function GitHubSampleLink({title, link}) { className="github-sample-card bg-slate-400" >
-

+

{ return ( <>
-
-
+
+
-
- +
+

Avalonia XPF - Cross-Platform WPF - -

- Take your WPF app to new Platforms today!

+

+ Take your WPF apps to macOS and Linux in minutes, not months. +

- - -
- - - - - - - - - - - - - - - - - - - - - - -
+
+
+
@@ -98,4 +37,4 @@ const Cta = () => { ); }; -export default Cta; +export default Cta; \ No newline at end of file diff --git a/src/components/homepage/CallToActionSection.jsx b/src/components/homepage/CallToActionSection.jsx index e182d4d0a..3dad7d030 100644 --- a/src/components/homepage/CallToActionSection.jsx +++ b/src/components/homepage/CallToActionSection.jsx @@ -1,21 +1,22 @@ -import React from "react"; +import React from 'react'; +import Waves from './Waves'; // Adjust the import path as necessary const Cta = () => { return ( <>
-
-
+
+
-
- +
+

Avalonia XPF - Cross-Platform WPF - -

- Take your WPF app to new Platforms today! +

+

+ Take your WPF app to macOS and Linux today!

- - -
- - - - - - - - - - - - - - - - - - - - - - -
+
+
+
@@ -98,4 +37,4 @@ const Cta = () => { ); }; -export default Cta; +export default Cta; \ No newline at end of file diff --git a/src/components/homepage/GuidesAndSamples.tsx b/src/components/homepage/GuidesAndSamples.tsx index 860ac6d8b..5700c1fdf 100644 --- a/src/components/homepage/GuidesAndSamples.tsx +++ b/src/components/homepage/GuidesAndSamples.tsx @@ -98,7 +98,7 @@ export default function GuidesAndSamples() {

Popular how to guides

- + View more guides
@@ -123,7 +123,7 @@ export default function GuidesAndSamples() { All apps diff --git a/src/components/homepage/HeroSection.tsx b/src/components/homepage/HeroSection.tsx index 9ede5458c..38952d76a 100644 --- a/src/components/homepage/HeroSection.tsx +++ b/src/components/homepage/HeroSection.tsx @@ -8,30 +8,35 @@ import { } from '@fluentui/react-icons'; import ThemedImage from '@theme/ThemedImage'; import clsx from 'clsx'; +import Waves from './Waves'; - - - export default function HeroSection() { - return ( - <> -
-
-

- Build with Avalonia -

-

- Avalonia empowers developers to create cross-platform applications for Windows, macOS, Linux, iOS, Android, and web browsers using .NET with unparalleled ease. -

-
- - Get Started! - -
+export default function HeroSection() { + return ( + <> +
+
+ +
+
+

+ Avalonia
Documentation +

+

+ Avalonia empowers developers to create cross-platform applications for Windows, macOS, Linux, iOS, Android, and web browsers using .NET with unparalleled ease. One codebase, infinite possibilities. +

+
+ + Get Started! +
-
- - - ); - } \ No newline at end of file +
+
+ + ); +} \ No newline at end of file diff --git a/src/components/homepage/HomeFooter.jsx b/src/components/homepage/HomeFooter.jsx index 755f751af..60541d57d 100644 --- a/src/components/homepage/HomeFooter.jsx +++ b/src/components/homepage/HomeFooter.jsx @@ -1,183 +1,190 @@ -import React, { useEffect, useState } from 'react'; -import clsx from 'clsx'; -import Link from '@docusaurus/Link'; -import { GitHubIcon, Icons, LinkedInIcon, TwitterIcon, YouTubeIcon } from '@site/src/icons'; +import React from 'react'; -const projects = [ - { - name: 'Avalonia UI', - href: 'https://github.com/avaloniaui/avalonia', - }, - { - name: 'Avalonia UI for Visual Studio', - href: 'https://github.com/avaloniaui/avaloniavs', - }, - { - name: 'Avalonia UI for Rider', - href: 'https://github.com/ForNeVeR/AvaloniaRider', - }, - { - name: '.NET Templates', - href: 'https://github.com/avaloniaui/avalonia-dotnet-templates', - }, - ]; +const Footer = () => { + const styles = { + footer: { + paddingTop: '3rem', + paddingBottom: '.75rem', + backgroundColor: 'rgba(241, 244, 248, 1)', + fontfamily: 'Outfit' + }, + container: { + marginLeft: 'auto', + marginRight: 'auto', + paddingLeft: 'calc(2.5rem * .5)', + paddingRight: 'calc(2.5rem * .5)', + width: '100%', + maxWidth: '1200px', + }, + row: { + display: 'flex', + flexWrap: 'wrap', + marginLeft: 'calc(2.5rem * -.5)', + marginRight: 'calc(2.5rem * -.5)', + marginTop: 'calc(0 * -1)', + }, + col: { + flex: '0 0 auto', + width: '100%', + paddingLeft: 'calc(2.5rem * .5)', + paddingRight: 'calc(2.5rem * .5)', + }, + colMd4: { + flex: '0 0 auto', + width: '33.33333333%', + }, + colLg3: { + flex: '0 0 auto', + width: '25%', + }, + colLg2: { + flex: '0 0 auto', + width: '16.66666667%', + }, + imgFluid: { + height: 'auto', + maxWidth: '100%', + }, + textGray700: { + color: 'rgba(80, 102, 144, 1)', + }, + mb2: { + marginBottom: '.5rem', + }, + listUnstyled: { + listStyle: 'none', + paddingLeft: '0', + }, + listInline: { + listStyle: 'none', + paddingLeft: '0', + }, + listSocial: { + display: 'inline-block', + marginRight: '.75rem', + }, + fwBold: { + fontWeight: '600', + }, + textUppercase: { + textTransform: 'uppercase', + letterSpacing: '.08em', + }, + textReset: { + color: 'inherit', + }, + textDecorationNone: { + textDecoration: 'none', + }, + mb6: { + marginBottom: '2rem', + }, + mbMd0: { + marginBottom: '0', + }, + badge: { + padding: '0.25rem 0.75rem', + fontSize: '0.75em', + fontWeight: '600', + color: '#fff', + borderRadius: '0.375rem', + display: 'inline-block', + lineHeight: '1', + textAlign: 'center', + verticalAlign: 'baseline', + whiteSpace: 'nowrap', + backgroundColor: 'rgba(139, 68, 172, 0.8)', + }, + mb3: { + marginBottom: '.75rem', + }, + me3: { + marginRight: '.75rem', + }, + mt5: { + marginTop: '1.5rem', + }, + textCenter: { + textAlign: 'center', + }, + fwLight: { + fontWeight: '200', + }, + }; -const services = [ - { - name: 'Avalonia XPF', - href: 'https://www.avaloniaui.net/xpf', - }, - { - name: 'Developer Support', - href: 'https://www.avaloniaui.net/support', - }, - { - name: 'Software Development', - href: 'https://www.avaloniaui.net/Services', - }, - ]; - - const resources = [ - { - name: 'Blog', - href: 'https://avaloniaui.net/Blog', - }, - { - name: 'Samples', - href: 'https://github.com/AvaloniaUI/Avalonia.Samples', - }, - { - name: 'FAQs', - href: 'https://avaloniaui.net/FAQ', - }, - { - name: 'Showcase', - href: 'https://avaloniaui.net/Showcase', - }, - { - name: 'Press Kit', - href: 'https://drive.google.com/uc?id=1laynvVMvQn123I45q4EjexHpDBZcx6rk&export=download', - }, - { - name: 'Contact Us', - href: 'https://avaloniaui.net/ContactUs', - }, - ]; - - const other = [ - { - name: 'About Us', - href: 'https://avaloniaui.net/about', - }, - { - name: 'Careers', - href: 'https://avaloniaui.net/Careers', - }, - { - name: 'MVPs', - href: 'https://avaloniaui.net/MVPs', - }, - { - name: 'Privacy Policy', - href: 'https://avaloniaui.net/Privacy', - }, - { - name: 'Terms of Service', - href: 'https://avaloniaui.net/TOS', - }, - { - name: 'Telegram Community Chat', - href: 'https://t.me/Avalonia', - }, - ]; - - - - function Links({ name, links }) { return ( -
-

- {name} -

-
- {links.map(({ name, href }) => ( - - {name} - - ))} -
-
- ); - } - - - export default function Footer() { - return ( - - ); - } \ No newline at end of file + +); +} + +export default Footer; \ No newline at end of file diff --git a/src/components/homepage/ResourcesSection.tsx b/src/components/homepage/ResourcesSection.tsx index a199298e2..eb9861661 100644 --- a/src/components/homepage/ResourcesSection.tsx +++ b/src/components/homepage/ResourcesSection.tsx @@ -135,13 +135,13 @@ export default function ResourcesSection() {

All Blogs -
+