diff --git a/public/product_assets/images/add.png b/public/icons/add.png
similarity index 100%
rename from public/product_assets/images/add.png
rename to public/icons/add.png
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/public/product_assets/images/white-arrow.svg b/public/icons/white-arrow.svg
similarity index 100%
rename from public/product_assets/images/white-arrow.svg
rename to public/icons/white-arrow.svg
diff --git a/public/product_assets/images/apple-pie.jpeg b/public/images/apple-pie.jpeg
similarity index 100%
rename from public/product_assets/images/apple-pie.jpeg
rename to public/images/apple-pie.jpeg
diff --git a/public/product_assets/images/burger.png b/public/images/burger.png
similarity index 100%
rename from public/product_assets/images/burger.png
rename to public/images/burger.png
diff --git a/public/product_assets/dairy_coffee/egg.jpg b/public/product_assets/dairy_coffee/egg.jpg
new file mode 100644
index 0000000..910c0fc
Binary files /dev/null and b/public/product_assets/dairy_coffee/egg.jpg differ
diff --git a/public/product_assets/data/dairy_coffee.json b/public/product_assets/data/dairy_coffee_egg.json
similarity index 64%
rename from public/product_assets/data/dairy_coffee.json
rename to public/product_assets/data/dairy_coffee_egg.json
index 41c5f6e..f973d09 100644
--- a/public/product_assets/data/dairy_coffee.json
+++ b/public/product_assets/data/dairy_coffee_egg.json
@@ -1,130 +1,138 @@
 [
   {
     "id": "ea86d695-59b7-465d-94b9-4b31ca4f8ab8",
-    "title": "Watermelon",
+    "title": "Cheddar",
     "description": "Cillum in laborum eu sint.",
-    "price": "$ 2.42 each",
+    "price": "2.42€ pièce",
     "previewImageUrl": "/product_assets/dairy_coffee/american_cheese.jpg",
-    "category": "DAIRY_COFFEE"
+    "category": "DAIRY_COFFEE_EGG"
   },
   {
     "id": "3b4470d2-ce5c-4967-8088-1162b191d1d8",
-    "title": "Green Apple",
+    "title": "Beurre",
     "description": "Ipsum velit officia officia eiusmod commodo tempor.",
-    "price": "$ 1.69 each",
+    "price": "1.69€ pièce",
     "previewImageUrl": "/product_assets/dairy_coffee/butter.jpg",
-    "category": "DAIRY_COFFEE"
+    "category": "DAIRY_COFFEE_EGG"
   },
   {
     "id": "d98c63f7-323c-49a0-879b-a49e76b55d84",
-    "title": "Apricot",
+    "title": "Graines de café",
     "description": "Proident ea voluptate veniam nulla duis fugiat veniam.",
-    "price": "$ 1.22 each",
+    "price": "1.22€ pièce",
     "previewImageUrl": "/product_assets/dairy_coffee/coffee_beans.jpg",
-    "category": "DAIRY_COFFEE"
+    "category": "DAIRY_COFFEE_EGG"
   },
   {
     "id": "b119f376-0228-4d9f-a0c0-56cc46d62c51",
-    "title": "Plum",
+    "title": "Capsule de café",
     "description": "Exercitation nostrud nisi labore id occaecat quis nulla.",
-    "price": "$ 3.21 each",
+    "price": "3.21€ pièce",
     "previewImageUrl": "/product_assets/dairy_coffee/coffee_capsule.jpg",
-    "category": "DAIRY_COFFEE"
+    "category": "DAIRY_COFFEE_EGG"
   },
   {
     "id": "e9591ded-7b1a-4428-97a1-1435a675306c",
-    "title": "Yellow Apple",
+    "title": "Papier filtre",
     "description": "Laborum laboris dolore eiusmod sint dolor eiusmod cillum.",
-    "price": "$ 4.11 each",
+    "price": "4.11€ pièce",
     "previewImageUrl": "/product_assets/dairy_coffee/coffee_paper_filter.jpg",
-    "category": "DAIRY_COFFEE"
+    "category": "DAIRY_COFFEE_EGG"
   },
   {
     "id": "24d3e3d3-9dd5-467d-a1b8-f1dfa4959dba",
-    "title": "Orange",
+    "title": "Café broyé",
     "description": "Eiusmod dolore elit cillum ex sint sunt irure laborum.",
-    "price": "$ 1.21 each",
+    "price": "1.21€ pièce",
     "previewImageUrl": "/product_assets/dairy_coffee/coffee_powder.jpg",
-    "category": "DAIRY_COFFEE"
+    "category": "DAIRY_COFFEE_EGG"
   },
   {
     "id": "69824912-20ca-4e74-951d-82cc9a5c43e2",
-    "title": "Strawberry",
+    "title": "Lait concentré",
     "description": "Elit ex in aliqua magna ut voluptate labore ullamco dolor voluptate in ex.",
-    "price": "$ 1.61 each",
+    "price": "1.61€ pièce",
     "previewImageUrl": "/product_assets/dairy_coffee/condensed_milk.jpg",
-    "category": "DAIRY_COFFEE"
+    "category": "DAIRY_COFFEE_EGG"
   },
   {
     "id": "8aebeb2f-2442-4801-8c73-80e0901e8ba6",
-    "title": "Peach",
+    "title": "Crème",
     "description": "Excepteur mollit enim et dolore ipsum eu non reprehenderit.",
-    "price": "$ 1.36 each",
+    "price": "1.36€ pièce",
     "previewImageUrl": "/product_assets/dairy_coffee/cream.jpg",
-    "category": "DAIRY_COFFEE"
+    "category": "DAIRY_COFFEE_EGG"
   },
   {
     "id": "6e1301f3-c547-4166-9487-ede8cba2e88e",
-    "title": "Red Apple",
+    "title": "Ghee",
     "description": "Consectetur excepteur sit id enim deserunt laborum officia.",
-    "price": "$ 2.57 each",
+    "price": "2.57€ pièce",
     "previewImageUrl": "/product_assets/dairy_coffee/ghee.jpg",
-    "category": "DAIRY_COFFEE"
+    "category": "DAIRY_COFFEE_EGG"
   },
   {
     "id": "79cf61db-65cd-422e-a077-384f4e45a64c",
-    "title": "Watermelon",
+    "title": "Glace",
     "description": "Aliquip id esse dolor ad adipisicing labore cillum sint est irure.",
-    "price": "$ 3.91 each",
+    "price": "3.91€ pièce",
     "previewImageUrl": "/product_assets/dairy_coffee/ice_cream.jpg",
-    "category": "DAIRY_COFFEE"
+    "category": "DAIRY_COFFEE_EGG"
   },
   {
     "id": "968805b1-cc7b-4597-9f20-edf2df7798b4",
-    "title": "Green Apple",
+    "title": "Lait",
     "description": "Laborum sint laboris consectetur officia.",
-    "price": "$ 7.23 each",
+    "price": "7.23€ pièce",
     "previewImageUrl": "/product_assets/dairy_coffee/milk.jpg",
-    "category": "DAIRY_COFFEE"
+    "category": "DAIRY_COFFEE_EGG"
   },
   {
     "id": "d67c00e2-f3a3-4ffe-a06c-0d08c8d4ee3f",
-    "title": "Apricot",
+    "title": "Parmesan",
     "description": "Deserunt voluptate dolor est quis aute.",
-    "price": "$ 1.91 each",
+    "price": "1.91€ pièce",
     "previewImageUrl": "/product_assets/dairy_coffee/parmesan_cheese.jpg",
-    "category": "DAIRY_COFFEE"
+    "category": "DAIRY_COFFEE_EGG"
   },
   {
     "id": "79ad3f98-0719-4dd0-970a-8b53296f10e1",
-    "title": "Plum",
+    "title": "Lait en poudre",
     "description": "Excepteur eu anim consequat irure cillum fugiat nostrud.",
-    "price": "$ 3.97 each",
+    "price": "3.97€ pièce",
     "previewImageUrl": "/product_assets/dairy_coffee/powdered_milk.jpg",
-    "category": "DAIRY_COFFEE"
+    "category": "DAIRY_COFFEE_EGG"
   },
   {
     "id": "93bd748b-40b1-4064-9bff-205d97ac0404",
-    "title": "Yellow Apple",
+    "title": "Fromage frais",
     "description": "Aute sit officia duis excepteur.",
-    "price": "$ 1.04 each",
+    "price": "1.04€ pièce",
     "previewImageUrl": "/product_assets/dairy_coffee/soft_cheese.jpg",
-    "category": "DAIRY_COFFEE"
+    "category": "DAIRY_COFFEE_EGG"
   },
   {
     "id": "7cfabc56-e24f-4631-bb43-99c3dd8b4e50",
-    "title": "Orange",
+    "title": "Fromage suisse",
     "description": "Occaecat ex consequat qui nulla sint proident do elit.",
-    "price": "$ 1.73 each",
+    "price": "1.73€ pièce",
     "previewImageUrl": "/product_assets/dairy_coffee/swiss_cheese.jpg",
-    "category": "DAIRY_COFFEE"
+    "category": "DAIRY_COFFEE_EGG"
   },
   {
     "id": "6c543f63-f66a-4b66-9910-d56943d0fd60",
-    "title": "Strawberry",
+    "title": "Yaourt",
     "description": "Pariatur dolore amet cupidatat eiusmod pariatur officia.",
-    "price": "$ 3.18 each",
+    "price": "3.18€ pièce",
     "previewImageUrl": "/product_assets/dairy_coffee/yogurt.jpg",
-    "category": "DAIRY_COFFEE"
+    "category": "DAIRY_COFFEE_EGG"
+  },
+  {
+    "id": "b1b0b6a0-5b0a-4b0e-8b0a-2b0b0b0b0b0b",
+    "title": "Oeuf",
+    "description": "Pariatur dolore amet cupidatat eiusmod pariatur officia.",
+    "price": "0,5€ pièce",
+    "previewImageUrl": "/product_assets/dairy_coffee/egg.jpg",
+    "category": "DAIRY_COFFEE_EGG"
   }
 ]
diff --git a/src/components/ui/AppBar/Menu/Menu.tsx b/src/components/ui/AppBar/Menu/Menu.tsx
index 57e7a31..ce3bd56 100644
--- a/src/components/ui/AppBar/Menu/Menu.tsx
+++ b/src/components/ui/AppBar/Menu/Menu.tsx
@@ -21,6 +21,11 @@ const menuItems = [
     link: "flour",
     icon: require("/public/icons/flour.svg"),
   },
+  {
+    text: ProductCategory.DAIRY_COFFEE_EGG,
+    link: "egg",
+    icon: require("/public/icons/egg.svg"),
+  },
 ];
 
 const Menu: React.FC = () => {
diff --git a/src/components/ui/Buttons/AppLink.tsx b/src/components/ui/Buttons/AppLink.tsx
index 4f8c12b..35dc2db 100644
--- a/src/components/ui/Buttons/AppLink.tsx
+++ b/src/components/ui/Buttons/AppLink.tsx
@@ -26,10 +26,7 @@ const AppLink: React.FC<IAppLink> = ({ text, link }) => {
       }}
     >
       {text}
-      <Image
-        src={require("public/product_assets/images/white-arrow.svg")}
-        alt=""
-      />
+      <Image src={require("public/icons/white-arrow.svg")} alt="" />
     </Link>
   );
 };
diff --git a/src/components/ui/Cards/AddToCartButton/AddToCartButton.tsx b/src/components/ui/Cards/AddToCartButton/AddToCartButton.tsx
index c0fcd9d..0de0ea6 100644
--- a/src/components/ui/Cards/AddToCartButton/AddToCartButton.tsx
+++ b/src/components/ui/Cards/AddToCartButton/AddToCartButton.tsx
@@ -46,7 +46,7 @@ const AddToCartButton: React.FC<IAddToCartButton> = ({
     <Button aria-label="Add cart" style={styleButton} onClick={addToCart}>
       Ajouter
       <Image
-        src={require("public/product_assets/images/add.png")}
+        src={require("public/icons/add.png")}
         width={addImageSize}
         height={addImageSize}
         alt=""
diff --git a/src/components/ui/Cards/ProductCard/ProductCard.tsx b/src/components/ui/Cards/ProductCard/ProductCard.tsx
index 347da35..03dfc65 100644
--- a/src/components/ui/Cards/ProductCard/ProductCard.tsx
+++ b/src/components/ui/Cards/ProductCard/ProductCard.tsx
@@ -1,32 +1,39 @@
 import { Typography, Paper, Box } from "@mui/material";
-import Image from "next/image";
 
 import { Product } from "src/types/product";
 
+import { getImageStyle, stylePrice } from "./ProductCardStyle";
 import AddToCartButton from "../AddToCartButton/AddToCartButton";
 
 export interface IProductCard {
   product: Product;
+  tiny?: boolean;
 }
 
-const ProductCard: React.FC<IProductCard> = ({ product }) => {
+const ProductCard: React.FC<IProductCard> = ({ product, tiny = false }) => {
   return (
     <Paper>
-      <Image
-        alt={product.title}
-        src={product.previewImageUrl}
-        width={218}
-        height={218}
-        layout="responsive"
-      />
-      <Box paddingX={2} paddingY={1}>
-        <Typography>{product.title}</Typography>
-
-        <Box display="flex" justifyContent="space-between" alignItems="center">
-          <Typography variant="caption">{product.price}</Typography>
-          <AddToCartButton product={product} />
+      <Box style={getImageStyle(product, tiny)}>
+        <Box
+          style={{
+            display: "flex",
+            justifyContent: "space-between",
+            width: "100%",
+            padding: "5px",
+          }}
+        >
+          <Typography style={stylePrice}>{product.price}</Typography>
+          <AddToCartButton product={product} tiny={tiny} />
         </Box>
       </Box>
+      <Typography
+        style={{
+          display: "flex",
+          justifyContent: "center",
+        }}
+      >
+        {product.title}
+      </Typography>
     </Paper>
   );
 };
diff --git a/src/components/ui/Cards/ProductCard/ProductCardStyle.tsx b/src/components/ui/Cards/ProductCard/ProductCardStyle.tsx
index de06c1d..7fc9c3a 100644
--- a/src/components/ui/Cards/ProductCard/ProductCardStyle.tsx
+++ b/src/components/ui/Cards/ProductCard/ProductCardStyle.tsx
@@ -15,7 +15,7 @@ const imageSize = 218;
 export const getImageStyle = (product: Product, tiny: boolean) => {
   const style: React.CSSProperties = {
     height: imageSize,
-    width: tiny ? "" : imageSize,
+    width: tiny ? "" : "100%",
     backgroundImage: `url(${product.previewImageUrl})`,
     backgroundSize: "cover",
     display: "flex",
diff --git a/src/components/ui/Cards/ProductCardTinyButton/ProductCardTinyButton.tsx b/src/components/ui/Cards/ProductCardTinyButton/ProductCardTinyButton.tsx
deleted file mode 100644
index 2f7a099..0000000
--- a/src/components/ui/Cards/ProductCardTinyButton/ProductCardTinyButton.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-import { Box, Paper, Typography } from "@mui/material";
-
-import { Product } from "src/types/product";
-
-import AddToCartButton from "../AddToCartButton/AddToCartButton";
-import { getImageStyle, stylePrice } from "../ProductCard/ProductCardStyle";
-
-export interface IProductCardTinyButton {
-  product: Product;
-}
-
-const ProductCardTinyButton: React.FC<IProductCardTinyButton> = ({
-  product,
-}) => {
-  return (
-    <Paper>
-      <Box style={getImageStyle(product, true)}>
-        <Box
-          style={{
-            display: "flex",
-            justifyContent: "space-between",
-            width: "100%",
-            padding: "5px",
-          }}
-        >
-          <Typography style={stylePrice}>{product.price}</Typography>
-          <AddToCartButton product={product} tiny />
-        </Box>
-      </Box>
-      <Typography
-        style={{
-          display: "flex",
-          justifyContent: "center",
-        }}
-      >
-        {product.title}
-      </Typography>
-    </Paper>
-  );
-};
-
-export default ProductCardTinyButton;
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/components/ui/PageGridTemplate/PageGridTemplate.tsx b/src/components/ui/PageGridTemplate/PageGridTemplate.tsx
index 5abf2e0..c7d13af 100644
--- a/src/components/ui/PageGridTemplate/PageGridTemplate.tsx
+++ b/src/components/ui/PageGridTemplate/PageGridTemplate.tsx
@@ -5,7 +5,7 @@ import AppBar from "components/ui/AppBar/AppBar";
 import ProductCardImage from "src/components/ui/Cards/ProductCardImage/ProductCardImage";
 import { Product } from "src/types/product";
 
-import ProductCardTinyButton from "../Cards/ProductCardTinyButton/ProductCardTinyButton";
+import ProductCard from "../Cards/ProductCard/ProductCard";
 
 export interface IPageGridTemplate {
   data: Product[] | undefined;
@@ -20,6 +20,7 @@ interface IGetProductCardElement {
 
 export enum ProductCardTypeEnum {
   Image,
+  Text,
   TinyButton,
 }
 
@@ -30,8 +31,10 @@ const getProductCardElement = ({
   switch (productCardType) {
     case ProductCardTypeEnum.Image:
       return <ProductCardImage product={product} />;
+    case ProductCardTypeEnum.Text:
+      return <ProductCard product={product} />;
     case ProductCardTypeEnum.TinyButton:
-      return <ProductCardTinyButton product={product} />;
+      return <ProductCard product={product} tiny={true} />;
     default:
       return <ProductCardImage product={product} />;
   }
diff --git a/src/pages/api/product/[category].ts b/src/pages/api/product/[category].ts
index c2dc06b..886cbd6 100644
--- a/src/pages/api/product/[category].ts
+++ b/src/pages/api/product/[category].ts
@@ -1,5 +1,6 @@
 import type { NextApiRequest, NextApiResponse } from "next";
 
+import dairyCoffeeEggData from "public/product_assets/data/dairy_coffee_egg.json";
 import flourData from "public/product_assets/data/flour.json";
 import fruitsData from "public/product_assets/data/fruits.json";
 import { Product, ProductCategory } from "src/types/product";
@@ -19,6 +20,10 @@ export default function handler(
       res.status(200).json(flourData as Product[]);
       break;
 
+    case ProductCategory.DAIRY_COFFEE_EGG:
+      res.status(200).json(dairyCoffeeEggData as Product[]);
+      break;
+
     default:
       res.status(404).end();
       break;
diff --git a/src/pages/egg.tsx b/src/pages/egg.tsx
new file mode 100644
index 0000000..31cab80
--- /dev/null
+++ b/src/pages/egg.tsx
@@ -0,0 +1,34 @@
+import { CircularProgress } from "@mui/material";
+import type { NextPage } from "next";
+import useSwr from "swr";
+
+import PageGridTemplate, {
+  ProductCardTypeEnum,
+} from "src/components/ui/PageGridTemplate/PageGridTemplate";
+import { useSimulator } from "src/simulators";
+import { SIMULATE_EFFECT } from "src/simulators/types";
+import { Product } from "src/types/product";
+
+const fetcher = (url: string) => fetch(url).then((res) => res.json());
+
+const EggPage: NextPage = () => {
+  const { data, error } = useSwr<Product[]>(
+    "/api/product/dairy_coffee_egg",
+    fetcher
+  );
+
+  useSimulator([SIMULATE_EFFECT.DISTRACTIONS]);
+
+  if (data === undefined || error) {
+    return <CircularProgress />;
+  }
+  return (
+    <PageGridTemplate
+      data={data}
+      error={error}
+      productCardType={ProductCardTypeEnum.Text}
+    />
+  );
+};
+
+export default EggPage;
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>
   );
diff --git a/src/pages/fruits-distractions.tsx b/src/pages/fruits-distractions.tsx
deleted file mode 100644
index 4565d14..0000000
--- a/src/pages/fruits-distractions.tsx
+++ /dev/null
@@ -1,39 +0,0 @@
-import { Container, CircularProgress, Grid } from "@mui/material";
-import { shuffle } from "lodash-es";
-import type { NextPage } from "next";
-import useSwr from "swr";
-
-import AppBar from "components/ui/AppBar/AppBar";
-import ProductCardImage from "src/components/ui/Cards/ProductCardImage/ProductCardImage";
-import { useSimulator } from "src/simulators";
-import { SIMULATE_EFFECT } from "src/simulators/types";
-import { Product } from "src/types/product";
-
-const fetcher = (url: string) => fetch(url).then((res) => res.json());
-
-const FruitsDistractionsPage: NextPage = () => {
-  const { data, error } = useSwr<Product[]>("/api/product/fruits", fetcher);
-
-  useSimulator([SIMULATE_EFFECT.DISTRACTIONS]);
-
-  if (data === undefined || error) {
-    return <CircularProgress />;
-  }
-
-  return (
-    <>
-      <AppBar />
-      <Container>
-        <Grid container spacing={4} marginY={2}>
-          {shuffle(data).map((product) => (
-            <Grid key={product.id} item xs={3}>
-              <ProductCardImage product={product} />
-            </Grid>
-          ))}
-        </Grid>
-      </Container>
-    </>
-  );
-};
-
-export default FruitsDistractionsPage;
diff --git a/src/pages/fruits.tsx b/src/pages/fruits.tsx
index 53b2e54..1eb9917 100644
--- a/src/pages/fruits.tsx
+++ b/src/pages/fruits.tsx
@@ -13,11 +13,7 @@ const FruitsPage: NextPage = () => {
 
   useColorFilterSimulator([COLOR_FILTER_ID.PROTANOPIA]);
 
-  return (
-    <>
-      <PageGridTemplate data={data} error={error} />
-    </>
-  );
+  return <PageGridTemplate data={data} error={error} />;
 };
 
 export default FruitsPage;
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 9633556..5e86dcf 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -35,10 +35,7 @@ const Home: NextPage = () => {
           marginTop="5em"
         >
           <Stack direction="row" justifyContent="space-around" spacing="5em">
-            <Image
-              src={require("../../public/product_assets/images/apple-pie.jpeg")}
-              alt=""
-            />
+            <Image src={require("../../public/images/apple-pie.jpeg")} alt="" />
 
             <Box sx={{ display: "flex", alignItems: "center" }}>
               <Paper sx={{ padding: "1em", border: "solid" }}>
diff --git a/src/simulators/distractions.ts b/src/simulators/distractions.ts
index f85cda9..f4b892d 100644
--- a/src/simulators/distractions.ts
+++ b/src/simulators/distractions.ts
@@ -94,11 +94,11 @@ const scriptImportedFromExternalRepository = () => {
   }
 
   const texts = [
-    "Did I eat lunch?",
-    "I have to get back to work soon...",
-    "The ventilation sounds a lot today. bzzzzzz",
-    "Should I answer that text message?",
-    "Must concentrate, must concentrate, must concentrate",
+    "J'ai mangé ce midi ?",
+    "Je dois retourner travailler...",
+    "La ventilation fait beaucoup de bruit aujourd'hui. bzzzzzz",
+    "Est-ce que je devrais répondre à ce message ?",
+    "Je dois me concentrer, me concentrer, me concentrer",
   ];
 
   texts.forEach(createTextElements);
@@ -140,11 +140,11 @@ const scriptImportedFromExternalRepository = () => {
     TIMEOUTS.setTimeout(() => {
       removeClass(textEl_4, textAnimation_4);
       TIMEOUTS.clearAllTimeouts();
-    }, 32000);
+    }, 36000);
   }
 
   launchAnimations();
-  distractionIntervale = setInterval(launchAnimations, 32000);
+  distractionIntervale = setInterval(launchAnimations, 36000);
 };
 
 export const removeDistractions = () => {
diff --git a/src/types/product.ts b/src/types/product.ts
index f4bb73d..dfad79b 100644
--- a/src/types/product.ts
+++ b/src/types/product.ts
@@ -10,6 +10,7 @@ export class Product {
 export enum ProductCategory {
   "FRUITS" = "FRUITS",
   "FLOURS" = "FLOURS",
+  "DAIRY_COFFEE_EGG" = "DAIRY_COFFEE_EGG",
 }
 
 export const productCategoryLabelMapping: Record<
@@ -18,4 +19,5 @@ export const productCategoryLabelMapping: Record<
 > = {
   [ProductCategory.FRUITS]: "FRUITS",
   [ProductCategory.FLOURS]: "FARINE",
+  [ProductCategory.DAIRY_COFFEE_EGG]: "OEUF",
 };
diff --git a/styles/globals.css b/styles/globals.css
index 28a6d2b..c6f1ea7 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -52,7 +52,7 @@ a {
 
 .wds-img-element.wds-img-animation-0 {
   display: block !important;
-  background-image: url("../public/product_assets/images/burger.png") !important;
+  background-image: url("/images/burger.png") !important;
   animation: move 5s infinite !important;
 }
 
@@ -86,71 +86,81 @@ a {
 .wds-text-element-0.wds-text-animation-0 {
   position: fixed !important;
   display: block !important;
-  color: red !important;
+  color: white !important;
   font-weight: bold !important;
   font-size: 80px !important;
-  background-color: white !important;
+  background-color: #d7263d !important;
   padding: 20px !important;
   width: auto !important;
   height: auto !important;
   top: 20% !important;
   left: 40% !important;
+  border-radius: 30px;
+  rotate: 15deg;
 }
 
 .wds-text-element-1.wds-text-animation-1 {
   position: fixed !important;
   display: block !important;
-  color: blue !important;
+  color: white !important;
   font-weight: bold !important;
   font-size: 60px !important;
-  background-color: white !important;
+  background-color: #f46036 !important;
   padding: 20px !important;
   width: auto !important;
   height: auto !important;
   top: 40% !important;
   left: 30% !important;
+  border-radius: 30px;
+  rotate: -15deg;
 }
 
 .wds-text-element-2.wds-text-animation-2 {
   position: fixed !important;
   display: block !important;
-  color: green !important;
+  color: white !important;
   font-weight: bold !important;
   font-size: 60px !important;
-  background-color: white !important;
+  background-color: #c5d86d !important;
   padding: 20px !important;
   width: auto !important;
   height: auto !important;
   top: 30% !important;
   left: 20% !important;
+  border-radius: 30px;
+  rotate: 25deg;
 }
 
 .wds-text-element-3.wds-text-animation-3 {
   position: fixed !important;
   display: block !important;
-  color: purple !important;
+  color: white !important;
   font-weight: bold !important;
   font-size: 50px !important;
-  background-color: white !important;
+  background-color: #1b998b !important;
   padding: 20px !important;
   width: auto !important;
   height: auto !important;
   top: 50% !important;
   left: 20% !important;
+  border-radius: 30px;
+  rotate: -25deg;
 }
 
 .wds-text-element-4.wds-text-animation-4 {
   position: fixed !important;
   display: block !important;
-  color: black !important;
+  color: white !important;
   font-weight: bold !important;
   font-size: 50px !important;
-  background-color: white !important;
+  background-color: #9486b6 !important;
   padding: 20px !important;
   width: auto !important;
   height: auto !important;
   top: 20% !important;
   left: 10% !important;
+  border-radius: 30px;
+  rotate: -5deg;
 }
 
 .wds-img-animation-1 {
@@ -166,10 +176,10 @@ a {
 
 @keyframes stretch {
   0% {
-    transform: scale(1);
+    scale: 1;
   }
   100% {
-    transform: scale(1.2);
+    scale: 1.2;
   }
 }