feat: add Powered by Netlify badge to homepage (#919)

* feat: add Code of Conduct link to navigation menu

Adds 'Kode Etik (Code of Conduct)' link to the navigation menu that
points to the GitHub CODE_OF_CONDUCT.md file.

Closes #917

* fix: dev script

* feat: add Powered by Netlify badge to homepage

Add Netlify badge to comply with Netlify Open Source Policy requirements.
The badge is displayed on the main page with 'Situs ini didukung oleh' heading.

Closes #918

Amp-Thread-ID: https://ampcode.com/threads/T-019beda5-c1d5-709d-9de7-2f389424dd74
Co-authored-by: Amp <amp@ampcode.com>

---------

Co-authored-by: Amp <amp@ampcode.com>

Author: zainfathoni

components/home/homepage-netlify-badge.tsx

@@ -0,0 +1,27 @@
+import { HomePageSection } from "./homepage-section";
+
+export function HomepageNetlifyBadge() {
+  return (
+    <HomePageSection className="px-4 py-6 space-y-4">
+      <h2 className="text-center font-semibold text-gray-700 text-sm">
+        Situs ini didukung oleh
+      </h2>
+      <div className="flex justify-center items-center">
+        <a
+          href="https://www.netlify.com"
+          rel="nofollow noopener noreferrer"
+          target="_blank"
+          title="Deploys by Netlify"
+        >
+          {/* eslint-disable-next-line @next/next/no-img-element */}
+          <img
+            alt="Deploys by Netlify"
+            height="51"
+            src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg"
+            width="114"
+          />
+        </a>
+      </div>
+    </HomePageSection>
+  );
+}

lib/layout/navigation-data.tsx

@@ -84,4 +84,9 @@ export const navMenu: NavMenuItem[] = [
     href: "/tentang-kami",
     exact: true,
   },
+  {
+    name: "Kode Etik (Code of Conduct)",
+    href: "https://github.com/kawalcovid19/wargabantuwarga.com/blob/main/CODE_OF_CONDUCT.md",
+    external: true,
+  },
 ];

package.json

@@ -5,7 +5,7 @@
     "cz": "cz",
     "build": "next build",
     "postbuild": "next-sitemap && ts-node etc/create-sitemap-index.ts",
-    "dev": "next",
+    "dev": "NODE_OPTIONS=--openssl-legacy-provider next",
     "analyze": "cross-env ANALYZE=true yarn build",
     "fetch-wbw": "ts-node etc/fetchers/fetch-wbw.ts",
     "fetch-database": "ts-node etc/fetchers/fetch-database-only.ts",

pages/index.tsx

@@ -11,6 +11,7 @@ import { HomePageStart } from "~/components/home/homepage-start";
 import { HomePageTelemedicineCTA } from "~/components/home/homepage-telemedicine-cta";
 import { HomePageWelcome } from "~/components/home/homepage-welcome";
 import { HomepageSupportedApps } from "~/components/home/homepage-supported-apps";
+import { HomepageNetlifyBadge } from "~/components/home/homepage-netlify-badge";
 import { Page } from "~/components/layout/page";
 import { Container } from "~/components/ui/container";
 import { attributes } from "~/lib/content/home-page";
@@ -40,6 +41,7 @@ const HomePage = (props: HomePageProps) => (
         <HomePageTelemedicineCTA />
         <HomepageSupportedApps />
         <HomePageWelcome />
+        <HomepageNetlifyBadge />
         <style jsx>{`
           article {
             margin: 0 auto;

pages/tentang-kami.tsx

@@ -153,6 +153,29 @@ export default function AboutPage() {
             </div>
           </InternalPageSection>
 
+          {/* Powered by Netlify badge */}
+          <InternalPageSection className="py-6 space-y-4">
+            <h2 className="text-center font-semibold text-gray-700 text-lg">
+              Situs ini didukung oleh
+            </h2>
+            <div className="flex justify-center items-center">
+              <a
+                href="https://www.netlify.com"
+                rel="nofollow noopener noreferrer"
+                target="_blank"
+                title="Deploys by Netlify"
+              >
+                {/* eslint-disable-next-line @next/next/no-img-element */}
+                <img
+                  alt="Deploys by Netlify"
+                  height="51"
+                  src="https://www.netlify.com/v3/img/components/netlify-color-accent.svg"
+                  width="114"
+                />
+              </a>
+            </div>
+          </InternalPageSection>
+
           <FeedbackSection />
         </Container>
       </InternalPageContent>