From 6b12e0a4a32dd6807d4138681fccafd35069a985 Mon Sep 17 00:00:00 2001
From: Gabriel Miranda <gabrielmfern@outlook.com>
Date: Mon, 9 Sep 2024 12:39:04 -0300
Subject: [PATCH] chore(web): Rename Examples to Templates (#1666)

---
 apps/web/next.config.js                              |  5 +++++
 apps/web/src/app/{examples => templates}/page.tsx    | 12 ++++++------
 apps/web/src/components/menu.tsx                     |  2 +-
 .../web/src/components/{example.tsx => template.tsx} |  2 +-
 4 files changed, 13 insertions(+), 8 deletions(-)
 rename apps/web/src/app/{examples => templates}/page.tsx (94%)
 rename apps/web/src/components/{example.tsx => template.tsx} (97%)

diff --git a/apps/web/next.config.js b/apps/web/next.config.js
index 4590a3f976..1d04fd4e44 100644
--- a/apps/web/next.config.js
+++ b/apps/web/next.config.js
@@ -13,6 +13,11 @@ module.exports = {
         destination: "https://discord.com/invite/n2pWEjjNnD",
         permanent: true,
       },
+      {
+        source: "/examples",
+        destination: "/templates",
+        permanent: true,
+      },
     ];
   },
   async rewrites() {
diff --git a/apps/web/src/app/examples/page.tsx b/apps/web/src/app/templates/page.tsx
similarity index 94%
rename from apps/web/src/app/examples/page.tsx
rename to apps/web/src/app/templates/page.tsx
index 94a91cecb2..1126eb7f3d 100644
--- a/apps/web/src/app/examples/page.tsx
+++ b/apps/web/src/app/templates/page.tsx
@@ -1,7 +1,7 @@
 import type { Metadata } from "next";
 import Image from "next/image";
 import { Anchor } from "../../components/anchor";
-import { Example } from "../../components/example";
+import { Template } from "../../components/template";
 import { Heading } from "../../components/heading";
 import { Text } from "../../components/text";
 import PageTransition from "../../components/page-transition";
@@ -104,7 +104,7 @@ const items = [
   },
 ];
 
-const title = "Examples — React Email";
+const title = "Templates — React Email";
 const description = "Open source templates built with React Email";
 export const metadata: Metadata = {
   title,
@@ -115,7 +115,7 @@ export const metadata: Metadata = {
   },
 };
 
-const Examples = () => (
+const Templates = () => (
   <>
     <Image
       alt=""
@@ -131,7 +131,7 @@ const Examples = () => (
     >
       <div className="mb-12 text-pretty px-6 md:max-w-[46rem] md:px-0 md:text-center">
         <Heading className="text-white" size="6">
-          Examples
+          Templates
         </Heading>
         <Text as="p" className="mt-4 text-slate-11" size="2">
           {description}.
@@ -156,11 +156,11 @@ const Examples = () => (
       </div>
       <div className="grid grid-cols-1 gap-8 md:grid-cols-2">
         {items.map((item) => (
-          <Example key={item.path} {...item} />
+          <Template key={item.path} {...item} />
         ))}
       </div>
     </PageTransition>
   </>
 );
 
-export default Examples;
+export default Templates;
diff --git a/apps/web/src/components/menu.tsx b/apps/web/src/components/menu.tsx
index e1873ac800..063ff7d39d 100644
--- a/apps/web/src/components/menu.tsx
+++ b/apps/web/src/components/menu.tsx
@@ -51,7 +51,7 @@ const MenuItems = ({ onItemClick }: { onItemClick: () => void }) => (
       href="/examples"
       onClick={onItemClick}
     >
-      Examples
+      Templates
     </MenuItem>
     <MenuItem
       className="w-full px-2 md:w-fit"
diff --git a/apps/web/src/components/example.tsx b/apps/web/src/components/template.tsx
similarity index 97%
rename from apps/web/src/components/example.tsx
rename to apps/web/src/components/template.tsx
index d699d954c5..1f7d311f93 100644
--- a/apps/web/src/components/example.tsx
+++ b/apps/web/src/components/template.tsx
@@ -22,7 +22,7 @@ const imageLoader: ImageLoader = ({ src, width, quality }) => {
   return `${src}?w=${width}&q=${quality || 75}`;
 };
 
-export const Example: React.FC<Readonly<ExampleProps>> = ({
+export const Template: React.FC<Readonly<ExampleProps>> = ({
   className,
   path,
   name,