Add Linux Foundation announcement banner and update redirects (#449)

* Add Linux Foundation announcement banner and update redirects

- Created reusable AnnouncementBanner component with dismissible functionality
- Added banner to PageLayout announcing OpenSauced joining Linux Foundation
- Updated intro.opensauced.pizza redirect to point to learn.osscommunities.com
- Banner features orange gradient, responsive design, and external link support

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>

* Add .nvmrc to fix Netlify build

Specify Node.js 18 to resolve compatibility with @netlify/plugin-lighthouse which requires <20

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>

* Netlify Deploy Error: Node.js Version Mismatch with Plugin Requirements (68f1741d0dd5900a0b55bbb4)

* Netlify Deploy Error: Node.js Version Mismatch with Plugin Requirements (68f1741d0dd5900a0b55bbb4) (#450)

Co-authored-by: netlify[bot] <[email protected]>

* Update netlify.toml with Node version for all contexts

Set NODE_VERSION to 18 for production, deploy-preview, and branch-deploy contexts to ensure compatibility with @netlify/plugin-lighthouse

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>

* Remove @netlify/plugin-lighthouse from build

Remove plugin to resolve Node.js version compatibility issue. The plugin requires Node <20 but causes conflicts with other dependencies.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>

* Update Node.js version to 22

Update to Node.js 22 now that @netlify/plugin-lighthouse has been removed

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>

* Trigger Netlify rebuild after plugin removal

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <[email protected]>

---------

Co-authored-by: Claude <[email protected]>
Co-authored-by: netlify[bot] <[email protected]>
Co-authored-by: netlify-coding[bot] <224816602+netlify-coding[bot]@users.noreply.github.com>

Author: 4 people

.nvmrc

@@ -0,0 +1 @@
+22

components/common/AnnouncementBanner.tsx

@@ -0,0 +1,54 @@
+import React, { FC, ReactElement, useState } from 'react';
+
+interface AnnouncementBannerProps {
+  message: string;
+  linkUrl: string;
+  linkText: string;
+}
+
+const AnnouncementBanner: FC<AnnouncementBannerProps> = ({
+  message,
+  linkUrl,
+  linkText
+}): ReactElement | null => {
+  const [isVisible, setIsVisible] = useState(true);
+
+  if (!isVisible) {
+    return null;
+  }
+
+  return (
+    <div className="relative bg-gradient-to-r from-orange-600 to-orange-500 text-white py-3 px-4 text-center">
+      <div className="max-w-7xl mx-auto flex items-center justify-center gap-2 flex-wrap pr-8">
+        <span className="text-sm font-medium">{message}</span>
+        <a
+          href={linkUrl}
+          target="_blank"
+          rel="noopener noreferrer"
+          className="text-sm font-semibold underline hover:no-underline"
+        >
+          {linkText}
+        </a>
+      </div>
+      <button
+        onClick={() => setIsVisible(false)}
+        className="absolute right-4 top-1/2 transform -translate-y-1/2 text-white hover:text-gray-200 transition-colors"
+        aria-label="Close announcement"
+      >
+        <svg
+          className="w-5 h-5"
+          fill="none"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          strokeWidth="2"
+          viewBox="0 0 24 24"
+          stroke="currentColor"
+        >
+          <path d="M6 18L18 6M6 6l12 12"></path>
+        </svg>
+      </button>
+    </div>
+  );
+};
+
+export default AnnouncementBanner;

components/common/layout/PageLayout.tsx

@@ -7,6 +7,7 @@ import Footer from '../../sections/Footer'
 import Subscribe from '../../sections/Subscribe'
 import OgData from './SEO/SEO'
 import PHBadge from '../product-hunt/PHBadge'
+import AnnouncementBanner from '../AnnouncementBanner'
 
 interface BackgroundWrapperProps {
   children: React.ReactNode
@@ -42,13 +43,18 @@ const PageLayout: FC<PageLayoutProps> = ({
           noindex={false}
         />
       )}
+      <AnnouncementBanner
+        message="OpenSauced has joined the Linux Foundation"
+        linkUrl="https://opensauced.pizza/blog/opensauced-is-joining-the-linux-foundation"
+        linkText="Read more"
+      />
       <BackgroundWrapper>
         {Array.isArray(children) && !children[1]?.props.totalLaunchesCount && (
           <PHBadge />
         )}
         {!pressPage && <Header navigationItems={navigationURLs} />}
         <div>{children}</div>
-       
+
         <Footer pressPage={pressPage} />
       </BackgroundWrapper>
     </div>

netlify.toml

@@ -0,0 +1,25 @@
+[build]
+  command = "npm run build"
+
+[build.environment]
+  NODE_VERSION = "22"
+
+[context.production.environment]
+  NODE_VERSION = "22"
+
+[context.deploy-preview.environment]
+  NODE_VERSION = "22"
+
+[context.branch-deploy.environment]
+  NODE_VERSION = "22"
+
+# Explicitly define plugins to override UI configuration
+# This prevents the @netlify/plugin-lighthouse from running
+[[plugins]]
+  package = "@netlify/plugin-nextjs"
+
+[[plugins]]
+  package = "netlify-plugin-cloudinary"
+
+[[plugins]]
+  package = "@netlify/plugin-emails"

next-env.d.ts

@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/basic-features/typescript for more information.
+// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.

public/_redirects

@@ -1 +1 @@
-https://intro.opensauced.pizza/* https://opensauced.pizza/learn/:splat 308!
+https://intro.opensauced.pizza/* https://learn.osscommunities.com/:splat 308!