1
<div style={{width: 1440, height: 940, paddingTop: 80, paddingBottom: 152, paddingLeft: 100, paddingRight: 100, background: '#181931', backgroundImage: 'url(https://placehold.co/1440x940)', justifyContent: 'flex-start', alignItems: 'center', gap: 120, display: 'inline-flex'}}>
2
  <div style={{flex: '1 1 0', flexDirection: 'column', justifyContent: 'center', alignItems: 'flex-start', gap: 44, display: 'inline-flex'}}>
3
    <div style={{alignSelf: 'stretch', flexDirection: 'column', justifyContent: 'flex-start', alignItems: 'flex-start', gap: 12, display: 'flex'}}>
4
      <div style={{alignSelf: 'stretch', color: 'var(--color-red-55, #EE2D32)', fontSize: 16, fontFamily: 'Manrope', fontWeight: '700', lineHeight: 24, letterSpacing: 0.48, wordWrap: 'break-word'}}>LIVE WEBINAR ON</div>
5
      <div style={{alignSelf: 'stretch', color: 'var(--color-white-solid, white)', fontSize: 56, fontFamily: 'Inter', fontWeight: '800', lineHeight: 80, letterSpacing: 0.84, wordWrap: 'break-word'}}>The Roadmap to Operational Excellence in 2025</div>
6
    </div>
7
    <div style={{justifyContent: 'flex-start', alignItems: 'center', gap: 60, display: 'inline-flex'}}>
8
      <div style={{justifyContent: 'flex-start', alignItems: 'center', gap: 20, display: 'flex'}}>
9
        <div style={{width: 32, height: 32, position: 'relative', overflow: 'hidden'}}>
10
          <div style={{width: 32, height: 32, left: 0, top: 0, position: 'absolute', background: 'var(--color-white--93_3%, rgba(255, 255, 255, 0.93))'}} />
11
        </div>
12
        <div style={{flexDirection: 'column', justifyContent: 'flex-start', alignItems: 'flex-start', gap: 2, display: 'inline-flex'}}>
13
          <div style={{color: 'var(--color-white-solid, white)', fontSize: 28, fontFamily: 'Inter', fontWeight: '700', wordWrap: 'break-word'}}>APRIL 27</div>
14
          <div style={{alignSelf: 'stretch', color: 'var(--color-grey-96, #F4F4F4)', fontSize: 14, fontFamily: 'Manrope', fontWeight: '600', textTransform: 'uppercase', lineHeight: 20, letterSpacing: 0.56, wordWrap: 'break-word'}}>SUNDAY</div>
15
        </div>
16
      </div>
17
      <div style={{justifyContent: 'flex-start', alignItems: 'center', gap: 20, display: 'flex'}}>
18
        <div style={{width: 32, height: 32, position: 'relative', overflow: 'hidden'}}>
19
          <div style={{width: 32, height: 32, left: 0, top: 0, position: 'absolute', background: 'var(--color-white--93_3%, rgba(255, 255, 255, 0.93))'}} />
20
        </div>
21
        <div style={{flexDirection: 'column', justifyContent: 'flex-start', alignItems: 'flex-start', gap: 2, display: 'inline-flex'}}>
22
          <div style={{color: 'var(--color-white-solid, white)', fontSize: 28, fontFamily: 'Inter', fontWeight: '700', wordWrap: 'break-word'}}>11:00 AM</div>
23
          <div style={{alignSelf: 'stretch', color: 'var(--color-grey-96, #F4F4F4)', fontSize: 14, fontFamily: 'Manrope', fontWeight: '600', textTransform: 'uppercase', lineHeight: 20, letterSpacing: 0.56, wordWrap: 'break-word'}}>PACIFIC TIME</div>
24
        </div>
25
      </div>
26
    </div>
27
    <div style={{width: 138, height: 44, paddingLeft: 28, paddingRight: 28, paddingTop: 12, paddingBottom: 12, background: 'rgba(255, 255, 255, 0.05)', overflow: 'hidden', borderRadius: 8, outline: '1.50px white solid', outlineOffset: '-1.50px', justifyContent: 'center', alignItems: 'center', gap: 8, display: 'inline-flex'}}>
28
      <div style={{textAlign: 'center', color: 'var(--color-white-solid, white)', fontSize: 15, fontFamily: 'Manrope', fontWeight: '500', wordWrap: 'break-word'}}>Register now</div>
29
    </div>
30
  </div>
31
  <div style={{width: 500, paddingTop: 28, paddingBottom: 32, paddingLeft: 28, paddingRight: 28, background: 'linear-gradient(0deg, var(--color-white-solid, white) 0%, var(--color-white-solid, white) 100%), var(--color-white-solid, white)', borderRadius: 16, flexDirection: 'column', justifyContent: 'flex-start', alignItems: 'flex-start', gap: 24, display: 'inline-flex'}}>
32
    <div style={{alignSelf: 'stretch', color: '#383C3E', fontSize: 40, fontFamily: 'Inter', fontWeight: '600', wordWrap: 'break-word'}}>Register Now</div>
33
    <div style={{alignSelf: 'stretch', flexDirection: 'column', justifyContent: 'flex-start', alignItems: 'flex-start', gap: 24, display: 'flex'}}>
34
      <div style={{alignSelf: 'stretch', justifyContent: 'flex-start', alignItems: 'center', gap: 20, display: 'inline-flex'}}>
35
        <div style={{flex: '1 1 0', paddingTop: 16, paddingBottom: 12, paddingLeft: 16, paddingRight: 16, borderBottom: '1px #737B7D solid', justifyContent: 'flex-start', alignItems: 'center', gap: 10, display: 'flex'}}>
36
          <div style={{justifyContent: 'center', display: 'flex', flexDirection: 'column', color: '#8E8E8E', fontSize: 16, fontFamily: 'Manrope', fontWeight: '400', lineHeight: 24, wordWrap: 'break-word'}}>First Name</div>
37
        </div>
38
        <div style={{flex: '1 1 0', paddingTop: 16, paddingBottom: 12, paddingLeft: 16, paddingRight: 16, borderBottom: '1px #737B7D solid', justifyContent: 'flex-start', alignItems: 'center', gap: 10, display: 'flex'}}>
39
          <div style={{justifyContent: 'center', display: 'flex', flexDirection: 'column', color: '#8E8E8E', fontSize: 16, fontFamily: 'Manrope', fontWeight: '400', lineHeight: 24, wordWrap: 'break-word'}}>Last Name</div>
40
        </div>
41
      </div>
42
      <div style={{alignSelf: 'stretch', paddingTop: 16, paddingBottom: 12, paddingLeft: 16, paddingRight: 16, borderBottom: '1px #737B7D solid', justifyContent: 'flex-start', alignItems: 'center', gap: 10, display: 'inline-flex'}}>
43
        <div style={{justifyContent: 'center', display: 'flex', flexDirection: 'column', color: '#8E8E8E', fontSize: 16, fontFamily: 'Manrope', fontWeight: '400', lineHeight: 24, wordWrap: 'break-word'}}>Business Email Address</div>
44
      </div>
45
      <div style={{alignSelf: 'stretch', paddingTop: 16, paddingBottom: 12, paddingLeft: 16, paddingRight: 16, borderBottom: '1px #737B7D solid', justifyContent: 'flex-start', alignItems: 'center', gap: 10, display: 'inline-flex'}}>
46
        <div style={{justifyContent: 'center', display: 'flex', flexDirection: 'column', color: '#8E8E8E', fontSize: 16, fontFamily: 'Manrope', fontWeight: '400', lineHeight: 24, wordWrap: 'break-word'}}>Your Job Title</div>
47
      </div>
48
      <div style={{alignSelf: 'stretch', paddingTop: 16, paddingBottom: 12, paddingLeft: 16, paddingRight: 16, borderBottom: '1px #737B7D solid', justifyContent: 'flex-start', alignItems: 'center', gap: 10, display: 'inline-flex'}}>
49
        <div style={{justifyContent: 'center', display: 'flex', flexDirection: 'column', color: '#8E8E8E', fontSize: 16, fontFamily: 'Manrope', fontWeight: '400', lineHeight: 24, wordWrap: 'break-word'}}>Company Name</div>
50
      </div>
51
      <div style={{alignSelf: 'stretch', paddingTop: 16, paddingBottom: 12, paddingLeft: 16, paddingRight: 16, borderBottom: '1px #737B7D solid', justifyContent: 'space-between', alignItems: 'center', display: 'inline-flex'}}>
52
        <div style={{justifyContent: 'center', display: 'flex', flexDirection: 'column', color: '#8E8E8E', fontSize: 16, fontFamily: 'Manrope', fontWeight: '400', lineHeight: 24, wordWrap: 'break-word'}}>How did yoy hear about this webinar?</div>
53
        <div style={{width: 24, height: 24, position: 'relative'}}>
54
          <div style={{width: 9.60, height: 4.80, left: 16.80, top: 14.40, position: 'absolute', transform: 'rotate(-180deg)', transformOrigin: 'top left', outline: '1.50px var(--color-black--40%, rgba(0, 0, 0, 0.40)) solid', outlineOffset: '-0.75px'}} />
55
        </div>
56
      </div>
57
    </div>
58
    <div style={{alignSelf: 'stretch', flexDirection: 'column', justifyContent: 'flex-start', alignItems: 'flex-start', display: 'flex'}}>
59
      <div style={{alignSelf: 'stretch', paddingTop: 12, paddingBottom: 12, paddingLeft: 4, borderRadius: 4, justifyContent: 'flex-start', alignItems: 'flex-start', gap: 8, display: 'inline-flex'}}>
60
        <div style={{width: 24, height: 24, position: 'relative'}}>
61
          <div style={{width: 16, height: 16, left: 4, top: 4, position: 'absolute', background: 'white', borderRadius: 2, border: '1px #737B7D solid'}} />
62
        </div>
63
        <div style={{flex: '1 1 0', justifyContent: 'center', display: 'flex', flexDirection: 'column', color: '#383C3E', fontSize: 14, fontFamily: 'Manrope', fontWeight: '400', lineHeight: 20, wordWrap: 'break-word'}}>By submitting this form, I consent to FutureBridge's Privacy Policy.*</div>
64
      </div>
65
      <div style={{alignSelf: 'stretch', paddingTop: 12, paddingBottom: 12, paddingLeft: 4, borderRadius: 4, justifyContent: 'flex-start', alignItems: 'flex-start', gap: 8, display: 'inline-flex'}}>
66
        <div style={{width: 24, height: 24, position: 'relative'}}>
67
          <div style={{width: 16, height: 16, left: 4, top: 4, position: 'absolute', background: 'white', borderRadius: 2, border: '1px #737B7D solid'}} />
68
        </div>
69
        <div style={{flex: '1 1 0', justifyContent: 'center', display: 'flex', flexDirection: 'column', color: '#383C3E', fontSize: 14, fontFamily: 'Manrope', fontWeight: '400', lineHeight: 20, wordWrap: 'break-word'}}>I consent to receive communication from FutureBridge. I can change preferences or unsubscribe anytime.*</div>
70
      </div>
71
    </div>
72
    <div style={{paddingLeft: 24, paddingRight: 24, paddingTop: 12, paddingBottom: 12, background: 'var(--color-red-55, #EE2D32)', borderRadius: 8, justifyContent: 'flex-start', alignItems: 'center', gap: 4, display: 'inline-flex'}}>
73
      <div style={{textAlign: 'center', color: 'var(--color-white-solid, white)', fontSize: 15, fontFamily: 'Manrope', fontWeight: '500', wordWrap: 'break-word'}}>Register</div>
74
    </div>
75
  </div>
76
</div>