// Part 3: Real reviews, urgency, FAQ, guarantee, final CTA, footer
// MOBILE-FIXED VERSION

const C3 = window.FLY_C;

// ============ REAL REVIEWS ============
const Reviews = () => {
  const m = FLY_useIsMobile();
  const reviews = [
  {
    n: 'Portia Howard', r: 'Mom of Dorian', s: 5,
    q: 'BCBA Danielle and RBT Tiffany have poured so much love, patience, and intention into my son. Danielle has a way of truly seeing him, not just his challenges, but his strengths. He lights up when he sees Tiffany. The progress has been life-changing.',
    h: 'Life-changing progress'
  },
  {
    n: 'Brittany Wood', r: 'Mom of daughter', s: 5,
    q: 'There are not enough words in the English language to express my gratitude for our ABA team. Our daughter wakes up each day excited to see her therapist. We as parents feel so seen, heard, and understood. I don\'t know where I\'d be without them.',
    h: 'I feel seen, heard, understood'
  },
  {
    n: 'Nicole Birchmore', r: 'Mom of son', s: 5,
    q: 'I was referred by a coworker and I thank God for that moment. Gabby (BCBA) came in and knew exactly what plan to make. Grace (ABA therapist) executed perfectly. I already see so much change. Behaviors, focus, using his words more.',
    h: '"I thank God for that moment"'
  },
  {
    n: 'Paula Thomas', r: 'Grandmother', s: 5,
    q: 'After only a month of therapy, my 6 yr old autistic grandson who would not have considered going up to a total stranger, stopped, thought for a moment, then sweetly asked a mother and child if he could sit in front of them. To our amazement.',
    h: 'After only one month'
  },
  {
    n: 'Gina Gonzalez Diaz', r: 'Mom of Greyson', s: 5,
    q: 'I appreciate everything you\'ve done for my son and I. Summer is absolutely the best, a new member of my family. He\'s less aggressive and much more calmer now. She\'s a true blessing and life without her would be hard.',
    h: 'Less aggressive. Much calmer.'
  },
  {
    n: 'Ivonne Rodriguez', r: 'Mom of son', s: 5,
    q: 'He already knows what to do when she arrives and gets excited to see her. He is showing progress already. I feel that this has been so helpful to have as a part of our new routine. I wish I would have started this sooner.',
    h: '"I wish I had started sooner"'
  }];

  return (
    <section style={{ background: C3.cream, padding: m ? '56px 20px' : '88px 40px' }}>
      <div style={{ maxWidth: 1240, margin: '0 auto' }}>
        <div style={{ textAlign: 'center', marginBottom: m ? 28 : 48 }}>
          <h2 style={{ margin: 0, fontSize: m ? 28 : 52, fontWeight: 800, color: C3.navy, letterSpacing: '-0.02em', lineHeight: 1.02, textTransform: 'uppercase', textWrap: 'balance' }}>
            Families like yours<br />
            <span style={{ color: C3.coral }}>see real results.</span>
          </h2>
          <div style={{ display: 'inline-flex', alignItems: 'center', gap: m ? 8 : 14, marginTop: m ? 16 : 22, background: '#fff', padding: m ? '10px 16px' : '12px 22px', borderRadius: 99, border: `1px solid ${C3.line}` }}>
            <span style={{ color: C3.yellow, letterSpacing: 3, fontSize: m ? 14 : 18 }}>★★★★★</span>
            <span style={{ fontSize: m ? 12 : 14, color: C3.navy, fontWeight: 700 }}>4.9 on Google · 120+ verified reviews</span>
          </div>
        </div>

        <div style={{ display: 'grid', gridTemplateColumns: m ? '1fr' : 'repeat(3, 1fr)', gap: m ? 14 : 18 }}>
          {reviews.map((r, i) =>
          <figure key={i} style={{
            margin: 0, background: '#fff', padding: m ? 20 : 26, borderRadius: m ? 16 : 20,
            border: `1px solid ${C3.line}`, display: 'flex', flexDirection: 'column', gap: m ? 10 : 14,
            position: 'relative'
          }}>
              <span style={{ color: C3.yellow, letterSpacing: 2, fontSize: 14 }}>{'★'.repeat(r.s)}</span>
              <h4 style={{ margin: 0, fontSize: m ? 16 : 18, color: C3.navy, fontWeight: 800, letterSpacing: '-0.015em', lineHeight: 1.25 }}>
                "{r.h}"
              </h4>
              <blockquote style={{ margin: 0, fontSize: m ? 13.5 : 14.5, color: C3.ink, lineHeight: 1.55 }}>
                {r.q}
              </blockquote>
              <figcaption style={{ marginTop: 'auto', display: 'flex', alignItems: 'center', gap: 12, paddingTop: m ? 10 : 14, borderTop: `1px solid ${C3.line}` }}>
                <div style={{ width: m ? 32 : 38, height: m ? 32 : 38, borderRadius: 99, background: C3.coralSoft, color: C3.coralDeep, display: 'flex', alignItems: 'center', justifyContent: 'center', fontWeight: 800, fontSize: m ? 11 : 13 }}>
                  {r.n.split(' ').map((x) => x[0]).join('')}
                </div>
                <div style={{ flex: 1 }}>
                  <div style={{ fontSize: m ? 12 : 13.5, fontWeight: 800, color: C3.navy }}>{r.n}</div>
                  <div style={{ fontSize: m ? 11 : 12, color: C3.muted }}>{r.r}</div>
                </div>
                <div style={{ display: 'flex', alignItems: 'center', gap: 6, fontSize: m ? 9 : 10, color: C3.muted, letterSpacing: '0.14em', fontWeight: 800 }}>
                  VERIFIED · GOOGLE
                </div>
              </figcaption>
            </figure>
          )}
        </div>
      </div>
    </section>);

};

// ============ URGENCY / WHY NOW ============
const WhyNow = () => {
  const m = FLY_useIsMobile();
  return (
    <section style={{ background: C3.navy, color: '#fff', padding: m ? '56px 20px' : '88px 40px', position: 'relative', overflow: 'hidden' }}>
      <div style={{ position: 'absolute', top: -150, left: -100, width: m ? 300 : 500, height: m ? 300 : 500, borderRadius: 99, background: C3.coral, opacity: 0.15, filter: 'blur(60px)' }} />
      <div style={{ maxWidth: 1100, margin: '0 auto', position: 'relative', display: m ? 'flex' : 'grid', flexDirection: 'column', gridTemplateColumns: m ? undefined : '1fr 1fr', gap: m ? 32 : 64, alignItems: 'center' }}>
        <div>
          <h2 style={{ margin: '0 0 18px', fontSize: m ? 32 : 56, fontWeight: 800, color: '#fff', letterSpacing: '-0.025em', lineHeight: 1.0, textTransform: 'uppercase', textWrap: 'balance' }}>
            Every week matters.<br />
            <span style={{ color: C3.coral }}>Especially these.</span>
          </h2>
          <p style={{ fontSize: m ? 15 : 18, color: 'rgba(255,255,255,0.8)', lineHeight: 1.6, margin: 0 }}>
            The research is settled: <strong style={{ color: '#fff' }}>early, intensive ABA produces the strongest gains.</strong> The average waitlist at most centers is 6 to 12 months. That's 26 to 52 weeks of skills not built, behaviors not redirected, words not spoken.
          </p>
          <p style={{ fontSize: m ? 15 : 18, color: 'rgba(255,255,255,0.8)', lineHeight: 1.6, margin: '16px 0 28px' }}>
            We have openings right now in {C3.city}. The full-day program has limited spots, and we add families in the order they call.
          </p>
          <a href={`tel:${C3.phoneRaw}`} style={{
            display: 'inline-flex', alignItems: 'center', justifyContent: 'center', gap: 12,
            background: C3.coral, color: '#fff', textDecoration: 'none',
            padding: m ? '16px 24px' : '18px 28px', borderRadius: 99, fontWeight: 800, fontSize: 13,
            letterSpacing: '0.14em', textTransform: 'uppercase',
            width: m ? '100%' : 'auto'
          }}>
            <FLY_PhoneIcon size={15} /> Claim your spot: {C3.phone}
          </a>
        </div>

        <div style={{ borderRadius: 24, overflow: 'hidden', maxHeight: m ? 300 : 500 }}>
          <img src="https://flywheelcenters.com/wp-content/uploads/2025/12/flywheel-banner-img.webp" alt={"Inside Flywheel Centers " + C3.city} style={{ width: '100%', height: '100%', objectFit: 'cover', display: 'block' }} />
        </div>
      </div>
    </section>
  );
};


// ============ PHOTO GALLERY ============
const PhotoGallery = () => {
  const m = FLY_useIsMobile();
  return (
    <section style={{ background: '#f5ecd9', padding: m ? '48px 20px' : '72px 40px' }}>
      <div style={{ maxWidth: 1240, margin: '0 auto' }}>
        <div style={{ textAlign: 'center', marginBottom: m ? 24 : 40 }}>
          <h2 style={{ margin: 0, fontSize: m ? 28 : 48, fontWeight: 800, color: C3.navy, letterSpacing: '-0.02em', lineHeight: 1.05, textTransform: 'uppercase' }}>
            Inside our <span style={{ color: C3.coral }}>{C3.city} center.</span>
          </h2>
        </div>
        <div style={{ display: 'grid', gridTemplateColumns: m ? '1fr' : 'repeat(3, 1fr)', gap: m ? 12 : 16 }}>
          {[
            { src: 'https://flywheelcenters.com/wp-content/uploads/2026/01/Flywheel-Centers-ABA-6.png', alt: 'Therapist working with child at Flywheel Centers' },
            { src: 'https://flywheelcenters.com/wp-content/uploads/2026/01/Flywheel-Centers-ABA-2.png', alt: 'ABA therapy session at Flywheel Centers' },
            { src: 'https://flywheelcenters.com/wp-content/uploads/2026/01/Flywheel-Centers-ABA-7.png', alt: 'Flywheel Centers therapist with child' },
          ].map((img, i) =>
            <div key={i} style={{ borderRadius: m ? 16 : 20, overflow: 'hidden', aspectRatio: '4/3' }}>
              <img src={img.src} alt={img.alt} style={{ width: '100%', height: '100%', objectFit: 'cover', display: 'block' }} />
            </div>
          )}
        </div>
      </div>
    </section>
  );
};


// ============ GUARANTEE / RISK REVERSAL ============
const Guarantee = () => {
  const m = FLY_useIsMobile();
  return (
    <section style={{ background: C3.cream, padding: m ? '56px 20px' : '88px 40px' }}>
      <div style={{ maxWidth: 900, margin: '0 auto', background: '#fff', borderRadius: m ? 20 : 28, padding: m ? '32px 24px' : 56, border: `2px dashed ${C3.coral}`, textAlign: 'center', position: 'relative' }}>
        <div style={{ position: 'absolute', top: -22, left: '50%', transform: 'translateX(-50%)', background: C3.coral, color: '#fff', padding: '8px 20px', borderRadius: 99, fontWeight: 800, letterSpacing: '0.2em', fontSize: m ? "11px" : "14px", whiteSpace: 'nowrap' }}>
          OUR PROMISE TO YOU
        </div>
        <h2 style={{ margin: '8px 0 16px', fontSize: m ? 24 : 44, fontWeight: 800, color: C3.navy, letterSpacing: '-0.02em', lineHeight: 1.05, textTransform: 'uppercase', textWrap: 'balance' }}>
          Zero surprises. Zero pressure.<br />
          <span style={{ color: C3.coral }}>If we're not a fit, we'll say so.</span>
        </h2>
        <p style={{ fontSize: m ? 15 : 18, color: C3.muted, lineHeight: 1.6, margin: '0 auto', maxWidth: 640 }}>
          Your free consultation is exactly that: free. We verify your insurance up front so you'll never see a surprise bill. If Flywheel isn't the right fit for your child, we'll tell you straight and point you to providers who are.
        </p>
        <div style={{ display: 'grid', gridTemplateColumns: m ? '1fr' : 'repeat(3, 1fr)', gap: m ? 10 : 14, marginTop: m ? 24 : 36, textAlign: 'left' }}>
          {[
            { t: 'No surprise bills', d: 'Insurance verified before your first visit.' },
            { t: 'No long commitment', d: 'Programs evaluated every 30 days with your input.' },
            { t: 'No pressure tactics', d: 'If it\'s not a fit, we\'ll refer you out, honestly.' }].
            map((p, i) =>
            <div key={i} style={{ background: C3.cream, padding: m ? 16 : 20, borderRadius: 14, border: `1px solid ${C3.line}` }}>
              <span style={{ width: 30, height: 30, borderRadius: 99, background: C3.coral, color: '#fff', display: 'inline-flex', alignItems: 'center', justifyContent: 'center' }}><FLY_CheckIcon size={14} /></span>
              <div style={{ marginTop: 12, fontSize: m ? 15 : 16, fontWeight: 800, color: C3.navy }}>{p.t}</div>
              <div style={{ color: C3.muted, marginTop: 4, lineHeight: 1.5, fontSize: m ? "13px" : "14px" }}>{p.d}</div>
            </div>
          )}
        </div>
      </div>
    </section>
  );
};


// ============ INSURANCE ============
const Insurance = () => {
  const m = FLY_useIsMobile();
  return (
    <section style={{ background: '#fff', padding: m ? '48px 20px' : '72px 40px', textAlign: 'center' }}>
      <div style={{ maxWidth: 800, margin: '0 auto' }}>
        <h3 style={{ margin: '0 0 14px', fontSize: m ? 24 : 36, fontWeight: 800, color: C3.navy, letterSpacing: '-0.02em', lineHeight: 1.1, textTransform: 'uppercase' }}>
          North Carolina Medicaid + most insurances <span style={{ color: C3.coral }}>accepted.</span>
        </h3>
        <p style={{ margin: '0 auto 28px', fontSize: m ? 15 : 17, color: C3.muted, lineHeight: 1.6, maxWidth: 600 }}>
          We work with all major North Carolina insurance providers. Our team verifies, submits, fights denials, and bills so you can focus on your child.
        </p>
        <a href={'tel:' + C3.phoneRaw} style={{
          display: 'inline-flex', alignItems: 'center', justifyContent: 'center', gap: 12,
          background: C3.navy, color: '#fff', textDecoration: 'none',
          padding: m ? '14px 24px' : '16px 28px', borderRadius: 99, fontWeight: 800, fontSize: 13,
          letterSpacing: '0.14em', textTransform: 'uppercase',
          width: m ? '100%' : 'auto'
        }}>
          Verify my insurance →
        </a>
      </div>
    </section>
  );
};


// ============ FAQ ============
const FAQ = () => {
  const m = FLY_useIsMobile();
  const items = [
  { q: 'Does insurance cover ABA therapy at Flywheel?', a: 'Yes. Most major insurance plans cover ABA therapy for children with an autism diagnosis. We accept North Carolina Medicaid plus most major commercial insurances. We handle verification, billing, and all paperwork so you\'ll know exactly what\'s covered before your first visit.' },
  { q: 'How quickly can my child actually start?', a: 'Most families begin within 2 weeks of their initial consultation. We don\'t maintain a waitlist. If we have the capacity to start your child well, we will. If we don\'t, we\'ll tell you immediately and refer you to providers who can.' },
  { q: 'What ages do you serve?', a: 'Our full-day preschool ABA program is built for children ages 2 to 6, with individualized plans for every child. We also offer in-home and center-based therapy for older children depending on need. Call us and we\'ll talk through whether your child is a fit.' },
  { q: 'How many hours per week is typical?', a: 'Most children in our full-day program attend 25 to 35 hours per week, the dosage backed by research for the strongest gains. We discuss this during your free consultation based on your child\'s assessment.' },
  { q: 'Is the program just ABA, or is it real preschool too?', a: 'Both. Full-day means circle time, structured learning, family-style meals, peer play, and outdoor time, all woven with BCBA-supervised ABA. Speech and OT are integrated on-site, so you\'re not driving to three different offices.' },
  { q: 'Will my child work with the same therapist consistently?', a: 'Yes. We prioritize consistency by assigning primary RBTs and supervising BCBAs to each child. This builds trust, rapport, and faster progress.' },
  { q: 'What\'s your address?', a: C3.address1 + ', ' + C3.address2 + '. Convenient parking and easy access from surrounding communities.' },
  { q: 'What if Flywheel isn\'t right for us?', a: 'We\'ll say so. Our care managers will refer you to other quality providers in the ' + C3.city + ' area if we\'re not the best fit. Your child\'s progress matters more than our enrollment numbers.' }];

  return (
    <section style={{ background: C3.cream, padding: m ? '56px 20px' : '88px 40px' }}>
      <div style={{ maxWidth: 880, margin: '0 auto' }}>
        <div style={{ textAlign: 'center', marginBottom: m ? 24 : 40 }}>
          <h2 style={{ margin: 0, fontSize: m ? 26 : 48, fontWeight: 800, color: C3.navy, letterSpacing: '-0.02em', lineHeight: 1.02, textTransform: 'uppercase', textWrap: 'balance' }}>
            Frequently asked questions<br />
            <span style={{ color: C3.coral }}>about ABA at Flywheel</span>
          </h2>
        </div>
        <div style={{ display: 'flex', flexDirection: 'column', gap: m ? 8 : 10 }}>
          {items.map((it, i) =>
          <details key={i} open={i === 0} style={{ background: '#fff', padding: m ? '16px 18px' : '22px 26px', borderRadius: m ? 12 : 14, border: `1px solid ${C3.line}` }}>
              <summary style={{ fontSize: m ? 15 : 17, fontWeight: 800, color: C3.navy, cursor: 'pointer', listStyle: 'none', display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: 12, letterSpacing: '-0.01em' }}>
                <span>{it.q}</span>
                <span style={{ color: C3.coral, fontSize: m ? 18 : 22, fontWeight: 800, flexShrink: 0 }}>+</span>
              </summary>
              <p style={{ margin: '12px 0 0', fontSize: m ? 14 : 15, color: C3.muted, lineHeight: 1.65 }}>{it.a}</p>
            </details>
          )}
        </div>
      </div>
    </section>);
};


// ============ FINAL CTA ============
const FinalCTA = () => {
  const m = FLY_useIsMobile();
  return (
    <section style={{ background: C3.navy, color: '#fff', padding: m ? '56px 20px 64px' : '96px 40px', position: 'relative', overflow: 'hidden', textAlign: 'center' }}>
      <div style={{ position: 'absolute', top: -100, right: -100, width: m ? 300 : 500, height: m ? 300 : 500, borderRadius: 99, background: C3.coral, opacity: 0.2, filter: 'blur(60px)' }} />
      <div style={{ position: 'absolute', bottom: -150, left: -100, width: m ? 200 : 400, height: m ? 200 : 400, borderRadius: 99, background: '#3b82f6', opacity: 0.12, filter: 'blur(60px)' }} />
      <div style={{ maxWidth: 880, margin: '0 auto', position: 'relative' }}>
        <span style={{ fontSize: 11, color: C3.coral, fontWeight: 800, letterSpacing: '0.22em' }}>YOUR MOVE</span>
        <h2 style={{ margin: '16px 0 18px', fontSize: m ? 36 : 72, fontWeight: 800, letterSpacing: '-0.025em', lineHeight: 1.0, textTransform: 'uppercase', textWrap: 'balance', color: '#fff' }}>
          One short call.<br />
          <span style={{ color: C3.coral }}>A different next year.</span>
        </h2>
        <p style={{ fontSize: m ? 16 : 20, color: 'rgba(255,255,255,0.75)', lineHeight: 1.55, margin: '0 auto 28px', maxWidth: 600 }}>
          Fifteen minutes is all it takes to know if Flywheel is right for your child. No commitment. No pressure. Just answers.
        </p>

        {m ? (
          /* Mobile: simpler stacked CTA button */
          <a href={`tel:${C3.phoneRaw}`} style={{
            display: 'flex', alignItems: 'center', justifyContent: 'center', gap: 12,
            background: C3.coral, color: '#fff', textDecoration: 'none',
            padding: '18px 24px', borderRadius: 16, fontWeight: 800,
            boxShadow: '0 20px 40px -12px rgba(238,115,80,0.55)',
            width: '100%', flexDirection: 'column'
          }}>
            <span style={{ fontSize: 12, fontWeight: 700, letterSpacing: '0.16em', opacity: 0.85 }}>CALL NOW · LIVE SPECIALIST</span>
            <span style={{ fontSize: 28, fontWeight: 800, letterSpacing: '-0.02em', display: 'flex', alignItems: 'center', gap: 10 }}>
              <FLY_PhoneIcon size={22} /> {C3.phone}
            </span>
          </a>
        ) : (
          /* Desktop: original horizontal CTA */
          <a href={`tel:${C3.phoneRaw}`} style={{
            display: 'inline-flex', alignItems: 'center', gap: 18,
            background: C3.coral, color: '#fff', textDecoration: 'none',
            padding: '24px 36px', borderRadius: 20, fontWeight: 800,
            boxShadow: '0 30px 60px -16px rgba(238,115,80,0.65)'
          }}>
            <div style={{ width: 56, height: 56, borderRadius: 14, background: 'rgba(255,255,255,0.18)', display: 'flex', alignItems: 'center', justifyContent: 'center' }}>
              <FLY_PhoneIcon size={26} />
            </div>
            <div style={{ display: 'flex', flexDirection: 'column', lineHeight: 1.15, textAlign: 'left' }}>
              <span style={{ fontSize: 12, fontWeight: 700, letterSpacing: '0.16em', opacity: 0.85 }}>CALL NOW · LIVE SPECIALIST</span>
              <span style={{ fontSize: 36, fontWeight: 800, letterSpacing: '-0.02em' }}>{C3.phone}</span>
            </div>
            <span style={{ fontSize: 28, opacity: 0.85, marginLeft: 8 }}>→</span>
          </a>
        )}

        <div style={{ display: 'flex', justifyContent: 'center', gap: m ? 12 : 24, marginTop: m ? 20 : 28, flexWrap: 'wrap', fontSize: m ? 12 : 14, color: 'rgba(255,255,255,0.65)' }}>
          <span>Mon-Fri · 8a-6p ET · {C3.city}, {C3.state}</span>
          <span style={{ opacity: 0.3 }}>|</span>
          <span>Same-day callbacks</span>
          <span style={{ opacity: 0.3 }}>|</span>
          <span>HIPAA-secure</span>
        </div>

        {/* P.S. */}
        <div style={{ marginTop: m ? 32 : 56, padding: m ? 20 : 28, background: 'rgba(255,255,255,0.05)', backdropFilter: 'blur(10px)', borderRadius: m ? 16 : 20, border: '1px solid rgba(255,255,255,0.1)', textAlign: 'left', maxWidth: 720, margin: m ? '32px auto 0' : '56px auto 0' }}>
          <div style={{ fontSize: m ? 15 : 18, fontWeight: 500, lineHeight: 1.6, color: 'rgba(255,255,255,0.9)' }}>
            <strong style={{ color: C3.coral, fontWeight: 800 }}>P.S.</strong> If your child's already been on a waitlist somewhere else, you know how every week feels. We have a few open spots in our full-day program right now. The best time to call was last month. The next best time is right now.
          </div>
        </div>
      </div>
    </section>
  );
};


// ============ FOOTER ============
const Footer = () => {
  const m = FLY_useIsMobile();
  return (
    <footer style={{ background: '#0a0f25', color: 'rgba(255,255,255,0.6)', padding: m ? '32px 20px 100px' : '40px 40px 28px', fontSize: 13 }}>
      <div style={{ maxWidth: 1240, margin: '0 auto', display: 'flex', justifyContent: 'space-between', alignItems: m ? 'center' : 'flex-start', gap: m ? 20 : 40, flexWrap: 'wrap', flexDirection: m ? 'column' : 'row', textAlign: m ? 'center' : 'left' }}>
        <div>
          <span style={{ fontSize: 24, fontWeight: 800, color: '#fff', letterSpacing: '-0.04em', display: 'inline-flex', alignItems: 'baseline', gap: 4 }}>
            flywheel<FLY_Mark size={18} color={C3.coral} />
          </span>
          <div style={{ marginTop: 12, fontSize: 13, lineHeight: 1.6 }}>
            {C3.address1}<br />
            {C3.address2}<br />
            <a href={`tel:${C3.phoneRaw}`} style={{ color: C3.coral, textDecoration: 'none', fontWeight: 700 }}>{C3.phone}</a>
          </div>
        </div>
        <div style={{ fontSize: 12, opacity: 0.7, textAlign: m ? 'center' : 'right' }}>
          © 2026 Flywheel Centers · {C3.city}, {C3.state} · HIPAA Compliant<br />
          Terms · Privacy · Accessibility
        </div>
      </div>
    </footer>
  );
};


// ============ STICKY MOBILE BAR ============
const StickyMobile = () =>
<div className="sticky-mobile" style={{ display: 'none' }}>
  <a href={'tel:' + C3.phoneRaw} style={{
    display: 'flex', alignItems: 'center', gap: 12,
    background: C3.coral, color: '#fff', textDecoration: 'none',
    padding: '14px 28px', borderRadius: 99, fontWeight: 800, fontSize: 14,
    letterSpacing: '0.1em', textTransform: 'uppercase', width: '100%', justifyContent: 'center'
  }}>
    <FLY_PhoneIcon size={16} /> CALL NOW {C3.phone}
  </a>
</div>;


window.FLY_Reviews = Reviews;
window.FLY_WhyNow = WhyNow;
window.FLY_PhotoGallery = PhotoGallery;
window.FLY_Guarantee = Guarantee;
window.FLY_Insurance = Insurance;
window.FLY_FAQ = FAQ;
window.FLY_FinalCTA = FinalCTA;
window.FLY_Footer = Footer;
window.FLY_StickyMobile = StickyMobile;