Content Banner default and sm breakpoint

2025-09-08 18:34:28 -06:00
parent d22f10af0d
commit d500cf2c91
5 changed files with 45 additions and 29 deletions
@@ -0,0 +1,25 @@
+"use client";
+
+import { getAssetPath } from "../../lib/assetUtils";
+import ContentContainer from "./ContentContainer";
+
+export default function ContentBanner({ post }) {
+  return (
+    <div className="pt-[var(--measures-spacing-016)] h-[275px] sm:h-[326px] relative w-full sm:overflow-hidden">
+      {/* Background SVG */}
+      <div
+        className="absolute inset-0 w-full h-full bg-cover bg-no-repeat aspect-[320/225.5]"
+        style={{
+          backgroundImage: `url(${getAssetPath("assets/Content_Banner.svg")})`,
+          backgroundPosition: "center bottom",
+        }}
+      />
+
+      {/* Content Container */}
+      <div className="relative z-10 h-full flex flex-col justify-center pl-[var(--measures-spacing-016)] pr-[96px]">
+        {/* ContentContainer with post data */}
+        <ContentContainer post={post} size="responsive" />
+      </div>
+    </div>
+  );
+}