diff --git a/pages/_app.js b/pages/_app.js
index f3dc5df..26e8f19 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,10 +1,27 @@
 // pages/_app.js
-import { ChakraProvider } from "@chakra-ui/react";
+import { ChakraProvider, Divider, Box, Text } from "@chakra-ui/react";
+import Link from "next/link";
 
 function MyApp({ Component, pageProps }) {
   return (
     <ChakraProvider>
       <Component {...pageProps} />
+      <Divider />
+      <Box m="2">
+        <Text fontSize="sm" textAlign="center">
+          Conçu par{" "}
+          <Link
+            href="https://me.plnech.fr"
+            _hover={{ textDecoration: "underline" }}
+          >
+            Paul-Louis Nech
+          </Link>{" "}
+          grace aux contenus partagés par les proches de Philippe -{" "}
+          <Link href="/credits">
+            <u>Crédits</u>
+          </Link>
+        </Text>
+      </Box>
     </ChakraProvider>
   );
 }
diff --git a/pages/credits.js b/pages/credits.js
new file mode 100644
index 0000000..3bbe650
--- /dev/null
+++ b/pages/credits.js
@@ -0,0 +1,81 @@
+// pages/index.js
+import Head from "next/head";
+import { Box, Container, Divider, Text, Wrap, WrapItem } from "@chakra-ui/react";
+import Image from "next/image";
+import Link from "next/link";
+
+export async function getStaticProps() {
+  let credits = [
+    {
+      title: "Famille et Amis",
+      text: "Pour tous ces bons moments et leurs photos/vidéos",
+    },
+    {
+      title: "Vercel",
+      text: "Pour l'hébergement de ces pages",
+      link: "vercel.com",
+    },
+    { title: "Next.JS", text: "Utilisé pour construire le site", link: "nextjs.org" },
+  ];
+  return {
+    props: {
+      credits,
+    },
+  };
+}
+
+export default function Credits({ credits }) {
+  return (
+    <div>
+      <Head>
+        <title>Philippe Bureau - Crédits</title>
+        <link rel="icon" href="/favicon.ico" />
+        <Box overflow="hidden" bg="gray.100" minH="100vh">
+          <Container>
+            <Text
+              color="gray.700"
+              fontWeight="semibold"
+              m="1rem"
+              textAlign="center"
+              textDecoration="underline"
+              fontSize={["5xl", "5xl", "6xl", "6xl"]}
+            >
+              Philippe Bureau - Crédits
+            </Text>
+          </Container>
+          <Wrap px="1rem" spacing={"4px"} justify="center">
+            {credits.map((credit) => (
+              <WrapItem
+                key={"wrap-" + credit.title}
+                m={"30px"}
+                bg="white"
+                lineHeight="0"
+                maxW="sm"
+                borderWidth="1px"
+                borderRadius={"10px"}
+              >
+                <Text
+                  color="gray.700"
+                  fontWeight="semibold"
+                  fontSize="2xl"
+                  m="1rem"
+                >
+                  {credit.title}
+                </Text>
+                <br />
+                <Text
+                  color="gray.500"
+                  fontWeight="semibold"
+                  fontSize="sm"
+                  m="1rem"
+                >
+                  {credit.text}
+                </Text>
+              </WrapItem>
+            ))}
+          </Wrap>
+        </Box>
+      </Head>
+    </div>
+  );
+}
diff --git a/pages/photos/[id].js b/pages/photos/[id].js
index 4f5fe17..4e2e529 100644
--- a/pages/photos/[id].js
+++ b/pages/photos/[id].js
@@ -11,7 +11,11 @@ import {
 import Image from "next/image";
 import Head from "next/head";
 import Link from "next/link";
+<<<<<<< HEAD
 import BackHome from "../../components/BackHome";
+=======
+import BackHome from "components/Back";
+>>>>>>> ad87045 (feat: Credits, BackHome wip)
 import { InfoIcon, AtSignIcon } from "@chakra-ui/icons";
 // import { getPlaiceholder } `from "plaiceholder";
 
@@ -84,6 +88,7 @@ export default function Photos({ photo, placeholder }) {
       </Head>
 
 <<<<<<< HEAD
+<<<<<<< HEAD
       <BackHome />
       <Divider my="1rem" />
 
@@ -129,6 +134,23 @@ export default function Photos({ photo, placeholder }) {
           loading="eager"
         />
 >>>>>>> 54109d5 (feat: Modulated Links)
+=======
+      <BackHome />
+      <Divider my="1rem" />
+
+      <Center>
+        <a href={pic.path}>
+          <Image
+            src={pic.path}
+            width={pic.dimensions.width || 480}
+            height={pic.dimensions.height || 480}
+            // objectFit="cover"
+            quality={80}
+            priority
+            loading="eager"
+          />
+        </a>
+>>>>>>> ad87045 (feat: Credits, BackHome wip)
       </Center>
       <Divider my="1rem" />
 
