Spaces:
Running
Running
AIBRUH commited on
Commit Β·
40e6be6
1
Parent(s): dc5f14f
Deploy: real green velvet fleur-de-lis photo in Build/Create/Deploy banner
Browse files
components/CliqueFlagship.tsx
CHANGED
|
@@ -296,29 +296,14 @@ function FleurGreenBanner() {
|
|
| 296 |
{ icon: "β", title: "Deploy", body: "Ship them to your device, site, or channels the moment the meeting ends. One click." },
|
| 297 |
];
|
| 298 |
|
| 299 |
-
/* Staggered fleur-de-lis field */
|
| 300 |
-
const rows = Array.from({ length: 7 });
|
| 301 |
-
const cols = Array.from({ length: 11 });
|
| 302 |
-
|
| 303 |
return (
|
| 304 |
<section className="cf-pad" style={{
|
| 305 |
position: "relative", overflow: "hidden", padding: "120px 60px",
|
| 306 |
-
|
|
|
|
| 307 |
}}>
|
| 308 |
-
{/*
|
| 309 |
-
<div style={{ position: "absolute", inset: 0, background: "radial-gradient(ellipse at
|
| 310 |
-
<div style={{ position: "absolute", inset: 0, background: "radial-gradient(ellipse at 80% 90%,rgba(0,0,0,.5) 0%,transparent 60%)", pointerEvents: "none" }} />
|
| 311 |
-
|
| 312 |
-
{/* Fleur-de-lis pattern */}
|
| 313 |
-
<div style={{ position: "absolute", inset: 0, display: "flex", flexDirection: "column", justifyContent: "space-around", pointerEvents: "none", opacity: 0.9 }} aria-hidden="true">
|
| 314 |
-
{rows.map((_, r) => (
|
| 315 |
-
<div key={r} style={{ display: "flex", justifyContent: "space-around", paddingLeft: r % 2 ? 48 : 0 }}>
|
| 316 |
-
{cols.map((_, c) => (
|
| 317 |
-
<span key={c} style={{ fontSize: 30, color: "#c8a951", opacity: 0.14, lineHeight: 1 }}>β</span>
|
| 318 |
-
))}
|
| 319 |
-
</div>
|
| 320 |
-
))}
|
| 321 |
-
</div>
|
| 322 |
|
| 323 |
<div style={{ position: "relative", zIndex: 2, textAlign: "center", maxWidth: 900, margin: "0 auto" }}>
|
| 324 |
<div style={{ fontSize: 22, letterSpacing: 18, color: "rgba(200,169,81,.55)", marginBottom: 22 }}>β β β</div>
|
|
|
|
| 296 |
{ icon: "β", title: "Deploy", body: "Ship them to your device, site, or channels the moment the meeting ends. One click." },
|
| 297 |
];
|
| 298 |
|
|
|
|
|
|
|
|
|
|
|
|
|
| 299 |
return (
|
| 300 |
<section className="cf-pad" style={{
|
| 301 |
position: "relative", overflow: "hidden", padding: "120px 60px",
|
| 302 |
+
backgroundImage: "url('/images/green-velvet-fleur.jpg')",
|
| 303 |
+
backgroundSize: "cover", backgroundPosition: "center", backgroundRepeat: "no-repeat",
|
| 304 |
}}>
|
| 305 |
+
{/* Darken edges so copy stays readable over the velvet */}
|
| 306 |
+
<div style={{ position: "absolute", inset: 0, background: "radial-gradient(ellipse at center,rgba(3,10,6,.35) 0%,rgba(3,10,6,.75) 100%)", pointerEvents: "none" }} />
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 307 |
|
| 308 |
<div style={{ position: "relative", zIndex: 2, textAlign: "center", maxWidth: 900, margin: "0 auto" }}>
|
| 309 |
<div style={{ fontSize: 22, letterSpacing: 18, color: "rgba(200,169,81,.55)", marginBottom: 22 }}>β β β</div>
|
public/images/green-velvet-fleur.jpg
ADDED
|
Git LFS Details
|