import { LogoFull } from './LogoFull.jsx';
import { Marquee } from './Marquee.jsx';
import { Social3 } from './Social3.jsx';

// figma node: 8730:19668 Footer (2 variants)
const __venc = (v) => String(v).replace(/[%|=]/g, encodeURIComponent);
const __vkey = (p) => "type=" + __venc(p.type);

export function Footer(_p = {}) {
  const props = { ..._p, type: _p.type ?? "01" };
  const __body0 = () => (
    <div className={props.className} style={{
      width: 1440,
      height: 827,
      overflow: "hidden",
      backgroundColor: "rgb(12,30,24)",
      display: "flex",
      flexDirection: "column",
      gap: "calc(var(--spacing-80-3) * 1px)",
      padding: "80px 32px 32px 32px",
      alignItems: "flex-start",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      paddingLeft: "calc(var(--grid-page-padding-6) * 1px)",
      paddingTop: "calc(var(--section-padding-small-3) * 1px)",
      paddingRight: "calc(var(--grid-page-padding-6) * 1px)",
      paddingBottom: "calc(var(--section-padding-extra-small) * 1px)",
      position: "relative",
      ...props.style,
    }}>
      <Marquee
        style={{
          position: "relative",
          flexShrink: 0,
          alignSelf: "stretch",
          width: "auto",
        }}
        text1={"Mobilité sans compromis"}
        property1={"default"}
      />
      <div style={{
        position: "relative",
        height: 491,
        display: "flex",
        flexDirection: "row",
        gap: "calc(var(--grid-column-gap-3) * 1px)",
        alignItems: "flex-start",
        flexWrap: "nowrap",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>
        <div style={{
          position: "relative",
          width: "calc(var(--width-3-columns-2) * 1px)",
          display: "flex",
          flexDirection: "column",
          justifyContent: "space-between",
          alignItems: "flex-start",
          flexWrap: "nowrap",
          flexShrink: 0,
          alignSelf: "stretch",
        }}>
          <div style={{
            position: "relative",
            display: "flex",
            flexDirection: "column",
            gap: "calc(var(--spacing-48-4) * 1px)",
            alignItems: "flex-start",
            flexWrap: "nowrap",
            flexShrink: 0,
          }}>
            <div style={{
              position: "relative",
              width: "calc(var(--width-2-columns-2) * 1px)",
              display: "flex",
              flexDirection: "column",
              gap: "calc(var(--20-2) * 1px)",
              alignItems: "flex-start",
              flexWrap: "nowrap",
              flexShrink: 0,
            }}>
              <span style={{
                position: "relative",
                fontFamily: "\"IBM Plex Mono\", ui-monospace, \"SF Mono\", Menlo, Consolas, monospace",
                fontWeight: 400,
                fontSize: 12,
                whiteSpace: "nowrap",
                lineHeight: "16px",
                letterSpacing: "0.750px",
                color: "rgba(237,237,237,0.64)",
                flexShrink: 0,
              }}>{props.text1 ?? "Contact"}</span>
              <span style={{
                position: "relative",
                fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                fontWeight: 400,
                fontSize: 16,
                whiteSpace: "nowrap",
                lineHeight: "24px",
                letterSpacing: "0.250px",
                color: "rgb(237,237,237)",
                flexShrink: 0,
              }}>{props.text2 ?? "26 Rue de la Pépinière, 75008 Paris"}</span>
            </div>
            <div style={{
              position: "relative",
              width: "calc(var(--width-2-columns-2) * 1px)",
              display: "flex",
              flexDirection: "column",
              gap: "calc(var(--20-2) * 1px)",
              alignItems: "flex-start",
              flexWrap: "nowrap",
              flexShrink: 0,
            }}>
              <span style={{
                position: "relative",
                fontFamily: "\"IBM Plex Mono\", ui-monospace, \"SF Mono\", Menlo, Consolas, monospace",
                fontWeight: 400,
                fontSize: 12,
                whiteSpace: "nowrap",
                lineHeight: "16px",
                letterSpacing: "0.750px",
                color: "rgba(237,237,237,0.64)",
                flexShrink: 0,
              }}>{props.text3 ?? "Contactez-nous"}</span>
              <div style={{
                position: "relative",
                display: "flex",
                flexDirection: "column",
                gap: "calc(var(--spacing-16-9) * 1px)",
                alignItems: "flex-start",
                flexWrap: "nowrap",
                flexShrink: 0,
                alignSelf: "stretch",
              }}>
                <span style={{
                  position: "relative",
                  fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                  fontWeight: 400,
                  fontSize: 16,
                  whiteSpace: "nowrap",
                  lineHeight: "24px",
                  letterSpacing: "0.250px",
                  color: "rgb(237,237,237)",
                  flexShrink: 0,
                }}>{props.text4 ?? "hello@beetogreen.com"}</span>
              </div>
            </div>
          </div>
          <div style={{
            position: "relative",
            width: 352.5,
            display: "flex",
            flexDirection: "column",
            gap: "calc(var(--spacing-16-9) * 1px)",
            alignItems: "flex-start",
            flexWrap: "nowrap",
            flexShrink: 0,
          }}>
            <div style={{
                position: "relative",
                width: 437.098,
                height: 85.674,
                flexShrink: 0,
              }}>
              <LogoFull
                style={{ transform: "scale(0.018, 0.018)", transformOrigin: "0 0" }}
                type={"full-02"}
              />
            </div>
            <div style={{
              position: "relative",
              display: "flex",
              flexDirection: "row",
              gap: "calc(var(--spacing-24-7) * 1px)",
              alignItems: "flex-start",
              flexWrap: "nowrap",
              flexShrink: 0,
              alignSelf: "stretch",
            }}>
              <span style={{
                position: "relative",
                fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                fontWeight: 400,
                fontSize: 14,
                textAlign: "right",
                whiteSpace: "nowrap",
                lineHeight: "20px",
                color: "rgba(237,237,237,0.48)",
                flexShrink: 0,
              }}>Entreprise</span>
              <span style={{
                position: "relative",
                fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                fontWeight: 400,
                fontSize: 14,
                textAlign: "right",
                whiteSpace: "nowrap",
                lineHeight: "20px",
                color: "rgba(237,237,237,0.48)",
                flexShrink: 0,
              }}>Salarié.e</span>
              <span style={{
                position: "relative",
                fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                fontWeight: 400,
                fontSize: 14,
                textAlign: "right",
                whiteSpace: "nowrap",
                lineHeight: "20px",
                color: "rgba(237,237,237,0.48)",
                flexShrink: 0,
              }}>Blog</span>
              <span style={{
                position: "relative",
                fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                fontWeight: 400,
                fontSize: 14,
                textAlign: "right",
                whiteSpace: "nowrap",
                lineHeight: "20px",
                color: "rgba(237,237,237,0.48)",
                flexShrink: 0,
              }}>Podcast</span>
            </div>
          </div>
        </div>
        <div style={{
          position: "relative",
          width: "calc(var(--width-9-columns) * 1px)",
          display: "flex",
          flexDirection: "column",
          justifyContent: "space-between",
          alignItems: "flex-start",
          flexWrap: "nowrap",
          flexShrink: 0,
          alignSelf: "stretch",
        }}>
          <div style={{
            position: "relative",
            display: "flex",
            flexDirection: "row",
            justifyContent: "space-between",
            alignItems: "flex-start",
            flexWrap: "nowrap",
            flexShrink: 0,
            alignSelf: "stretch",
          }}>
            <div style={{
              position: "relative",
              display: "flex",
              flexDirection: "row",
              gap: "calc(var(--grid-column-gap-3) * 1px)",
              alignItems: "flex-start",
              flexWrap: "nowrap",
              flexShrink: 0,
            }}>
              <div style={{
                position: "relative",
                width: "calc(var(--width-2-columns-2) * 1px)",
                display: "flex",
                flexDirection: "column",
                gap: "calc(var(--20-2) * 1px)",
                alignItems: "flex-start",
                flexWrap: "nowrap",
                flexShrink: 0,
              }}>
                <span style={{
                  position: "relative",
                  fontFamily: "\"IBM Plex Mono\", ui-monospace, \"SF Mono\", Menlo, Consolas, monospace",
                  fontWeight: 400,
                  fontSize: 12,
                  whiteSpace: "nowrap",
                  lineHeight: "16px",
                  letterSpacing: "0.750px",
                  color: "rgba(237,237,237,0.64)",
                  flexShrink: 0,
                }}>LinkedIn</span>
                <div style={{
                  position: "relative",
                  display: "flex",
                  flexDirection: "column",
                  gap: "calc(var(--spacing-4-6) * 1px)",
                  alignItems: "flex-start",
                  flexWrap: "nowrap",
                  flexShrink: 0,
                  alignSelf: "stretch",
                }}>
                  <span style={{
                    position: "relative",
                    fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                    fontWeight: 400,
                    fontSize: 16,
                    whiteSpace: "nowrap",
                    lineHeight: "24px",
                    letterSpacing: "0.250px",
                    color: "rgb(237,237,237)",
                    flexShrink: 0,
                  }}>A propos</span>
                  <span style={{
                    position: "relative",
                    fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                    fontWeight: 400,
                    fontSize: 16,
                    whiteSpace: "nowrap",
                    lineHeight: "24px",
                    letterSpacing: "0.250px",
                    color: "rgb(237,237,237)",
                    flexShrink: 0,
                  }}>Presse</span>
                  <span style={{
                    position: "relative",
                    fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                    fontWeight: 400,
                    fontSize: 16,
                    whiteSpace: "nowrap",
                    lineHeight: "24px",
                    letterSpacing: "0.250px",
                    color: "rgb(237,237,237)",
                    flexShrink: 0,
                  }}>On recrute</span>
                  <span style={{
                    position: "relative",
                    fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                    fontWeight: 400,
                    fontSize: 16,
                    whiteSpace: "nowrap",
                    lineHeight: "24px",
                    letterSpacing: "0.250px",
                    color: "rgb(237,237,237)",
                    flexShrink: 0,
                  }}>Greenly</span>
                </div>
              </div>
              <div style={{
                position: "relative",
                width: "calc(var(--width-2-columns-2) * 1px)",
                display: "flex",
                flexDirection: "column",
                gap: "calc(var(--20-2) * 1px)",
                alignItems: "flex-start",
                flexWrap: "nowrap",
                flexShrink: 0,
              }}>
                <span style={{
                  position: "relative",
                  fontFamily: "\"IBM Plex Mono\", ui-monospace, \"SF Mono\", Menlo, Consolas, monospace",
                  fontWeight: 400,
                  fontSize: 12,
                  whiteSpace: "nowrap",
                  lineHeight: "16px",
                  letterSpacing: "0.750px",
                  color: "rgba(237,237,237,0.64)",
                  flexShrink: 0,
                }}>Mentions Légales</span>
                <div style={{
                  position: "relative",
                  display: "flex",
                  flexDirection: "column",
                  gap: "calc(var(--spacing-4-6) * 1px)",
                  alignItems: "flex-start",
                  flexWrap: "nowrap",
                  flexShrink: 0,
                  alignSelf: "stretch",
                }}>
                  <span style={{
                    position: "relative",
                    fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                    fontWeight: 400,
                    fontSize: 16,
                    whiteSpace: "nowrap",
                    lineHeight: "24px",
                    letterSpacing: "0.250px",
                    color: "rgb(237,237,237)",
                    flexShrink: 0,
                  }}>About</span>
                  <span style={{
                    position: "relative",
                    fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                    fontWeight: 400,
                    fontSize: 16,
                    whiteSpace: "nowrap",
                    lineHeight: "24px",
                    letterSpacing: "0.250px",
                    color: "rgb(237,237,237)",
                    flexShrink: 0,
                  }}>Politique de confidentialité</span>
                  <span style={{
                    position: "relative",
                    fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                    fontWeight: 400,
                    fontSize: 16,
                    whiteSpace: "nowrap",
                    lineHeight: "24px",
                    letterSpacing: "0.250px",
                    color: "rgb(237,237,237)",
                    flexShrink: 0,
                  }}>Cookies</span>
                  <span style={{
                    position: "relative",
                    fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                    fontWeight: 400,
                    fontSize: 16,
                    whiteSpace: "nowrap",
                    lineHeight: "24px",
                    letterSpacing: "0.250px",
                    color: "rgb(237,237,237)",
                    flexShrink: 0,
                  }}>Plan du site</span>
                  <span style={{
                    position: "relative",
                    fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                    fontWeight: 400,
                    fontSize: 16,
                    whiteSpace: "nowrap",
                    lineHeight: "24px",
                    letterSpacing: "0.250px",
                    color: "rgb(237,237,237)",
                    flexShrink: 0,
                  }}>Sécurité</span>
                  <span style={{
                    position: "relative",
                    fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                    fontWeight: 400,
                    fontSize: 16,
                    whiteSpace: "nowrap",
                    lineHeight: "24px",
                    letterSpacing: "0.250px",
                    color: "rgb(237,237,237)",
                    flexShrink: 0,
                  }}>Accessibilité</span>
                  <span style={{
                    position: "relative",
                    fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                    fontWeight: 400,
                    fontSize: 16,
                    whiteSpace: "nowrap",
                    lineHeight: "24px",
                    letterSpacing: "0.250px",
                    color: "rgb(237,237,237)",
                    flexShrink: 0,
                  }}>Espace presse</span>
                </div>
              </div>
            </div>
            <div style={{
              position: "relative",
              width: "calc(var(--width-4-columns) * 1px)",
              display: "flex",
              flexDirection: "column",
              gap: "calc(var(--spacing-16-10) * 1px)",
              alignItems: "flex-start",
              flexWrap: "nowrap",
              flexShrink: 0,
            }}>
              <div style={{
                position: "relative",
                display: "flex",
                flexDirection: "column",
                gap: "calc(var(--spacing-8-9) * 1px)",
                alignItems: "flex-start",
                flexWrap: "nowrap",
                flexShrink: 0,
                alignSelf: "stretch",
              }}>
                <span style={{
                  position: "relative",
                  fontFamily: "\"IBM Plex Mono\", ui-monospace, \"SF Mono\", Menlo, Consolas, monospace",
                  fontWeight: 400,
                  fontSize: 12,
                  lineHeight: "16px",
                  letterSpacing: "0.750px",
                  color: "rgba(21,21,21,0.64)",
                  flexShrink: 0,
                  alignSelf: "stretch",
                }}>Recevez chaque mois les dernières nouvelles de la mobilité durable</span>
                <div style={{
                  position: "relative",
                  borderRadius: 8,
                  backgroundColor: "var(--input-default-background)",
                  boxShadow: "inset 0 0 0 1px rgba(21,21,21,0)",
                  display: "flex",
                  flexDirection: "row",
                  padding: "12px 16px 12px 16px",
                  justifyContent: "space-between",
                  alignItems: "flex-start",
                  flexWrap: "nowrap",
                  boxSizing: "border-box",
                  paddingLeft: "calc(var(--spacing-16-9) * 1px)",
                  paddingTop: "calc(var(--spacing-12-8) * 1px)",
                  paddingRight: "calc(var(--spacing-16-9) * 1px)",
                  paddingBottom: "calc(var(--spacing-12-8) * 1px)",
                  flexShrink: 0,
                  alignSelf: "stretch",
                }}>
                  <div style={{
                    position: "relative",
                    display: "flex",
                    flexDirection: "row",
                    justifyContent: "space-between",
                    alignItems: "center",
                    flexWrap: "nowrap",
                    flexGrow: 1,
                  }}>
                    <span style={{
                      position: "relative",
                      fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                      fontWeight: 400,
                      fontSize: 16,
                      lineHeight: "24px",
                      letterSpacing: "0.250px",
                      color: "rgba(21,21,21,0.48)",
                      flexGrow: 1,
                    }}>Votre adresse email</span>
                    <div style={{
                      position: "relative",
                      width: "calc(var(--button-icon-button-circle) * 1px)",
                      height: "calc(var(--button-icon-button-circle) * 1px)",
                      overflow: "hidden",
                      flexShrink: 0,
                    }}>
                      <svg width={11.667} height={11.667} viewBox="0 0 11.667 11.667" fill="none" style={{
                        position: "absolute",
                        left: 4.167,
                        top: 4.167,
                        width: 11.667,
                        height: 11.667,
                        borderWidth: "calc(var(--icon-stroke-7) * 1px)",
                        color: "rgb(228,90,71)",
                      }}>
                        <path d={"M 0 5.333 C -0.276 5.333 -0.5 5.557 -0.5 5.833 C -0.5 6.109 -0.276 6.333 0 6.333 L 0 5.833 L 0 5.333 Z M 11.667 5.833 L 12.02 6.187 C 12.215 5.992 12.215 5.675 12.02 5.48 L 11.667 5.833 Z M 6.187 -0.354 C 5.992 -0.549 5.675 -0.549 5.48 -0.354 C 5.285 -0.158 5.285 0.158 5.48 0.354 L 5.833 0 L 6.187 -0.354 Z M 5.48 11.313 C 5.285 11.508 5.285 11.825 5.48 12.02 C 5.675 12.215 5.992 12.215 6.187 12.02 L 5.833 11.667 L 5.48 11.313 Z M 0 5.833 L 0 6.333 L 11.667 6.333 L 11.667 5.833 L 11.667 5.333 L 0 5.333 L 0 5.833 Z M 5.833 0 L 5.48 0.354 L 11.313 6.187 L 11.667 5.833 L 12.02 5.48 L 6.187 -0.354 L 5.833 0 Z M 11.667 5.833 L 11.313 5.48 L 5.48 11.313 L 5.833 11.667 L 6.187 12.02 L 12.02 6.187 L 11.667 5.833 Z"} fill="currentColor" fillRule="nonzero" />
                      </svg>
                    </div>
                  </div>
                </div>
              </div>
              <span style={{
                position: "relative",
                opacity: 0.5,
                fontFamily: "Arial, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                fontWeight: 400,
                fontSize: 12,
                lineHeight: "16px",
                color: "rgba(237,237,237,0.64)",
                flexShrink: 0,
                alignSelf: "stretch",
              }}>0 spam, que de l’info utile.</span>
            </div>
          </div>
          <div style={{
            position: "relative",
            display: "flex",
            flexDirection: "row",
            justifyContent: "space-between",
            alignItems: "center",
            flexWrap: "nowrap",
            flexShrink: 0,
            alignSelf: "stretch",
          }}>
            <div style={{
              position: "relative",
              display: "flex",
              flexDirection: "row",
              gap: "calc(var(--spacing-16-9) * 1px)",
              alignItems: "flex-start",
              flexWrap: "nowrap",
              flexShrink: 0,
            }}>
              <div style={{
                  position: "relative",
                  width: 12,
                  height: 12,
                  flexShrink: 0,
                  color: "rgba(56,29,15,0.64)",
                }}>{props.icon1 ?? <Social3 property1={"linkedin"} color={"no color"} style={{ transform: "scale(0.375, 0.375)", transformOrigin: "0 0" }} />}</div>
              <div style={{
                  position: "relative",
                  width: 12,
                  height: 12,
                  flexShrink: 0,
                  color: "rgba(56,29,15,0.64)",
                }}>{props.icon2 ?? <Social3 property1={"whatsapp"} color={"no color"} style={{ transform: "scale(0.375, 0.375)", transformOrigin: "0 0" }} />}</div>
              <div style={{
                  position: "relative",
                  width: 12,
                  height: 12,
                  flexShrink: 0,
                  color: "rgba(56,29,15,0.64)",
                }}>{props.icon3 ?? <Social3 property1={"instagram"} color={"no color"} style={{ transform: "scale(0.375, 0.375)", transformOrigin: "0 0" }} />}</div>
              <div style={{
                  position: "relative",
                  width: 12,
                  height: 12,
                  flexShrink: 0,
                  color: "rgba(56,29,15,0.64)",
                }}>{props.icon4 ?? <Social3 property1={"facebook"} color={"no color"} style={{ transform: "scale(0.375, 0.375)", transformOrigin: "0 0" }} />}</div>
            </div>
            <div style={{
              position: "relative",
              display: "flex",
              flexDirection: "row",
              gap: "calc(var(--spacing-8-9) * 1px)",
              alignItems: "center",
              flexWrap: "nowrap",
              flexShrink: 0,
            }}>
              <span style={{
                position: "relative",
                fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                fontWeight: 400,
                fontSize: 14,
                textAlign: "right",
                whiteSpace: "nowrap",
                lineHeight: "20px",
                color: "rgba(237,237,237,0.64)",
                flexShrink: 0,
              }}>© 2026 Beetogreen</span>
            </div>
          </div>
          <div className="fig-asset-b19dfbb2e3c73f61" style={{
            position: "absolute",
            left: 0,
            top: 0,
            transform: "matrix(0.866,-0.500,0.500,0.866,354.201,480.674)",
            transformOrigin: "0 0",
            width: 727.923,
            height: 268.118,
          }} />
        </div>
      </div>
    </div>
  );
  const __body1 = () => (
    <div className={props.className} style={{
      width: 1440,
      height: 827,
      display: "flex",
      flexDirection: "column",
      gap: 50,
      padding: "60px 24px 140px 24px",
      alignItems: "flex-start",
      flexWrap: "nowrap",
      boxSizing: "border-box",
      position: "relative",
      ...props.style,
    }}>
      <div style={{
        position: "absolute",
        left: 0,
        top: 0,
        width: 1440,
        height: 827,
        overflow: "hidden",
      }}>
        <div style={{
          position: "absolute",
          left: 0,
          top: 0,
          width: 1440,
          height: 827,
          clipPath: "inset(0px 0px 0px 0px)",
        }}>
          <div style={{
            position: "absolute",
            left: -430.435,
            top: -791.5,
            width: 2232.594,
            height: 1681.887,
          }} />
          <div style={{
            position: "absolute",
            left: 0,
            top: 0,
            width: 1442.003,
            height: 827,
            background: "linear-gradient(180deg, rgba(34,47,48,0.96) 0.00%, rgba(34,47,48,0.6) 100.00%)",
          }} />
          <div style={{
            position: "absolute",
            left: 22.857,
            top: 758.27,
            width: 1394.286,
            height: 18.017,
            display: "flex",
            flexDirection: "row",
            gap: 834,
            alignItems: "center",
            flexWrap: "nowrap",
          }}>
            <div style={{
              position: "relative",
              width: 352.5,
              display: "flex",
              flexDirection: "row",
              gap: "calc(var(--spacing-24-7) * 1px)",
              alignItems: "flex-start",
              flexWrap: "nowrap",
              flexShrink: 0,
              alignSelf: "stretch",
            }}>
              <span style={{
                position: "relative",
                fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                fontWeight: 400,
                fontSize: 14,
                textAlign: "right",
                whiteSpace: "nowrap",
                lineHeight: "20px",
                color: "var(--brand-ivory-50)",
                flexShrink: 0,
                alignSelf: "stretch",
              }}>{props.text1 ?? "Entreprise"}</span>
              <span style={{
                position: "relative",
                fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                fontWeight: 400,
                fontSize: 14,
                textAlign: "right",
                whiteSpace: "nowrap",
                lineHeight: "20px",
                color: "var(--brand-ivory-50)",
                flexShrink: 0,
                alignSelf: "stretch",
              }}>{props.text2 ?? "Salarié.e"}</span>
              <span style={{
                position: "relative",
                fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                fontWeight: 400,
                fontSize: 14,
                textAlign: "right",
                whiteSpace: "nowrap",
                lineHeight: "20px",
                color: "var(--brand-ivory-50)",
                flexShrink: 0,
                alignSelf: "stretch",
              }}>{props.text3 ?? "Blog"}</span>
              <span style={{
                position: "relative",
                fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                fontWeight: 400,
                fontSize: 14,
                textAlign: "right",
                whiteSpace: "nowrap",
                lineHeight: "20px",
                color: "var(--brand-ivory-50)",
                flexShrink: 0,
                alignSelf: "stretch",
              }}>{props.text4 ?? "Podcast"}</span>
            </div>
            <span style={{
              position: "relative",
              fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
              fontWeight: 400,
              fontSize: 14,
              textAlign: "right",
              lineHeight: "20px",
              color: "var(--brand-ivory-50)",
              flexGrow: 1,
              alignSelf: "stretch",
            }}>© 2026 Beetogreen</span>
          </div>
          <div style={{
            position: "absolute",
            left: -152.381,
            top: 431,
            width: 1310.476,
            height: 295,
            display: "flex",
            flexDirection: "row",
            gap: 54,
            padding: "20px 0px 20px 0px",
            alignItems: "flex-end",
            flexWrap: "nowrap",
            boxSizing: "border-box",
          }}>
            <div style={{
              position: "relative",
              width: 1376,
              display: "flex",
              flexDirection: "row",
              gap: "calc(var(--spacing-48-4) * 1px)",
              alignItems: "center",
              flexWrap: "nowrap",
              flexShrink: 0,
            }}>
              <span style={{
                position: "relative",
                fontFamily: "\"Instrument Sans\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                fontWeight: 600,
                fontSize: 140,
                whiteSpace: "nowrap",
                lineHeight: "128px",
                letterSpacing: "-4.500px",
                color: "rgb(230,255,85)",
                flexShrink: 0,
              }}>Mobilité sans compromis -Mobilité sans compromis -</span>
            </div>
          </div>
        </div>
      </div>
      <div style={{
        position: "relative",
        display: "flex",
        flexDirection: "column",
        gap: 50,
        alignItems: "flex-start",
        flexWrap: "nowrap",
        flexShrink: 0,
        alignSelf: "stretch",
      }}>
        <div style={{
          position: "relative",
          display: "flex",
          flexDirection: "row",
          justifyContent: "space-between",
          alignItems: "flex-start",
          flexWrap: "wrap",
          gap: "120px 309px",
          flexShrink: 0,
          alignSelf: "stretch",
        }}>
          <div style={{
            position: "relative",
            width: 634,
            minWidth: 336,
            display: "flex",
            flexDirection: "column",
            gap: 32,
            alignItems: "flex-start",
            flexWrap: "nowrap",
            flexShrink: 0,
          }}>
            <div style={{
                position: "relative",
                width: 437.098,
                height: 85.674,
                flexShrink: 0,
              }}>
              <LogoFull
                style={{ transform: "scale(0.018, 0.018)", transformOrigin: "0 0" }}
                type={"full-02"}
              />
            </div>
            <span style={{
              position: "relative",
              width: 609,
              fontFamily: "\"Aspekta Variable\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
              fontWeight: 600,
              fontSize: 40,
              lineHeight: 1.100000023841858,
              color: "rgb(247,247,245)",
              flexShrink: 0,
              whiteSpace: "pre-wrap",
            }}>{"Optez pour une mobilité \ndouce et responsable"}</span>
          </div>
          <div style={{
            position: "relative",
            minWidth: 336,
            display: "flex",
            flexDirection: "row",
            gap: "36px 120px",
            alignItems: "flex-start",
            flexWrap: "wrap",
            flexGrow: 1,
          }}>
            <div style={{
              position: "relative",
              width: 732,
              display: "flex",
              flexDirection: "row",
              gap: 95,
              alignItems: "flex-start",
              flexWrap: "nowrap",
              flexShrink: 0,
            }}>
              <div style={{
                position: "relative",
                width: "calc(var(--width-2-columns-2) * 1px)",
                display: "flex",
                flexDirection: "column",
                gap: "calc(var(--20-2) * 1px)",
                alignItems: "flex-start",
                flexWrap: "nowrap",
                flexShrink: 0,
              }}>
                <span style={{
                  position: "relative",
                  fontFamily: "\"IBM Plex Mono\", ui-monospace, \"SF Mono\", Menlo, Consolas, monospace",
                  fontWeight: 400,
                  fontSize: 12,
                  whiteSpace: "nowrap",
                  lineHeight: "16px",
                  letterSpacing: "0.750px",
                  color: "var(--brand-lime)",
                  flexShrink: 0,
                }}>LinkedIn</span>
                <div style={{
                  position: "relative",
                  display: "flex",
                  flexDirection: "column",
                  gap: "calc(var(--spacing-4-6) * 1px)",
                  alignItems: "flex-start",
                  flexWrap: "nowrap",
                  flexShrink: 0,
                  alignSelf: "stretch",
                }}>
                  <span style={{
                    position: "relative",
                    fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                    fontWeight: 400,
                    fontSize: 16,
                    whiteSpace: "nowrap",
                    lineHeight: "24px",
                    letterSpacing: "0.250px",
                    color: "var(--brand-ivory-50)",
                    flexShrink: 0,
                  }}>A propos</span>
                  <span style={{
                    position: "relative",
                    fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                    fontWeight: 400,
                    fontSize: 16,
                    whiteSpace: "nowrap",
                    lineHeight: "24px",
                    letterSpacing: "0.250px",
                    color: "var(--brand-ivory-50)",
                    flexShrink: 0,
                  }}>Presse</span>
                  <span style={{
                    position: "relative",
                    fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                    fontWeight: 400,
                    fontSize: 16,
                    whiteSpace: "nowrap",
                    lineHeight: "24px",
                    letterSpacing: "0.250px",
                    color: "var(--brand-ivory-50)",
                    flexShrink: 0,
                  }}>On recrute</span>
                  <span style={{
                    position: "relative",
                    fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                    fontWeight: 400,
                    fontSize: 16,
                    whiteSpace: "nowrap",
                    lineHeight: "24px",
                    letterSpacing: "0.250px",
                    color: "var(--brand-ivory-50)",
                    flexShrink: 0,
                  }}>Greenly</span>
                </div>
              </div>
              <div style={{
                position: "relative",
                width: "calc(var(--width-2-columns-2) * 1px)",
                display: "flex",
                flexDirection: "column",
                gap: "calc(var(--20-2) * 1px)",
                alignItems: "flex-start",
                flexWrap: "nowrap",
                flexShrink: 0,
              }}>
                <span style={{
                  position: "relative",
                  fontFamily: "\"IBM Plex Mono\", ui-monospace, \"SF Mono\", Menlo, Consolas, monospace",
                  fontWeight: 400,
                  fontSize: 12,
                  whiteSpace: "nowrap",
                  lineHeight: "16px",
                  letterSpacing: "0.750px",
                  color: "var(--brand-lime)",
                  flexShrink: 0,
                }}>Mentions Légales</span>
                <div style={{
                  position: "relative",
                  display: "flex",
                  flexDirection: "column",
                  gap: "calc(var(--spacing-4-6) * 1px)",
                  alignItems: "flex-start",
                  flexWrap: "nowrap",
                  flexShrink: 0,
                  alignSelf: "stretch",
                }}>
                  <span style={{
                    position: "relative",
                    fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                    fontWeight: 400,
                    fontSize: 16,
                    whiteSpace: "nowrap",
                    lineHeight: "24px",
                    letterSpacing: "0.250px",
                    color: "var(--brand-ivory-50)",
                    flexShrink: 0,
                  }}>About</span>
                  <span style={{
                    position: "relative",
                    fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                    fontWeight: 400,
                    fontSize: 16,
                    whiteSpace: "nowrap",
                    lineHeight: "24px",
                    letterSpacing: "0.250px",
                    color: "var(--brand-ivory-50)",
                    flexShrink: 0,
                  }}>Politique de confidentialité</span>
                  <span style={{
                    position: "relative",
                    fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                    fontWeight: 400,
                    fontSize: 16,
                    whiteSpace: "nowrap",
                    lineHeight: "24px",
                    letterSpacing: "0.250px",
                    color: "var(--brand-ivory-50)",
                    flexShrink: 0,
                  }}>Cookies</span>
                  <span style={{
                    position: "relative",
                    fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                    fontWeight: 400,
                    fontSize: 16,
                    whiteSpace: "nowrap",
                    lineHeight: "24px",
                    letterSpacing: "0.250px",
                    color: "var(--brand-ivory-50)",
                    flexShrink: 0,
                  }}>Plan du site</span>
                  <span style={{
                    position: "relative",
                    fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                    fontWeight: 400,
                    fontSize: 16,
                    whiteSpace: "nowrap",
                    lineHeight: "24px",
                    letterSpacing: "0.250px",
                    color: "var(--brand-ivory-50)",
                    flexShrink: 0,
                  }}>Sécurité</span>
                  <span style={{
                    position: "relative",
                    fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                    fontWeight: 400,
                    fontSize: 16,
                    whiteSpace: "nowrap",
                    lineHeight: "24px",
                    letterSpacing: "0.250px",
                    color: "var(--brand-ivory-50)",
                    flexShrink: 0,
                  }}>Accessibilité</span>
                  <span style={{
                    position: "relative",
                    fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                    fontWeight: 400,
                    fontSize: 16,
                    whiteSpace: "nowrap",
                    lineHeight: "24px",
                    letterSpacing: "0.250px",
                    color: "var(--brand-ivory-50)",
                    flexShrink: 0,
                  }}>Espace presse</span>
                </div>
              </div>
              <div style={{
                position: "relative",
                display: "flex",
                flexDirection: "row",
                gap: "calc(var(--spacing-16-9) * 1px)",
                alignItems: "flex-start",
                flexWrap: "nowrap",
                flexShrink: 0,
              }}>
                <div style={{
                    position: "relative",
                    width: 12,
                    height: 12,
                    flexShrink: 0,
                    color: "var(--brand-ivory-50)",
                  }}>{props.icon1 ?? <Social3 property1={"linkedin"} color={"no color"} style={{ transform: "scale(0.375, 0.375)", transformOrigin: "0 0" }} />}</div>
                <div style={{
                    position: "relative",
                    width: 12,
                    height: 12,
                    flexShrink: 0,
                    color: "var(--brand-ivory-50)",
                  }}>{props.icon2 ?? <Social3 property1={"whatsapp"} color={"no color"} style={{ transform: "scale(0.375, 0.375)", transformOrigin: "0 0" }} />}</div>
                <div style={{
                    position: "relative",
                    width: 12,
                    height: 12,
                    flexShrink: 0,
                    color: "var(--brand-ivory-50)",
                  }}>{props.icon3 ?? <Social3 property1={"instagram"} color={"no color"} style={{ transform: "scale(0.375, 0.375)", transformOrigin: "0 0" }} />}</div>
                <div style={{
                    position: "relative",
                    width: 12,
                    height: 12,
                    flexShrink: 0,
                    color: "var(--brand-ivory-50)",
                  }}>{props.icon4 ?? <Social3 property1={"facebook"} color={"no color"} style={{ transform: "scale(0.375, 0.375)", transformOrigin: "0 0" }} />}</div>
              </div>
            </div>
          </div>
        </div>
        <div style={{
          position: "relative",
          width: 1026,
          display: "flex",
          flexDirection: "row",
          gap: 501,
          alignItems: "flex-start",
          flexWrap: "nowrap",
          flexShrink: 0,
        }}>
          <div style={{
            position: "relative",
            width: "calc(var(--width-2-columns-2) * 1px)",
            display: "flex",
            flexDirection: "column",
            gap: "calc(var(--20-2) * 1px)",
            alignItems: "flex-start",
            flexWrap: "nowrap",
            flexShrink: 0,
          }}>
            <span style={{
              position: "relative",
              fontFamily: "\"IBM Plex Mono\", ui-monospace, \"SF Mono\", Menlo, Consolas, monospace",
              fontWeight: 400,
              fontSize: 12,
              whiteSpace: "nowrap",
              lineHeight: "16px",
              letterSpacing: "0.750px",
              color: "var(--brand-lime)",
              flexShrink: 0,
            }}>Contact</span>
            <span style={{
              position: "relative",
              fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
              fontWeight: 400,
              fontSize: 16,
              whiteSpace: "nowrap",
              lineHeight: "24px",
              letterSpacing: "0.250px",
              color: "var(--brand-ivory-50)",
              flexShrink: 0,
            }}>26 Rue de la Pépinière, 75008 Paris</span>
          </div>
          <div style={{
            position: "relative",
            width: "calc(var(--width-2-columns-2) * 1px)",
            display: "flex",
            flexDirection: "column",
            gap: "calc(var(--20-2) * 1px)",
            alignItems: "flex-start",
            flexWrap: "nowrap",
            flexShrink: 0,
          }}>
            <span style={{
              position: "relative",
              fontFamily: "\"IBM Plex Mono\", ui-monospace, \"SF Mono\", Menlo, Consolas, monospace",
              fontWeight: 400,
              fontSize: 12,
              whiteSpace: "nowrap",
              lineHeight: "16px",
              letterSpacing: "0.750px",
              color: "var(--brand-lime)",
              flexShrink: 0,
            }}>Contactez-nous</span>
            <div style={{
              position: "relative",
              display: "flex",
              flexDirection: "column",
              gap: "calc(var(--spacing-16-9) * 1px)",
              alignItems: "flex-start",
              flexWrap: "nowrap",
              flexShrink: 0,
              alignSelf: "stretch",
            }}>
              <span style={{
                position: "relative",
                fontFamily: "\"Overused Grotesk\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif",
                fontWeight: 400,
                fontSize: 16,
                whiteSpace: "nowrap",
                lineHeight: "24px",
                letterSpacing: "0.250px",
                color: "var(--brand-ivory-50)",
                flexShrink: 0,
              }}>hello@beetogreen.com</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
  const __impls = {
    // figma: Type=02
    "type=02": __body0,
    // figma: Type=01
    "type=01": __body1,
  };
  return (__impls[__vkey(props)] ?? __body1)();
}
export default Footer;
