chore(web): Rename Examples to Templates (#1666)

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() {

apps/web/src/app/examples/page.tsx → 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;

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"

apps/web/src/components/example.tsx → 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,