From 08f5661c99321bc12b3b7a3889fb6aa4793054df Mon Sep 17 00:00:00 2001
From: Felipe Cardoso <felipe.cardoso@hotmail.it>
Date: Fri, 14 Mar 2025 15:54:53 +0100
Subject: [PATCH] Refactor gift registry UI to use InfoCard component

Simplified the gift registry section by replacing custom JSX with the reusable InfoCard component. This improves code maintainability and consistency in the UI while retaining the existing styles and functionality. Updated InfoCard styling to ensure compatibility with the new use case.
---
 .../src/app/(public)/invite/[slug]/page.tsx     | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/(public)/invite/[slug]/page.tsx b/frontend/src/app/(public)/invite/[slug]/page.tsx
index 288175f..4bd9d85 100644
--- a/frontend/src/app/(public)/invite/[slug]/page.tsx
+++ b/frontend/src/app/(public)/invite/[slug]/page.tsx
@@ -105,7 +105,22 @@ const InvitationPage = () => {
   };
 
   return (
-    <div className="min-h-screen pb-10" style={pageStyle}>
+    <div className="min-h-screen relative overflow-hidden" style={pageStyle}>
+      <div
+        className="absolute inset-0 bg-no-repeat bg-[top_right] bg-cover bg-fixed opacity-15"
+        style={{
+          backgroundImage: `url(${getAssetUrl("background-h")})`,
+        }}
+      >
+        <style jsx>{`
+          @media (min-width: 768px) {
+            div {
+              background-image: url(${getAssetUrl("background-w")});
+            }
+          }
+        `}</style>
+      </div>
+
       <div className="mx-auto max-w-4xl px-4 py-6">
         {/* Wooden Sign Title */}
         <div