From bfd979d4e08215b347ebac9068ac9b432f26159d Mon Sep 17 00:00:00 2001
From: PelayoFelgueroso <pfelguerosogalguera@gmail.com>
Date: Wed, 10 Jun 2026 15:55:47 +0200
Subject: [PATCH] Add reduced footer example to Footer Code Page

---
 .../components/footer/code/FooterCodePage.tsx | 22 +++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/apps/website/screens/components/footer/code/FooterCodePage.tsx b/apps/website/screens/components/footer/code/FooterCodePage.tsx
index 9e2350cef..2132e1b87 100644
--- a/apps/website/screens/components/footer/code/FooterCodePage.tsx
+++ b/apps/website/screens/components/footer/code/FooterCodePage.tsx
@@ -181,10 +181,28 @@ const sections = [
     title: "Examples",
     subSections: [
       {
-        title: "Footer in application layout",
+        title: "Default Footer in application layout",
         content: (
           <iframe
-            src="https://codesandbox.io/embed/default-footer-pf6l2y?view=split&hidenavigation=1&editorsize=0&fontsize=12&"
+            src="https://codesandbox.io/embed/default-footer-pf6l2y?view=split&hidenavigation=1&editorsize=0&fontsize=12"
+            style={{
+              width: "100%",
+              aspectRatio: "16/9",
+              border: "0",
+              borderRadius: "4px",
+              overflow: "hidden",
+              zoom: 0.5,
+            }}
+            title="Footer in application layout"
+            sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"
+          />
+        ),
+      },
+      {
+        title: "Reduced Footer in application layout",
+        content: (
+          <iframe
+            src="https://codesandbox.io/embed/spnryn?view=split&hidenavigation=1&editorsize=0&fontsize=12"
             style={{
               width: "100%",
               aspectRatio: "16/9",