From dae690bfb71e49caf3638576ce50f878403f268e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Albert=20Ma=C3=B1osa?=
 <26429103+albertms10@users.noreply.github.com>
Date: Fri, 3 Jan 2025 17:48:58 +0100
Subject: [PATCH] =?UTF-8?q?feat(app):=20=F0=9F=92=84=20p=C3=A0gina=20d?=
 =?UTF-8?q?=E2=80=99inici=20amb=20marcs=20arrodonits?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Albert Mañosa <26429103+albertms10@users.noreply.github.com>
---
 src/app/page.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 824b880..d5edeed 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -51,17 +51,17 @@ export default async function Home() {
   ];
 
   return (
-    <main className="mt-[-56px]">
+    <main>
       <script
         type="application/ld+json"
         dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLD) }}
       />
 
-      <div className="relative">
-        <div className="min-h-[600px] h-screen overflow-hidden flex items-center">
+      <div className="relative p-8">
+        <div className="min-h-[600px] h-[calc(100vh-4rem-56px)] overflow-hidden flex items-center rounded-[3rem] shadow-xl">
           <HomeCarousel images={images} />
         </div>
-        <div className="absolute flex flex-col justify-between gap-24 h-full w-full px-4 min-[425px]:px-8 sm:px-18 md:px-24 lg:px-32 pt-24 sm:pt-32 pb-8 sm:pb-16 top-0">
+        <div className="absolute flex flex-col justify-between gap-24 h-full px-4 min-[425px]:px-8 sm:px-18 md:px-24 lg:px-32 pt-24 sm:pt-32 pb-8 sm:pb-16 top-0">
           <h1
             className={cn(
               "text-5xl lg:text-6xl xl:text-7xl font-semibold text-white/90 drop-shadow-2xl [text-shadow:_0_5px_50px_rgb(0_0_0_/_0.6)] sm:[text-shadow:_0_5px_50px_rgb(0_0_0_/_0.4)]",