From b412ce6327662cd8ba02bad6660fe9c4301ef965 Mon Sep 17 00:00:00 2001 From: xn1cklas Date: Sat, 7 Sep 2024 23:25:02 +0200 Subject: [PATCH] chore: wcag compliance --- src/app/page.tsx | 17 +++++++--- src/components/Footer.tsx | 8 ++--- src/components/Header.tsx | 9 +++-- src/components/Pricing.tsx | 68 ++++++++++++++++++++++++-------------- 4 files changed, 66 insertions(+), 36 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index c482f1f..e682c6a 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -5,24 +5,31 @@ export default async function Page() { const products = await Products(); return ( -
-
+
+
Polar - An open source monetization platform for developers | Product Hunt
-

+

Next.js Polar starter kit

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index d7e95cb..10d2e72 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -5,7 +5,7 @@ import { twMerge } from "tailwind-merge"; const Footer = () => { return ( -
{ © Polar Software Inc. {new Date().getFullYear()}
-
{ Contact
-
+
-
+ ); }; diff --git a/src/components/Header.tsx b/src/components/Header.tsx index a0e8dc7..164ba69 100644 --- a/src/components/Header.tsx +++ b/src/components/Header.tsx @@ -3,7 +3,7 @@ import Link from "next/link"; export const Header = () => { return ( -
+
{
-
+ ); }; const TopbarNavigation = () => { return ( -
- + ); } @@ -65,11 +79,8 @@ function PriceComponent({ const currencySymbol = currency === "EUR" ? "€" : "$"; return ( -
-
+
+
@@ -78,12 +89,21 @@ function PriceComponent({
-

{title}

+

+ {title} +

-
- {price !== "Custom" ? `${currencySymbol}${price}` : price} +
+ {price !== "Custom" ? `${currencySymbol} ${price}` : price} {price !== "Custom" ? period : ""} @@ -93,26 +113,25 @@ function PriceComponent({
-
-
+
+
    {features.map((feature, index) => ( -
    - + {feature} -
    + ))} -
+
-
+
); } @@ -129,6 +148,7 @@ const CheckIcon = () => { strokeLinecap="round" strokeLinejoin="round" className="lucide lucide-check" + aria-hidden="true" >