diff --git a/public/product_assets/images/congrats.svg b/public/icons/congrats.svg
similarity index 100%
rename from public/product_assets/images/congrats.svg
rename to public/icons/congrats.svg
diff --git a/public/icons/smiley-sad.svg b/public/icons/smiley-sad.svg
new file mode 100644
index 0000000..64c7c5f
--- /dev/null
+++ b/public/icons/smiley-sad.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" fill="#000000" viewBox="0 0 256 256"><path d="M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm0,192a88,88,0,1,1,88-88A88.1,88.1,0,0,1,128,216ZM80,108a12,12,0,1,1,12,12A12,12,0,0,1,80,108Zm96,0a12,12,0,1,1-12-12A12,12,0,0,1,176,108Zm-1.08,64a8,8,0,1,1-13.84,8c-7.47-12.91-19.21-20-33.08-20s-25.61,7.1-33.08,20a8,8,0,1,1-13.84-8c10.29-17.79,27.39-28,46.92-28S164.63,154.2,174.92,172Z" fill="#1E45CF"></path></svg>
diff --git a/src/components/ui/FinalPage/FailureComponent.tsx b/src/components/ui/FinalPage/FailureComponent.tsx
new file mode 100644
index 0000000..945fe35
--- /dev/null
+++ b/src/components/ui/FinalPage/FailureComponent.tsx
@@ -0,0 +1,45 @@
+import { List, ListItem, Typography } from "@mui/material";
+import { Container } from "@mui/system";
+import Image from "next/image";
+
+interface IFailureComponent {
+  missingCartTitles: string[];
+}
+
+const FailureComponent: React.FC<IFailureComponent> = ({
+  missingCartTitles,
+}) => {
+  return (
+    <Container>
+      <Image src={require("/public/icons/smiley-sad.svg")} alt="" />
+      <Typography
+        fontSize={60}
+        sx={{
+          color: "primary.main",
+          marginTop: "20px",
+        }}
+      >
+        Dommage,
+      </Typography>
+      <Typography
+        style={{
+          fontFamily: "fontFamily",
+          fontSize: "20px",
+          color: "primary.main",
+          marginBottom: "5px",
+        }}
+      >
+        Tu as oublié d&apos;ajouter les ingrédients suivants à ton panier :
+        <List sx={{ listStyleType: "disc" }}>
+          {missingCartTitles.map((title) => (
+            <ListItem sx={{ display: "list-item" }} key={title}>
+              {title}
+            </ListItem>
+          ))}
+        </List>
+      </Typography>
+    </Container>
+  );
+};
+
+export default FailureComponent;
diff --git a/src/components/ui/FinalPage/SucessComponent.tsx b/src/components/ui/FinalPage/SucessComponent.tsx
new file mode 100644
index 0000000..89f1645
--- /dev/null
+++ b/src/components/ui/FinalPage/SucessComponent.tsx
@@ -0,0 +1,30 @@
+import { Typography } from "@mui/material";
+import { Container } from "@mui/system";
+import Image from "next/image";
+
+const SuccessComponent = (
+  <Container>
+    <Image src={require("public/icons/congrats.svg")} alt="" />
+    <Typography
+      fontSize={60}
+      sx={{
+        color: "primary.main",
+        marginTop: "50px",
+      }}
+    >
+      Félicitations,
+    </Typography>
+    <Typography
+      style={{
+        fontFamily: "fontFamily",
+        fontSize: "30px",
+        color: "primary.main",
+        marginBottom: "5vh",
+      }}
+    >
+      tu as réussi à commander les ingrédients pour réaliser ta tarte aux pommes
+    </Typography>
+  </Container>
+);
+
+export default SuccessComponent;
diff --git a/src/pages/final.tsx b/src/pages/final.tsx
index 48a2a39..050cd38 100644
--- a/src/pages/final.tsx
+++ b/src/pages/final.tsx
@@ -1,12 +1,28 @@
-import { Typography } from "@mui/material";
 import { Container } from "@mui/system";
+import { useAtom } from "jotai";
 import type { NextPage } from "next";
-import Image from "next/image";
 
 import AppLink from "src/components/ui/Buttons/AppLink";
+import FailureComponent from "src/components/ui/FinalPage/FailureComponent";
+import SuccessComponent from "src/components/ui/FinalPage/SucessComponent";
 import PageTextTemplate from "src/components/ui/PageTextTemplate/PageTextTemplate";
+import { cartAtom } from "src/store/cart";
 
 const FinalPage: NextPage = () => {
+  const [cart] = useAtom(cartAtom);
+  const expectedCartTitles = ["Pomme", "Oeuf", "Farine de blé"];
+  const missingCartTitles = [];
+  for (const expectedCartTitle of expectedCartTitles) {
+    if (
+      !Object.values(cart).find(
+        (cartItem) => cartItem.product.title === expectedCartTitle
+      )
+    ) {
+      missingCartTitles.push(expectedCartTitle);
+    }
+  }
+
+  const isCartValid = missingCartTitles.length == 0;
   const content = (
     <Container
       sx={{
@@ -17,30 +33,7 @@ const FinalPage: NextPage = () => {
         flexDirection: "column",
       }}
     >
-      <Image
-        src={require("public/product_assets/images/congrats.svg")}
-        alt=""
-      />
-      <Typography
-        fontSize={60}
-        sx={{
-          color: "primary.main",
-          marginTop: "50px",
-        }}
-      >
-        Félicitations,
-      </Typography>
-      <Typography
-        style={{
-          fontFamily: "fontFamily",
-          fontSize: "30px",
-          color: "primary.main",
-          marginBottom: "5vh",
-        }}
-      >
-        tu as réussi à commander les ingrédients pour réaliser ta tarte aux
-        pommes
-      </Typography>
+      {isCartValid ? SuccessComponent : FailureComponent({ missingCartTitles })}
       <AppLink text="Retenter l'expérience ?" link="/" />
     </Container>
   );