add linux foundation trademark statement in footer

Signed-off-by: Michael Valdron <[email protected]>

Author: michael-valdron

apps/landing-page/pages/_app.tsx

@@ -83,6 +83,7 @@ function collectHeadings(
 
 const websiteName = 'Devfile.io';
 const websiteDescription = 'An open standard defining containerized development environments.';
+const lfTrademarkUsageUrl = 'https://www.linuxfoundation.org/trademark-usage/';
 
 function LandingPage({ Component, pageProps }: AppProps): JSX.Element {
   const { markdoc } = pageProps as MarkdocNextJsPageProps;
@@ -114,7 +115,11 @@ function LandingPage({ Component, pageProps }: AppProps): JSX.Element {
                 <Component {...pageProps} />
               </LandingPageLayout>
             </div>
-            <Footer websiteName={websiteName} websiteDescription={websiteDescription} />
+            <Footer
+              websiteName={websiteName}
+              websiteDescription={websiteDescription}
+              lfTrademarkUsageUrl={lfTrademarkUsageUrl}
+            />
           </div>
         </NavigationProvider>
       </LinksProvider>

apps/registry-viewer/pages/_app.tsx

@@ -27,6 +27,7 @@ const analyticsConfig = {
 };
 
 const websiteName = 'Devfile Registry';
+const lfTrademarkUsageUrl = 'https://www.linuxfoundation.org/trademark-usage/';
 
 function CustomApp({ Component, pageProps }: AppProps): JSX.Element {
   return (
@@ -38,7 +39,7 @@ function CustomApp({ Component, pageProps }: AppProps): JSX.Element {
             <Header websiteName={websiteName} />
             <Component {...pageProps} />
           </div>
-          <Footer websiteName={websiteName} />
+          <Footer websiteName={websiteName} lfTrademarkUsageUrl={lfTrademarkUsageUrl} />
         </div>
       </LinksProvider>
     </AnalyticsProvider>

libs/core/src/components/footer/footer.tsx

@@ -21,10 +21,11 @@ import { useLinks } from '../../hooks';
 export interface FooterProps {
   websiteName: string;
   websiteDescription?: string;
+  lfTrademarkUsageUrl?: string;
 }
 
 export function Footer(props: FooterProps): JSX.Element {
-  const { websiteName, websiteDescription } = props;
+  const { websiteName, websiteDescription, lfTrademarkUsageUrl } = props;
 
   const { footerNavigation } = useLinks();
 
@@ -48,6 +49,19 @@ export function Footer(props: FooterProps): JSX.Element {
             {websiteDescription && (
               <p className="text-base text-slate-500 dark:text-slate-400">{websiteDescription}</p>
             )}
+            {lfTrademarkUsageUrl && (
+              <p className="text-base text-slate-500 dark:text-slate-400">
+                The Linux Foundation® (TLF) has registered trademarks and uses trademarks. For a
+                list of TLF trademarks, see&nbsp;
+                <Link
+                  href={lfTrademarkUsageUrl}
+                  className="text-base text-slate-500 hover:text-slate-600 dark:text-slate-400 dark:hover:text-slate-300"
+                >
+                  Trademark Usage
+                </Link>
+                .
+              </p>
+            )}
             <div className="flex space-x-6">
               {footerNavigation.social.map((item) => (
                 <Link key={item.name} href={item.href} passHref>