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
- background: "linear-gradient(135deg,#062416 0%,#0b3d24 38%,#083018 68%,#052012 100%)",
 
307
  }}>
308
- {/* Velvet sheen */}
309
- <div style={{ position: "absolute", inset: 0, background: "radial-gradient(ellipse at 30% 20%,rgba(120,220,150,.12) 0%,transparent 55%)", pointerEvents: "none" }} />
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

  • SHA256: 6fa6e4e28a20b3eee4690be3e73bf4d61fb299ca0fb36c69d041b0e4ea7cb594
  • Pointer size: 131 Bytes
  • Size of remote file: 363 kB