fix hero section layout in homepage

2026-06-24 12:53:36 +05:30
parent 230be11899
commit 6ddfc57217
18 changed files with 514 additions and 454 deletions
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -1131,6 +1131,41 @@ body {
  z-index: 1;
 }

+/* ─── Shared Premium Framed Layout Classes ─── */
+.page-canvas {
+  @apply bg-[#E6D7EA] flex flex-col gap-0;
+}
+
+.page-frame {
+  @apply mx-auto w-full;
+  max-width: min(100% - 16px, 1560px);
+}
+
+@media (min-width: 640px) {
+  .page-frame {
+    max-width: min(100% - 24px, 1560px);
+  }
+}
+
+@media (min-width: 1024px) {
+  .page-frame {
+    max-width: min(100% - 40px, 1680px);
+  }
+}
+
+@media (min-width: 1536px) {
+  .page-frame {
+    max-width: min(100% - 56px, 1840px);
+  }
+}
+
+@media (min-width: 2560px) {
+  .page-frame {
+    max-width: min(100% - 96px, 2200px);
+  }
+}
+
+