Files
JABA-WebStudio/app/__generated__/[style-guide]._index.tsx
2025-10-08 18:18:41 -04:00

1320 lines
56 KiB
TypeScript

/* eslint-disable */
/* This is a auto generated file for building the project */
import { Fragment, useState } from "react";
import { useResource, useVariableState } from "@webstudio-is/react-sdk/runtime";
import { Fragment as Fragment_1, Image as Image, Box as Box, Text as Text, HtmlEmbed as HtmlEmbed, Heading as Heading, Slot as Slot, Paragraph as Paragraph, Span as Span, Blockquote as Blockquote, List as List, ListItem as ListItem, Separator as Separator, CodeText as CodeText, Bold as Bold, Input as Input, Textarea as Textarea, Button as Button } from "@webstudio-is/sdk-components-react";
import { Link as Link, Body as Body, RichTextLink as RichTextLink, Link as Link_1, RemixForm as RemixForm } from "@webstudio-is/sdk-components-react-router";
import { NavigationMenu as NavigationMenu, NavigationMenuList as NavigationMenuList, NavigationMenuItem as NavigationMenuItem, NavigationMenuTrigger as NavigationMenuTrigger, NavigationMenuContent as NavigationMenuContent, NavigationMenuViewport as NavigationMenuViewport, Dialog as Dialog, DialogTrigger as DialogTrigger, DialogOverlay as DialogOverlay, DialogContent as DialogContent, DialogClose as DialogClose } from "@webstudio-is/sdk-components-react-radix";
export const projectId = "cd046e79-00be-4be9-bd00-4da4d3620900";
export const lastPublished = "2025-10-08T21:20:14.959Z";
export const siteName = "JABA";
export const breakpoints = [{"id":"swo9hJQ2rH783rfZM7iyg"},{"id":"XLq5KcfN9lH3mbT3NuZOG","maxWidth":991},{"id":"s3VhMEwH5kv5Khp4zSeb3","maxWidth":767},{"id":"wplJ3Xqu0KIot5PbJTH-E","maxWidth":479}];
export const favIconAsset: string | undefined =
"jaba_5QOC3c3LtpsinL7LWKF1X.png";
// Font assets on current page (can be preloaded)
export const pageFontAssets: string[] =
[]
export const pageBackgroundImageAssets: string[] =
[]
const Page = (_props: { system: any; }) => {
return <Body
id={"top"}
className={`w-body`}>
<Box
className={`w-box cnfbw7d c5023p7 c1ehe8py c1dfhduu c1rbk22j cdl0evl c1em5py7 c1dgxli2 c1d33cxe`}>
<Box
className={`w-box c86u3j3 cie66yg c1ubzs3e c1a9y6a cp94bc7 c11qwvck c1lau6ea c1w1qug2 c1h0dnth c1wlg7sl c19y7ngt cfyo9g8`}>
<Box
className={`w-box cp94bc7 c11qwvck c1govta7 cz2rj1u c1pjhxif`}>
<Heading
className={`w-heading c10008kv c4at5v3 c121v773 c1xwz85y`}>
{"Style Guide"}
</Heading>
<Slot>
<Fragment_1>
<Text
className={`w-text`}>
{"Version 1.2"}
</Text>
</Fragment_1>
</Slot>
<Paragraph
className={`w-paragraph c1b12kpo cqljrm0`}>
{"Here is the community style guide according to "}
<RichTextLink
href={"https://docs.webstudio.is/university/craft"}
target={"_blank"}
className={`w-rich-text-link co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1nle8ys cl03jb4 cllrotz c1vd3gd4 c1020k27 c1mj5urp chrscrk camxvmn c18butzo c2cqiaz cjm7u3n c9usqtl cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca`}>
{"Craft"}
</RichTextLink>
{", the recommended starting point for Webstudio Projects. "}
<RichTextLink
href={"https://docs.webstudio.is/university/foundations/css-variables"}
target={"_blank"}
className={`w-rich-text-link co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1nle8ys cl03jb4 cllrotz c1vd3gd4 c1020k27 c1mj5urp chrscrk camxvmn c18butzo c2cqiaz cjm7u3n c9usqtl cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca`}>
{"CSS variables"}
</RichTextLink>
{" containing colors, sizes, and more are on the Global Root. "}
</Paragraph>
</Box>
<Box
id={"layout"}
className={`w-box cp94bc7 c11qwvck cd2y3jk cxr6nd4 c1lau6ea`}>
<Box
className={`w-box cp94bc7 c11qwvck c1govta7 cz2rj1u c1pjhxif`}>
<Heading
tag={"h2"}
className={`w-heading c18zze6k c4at5v3 c1azrkpb cuvaji7 c1xwz85y c121v773`}>
{"Layout"}
</Heading>
</Box>
<Box
className={`w-box csigh51 c1c3o6yh c10wydka c137e3t9 cuhtd2h`}>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c14nvc9f c5y8ol8 cnfbw7d c5023p7 cv8zker c13aisvf c179voey c17ciogo c11qwvck c1cf6nsd c1u4uxjh c1ehe8py c1dfhduu c1rbk22j cdl0evl c1em5py7 c1dgxli2 c12uxb9t c1d33cxe`}>
<Text
className={`w-text cpy9osq c1fz3jql c295c6u c1cpwb7t cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx`}>
{"section"}
</Text>
</Box>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c1lau6ea c1w1qug2 c1jski4a c24op3x c19y7ngt cfyo9g8 c179voey c17ciogo c11qwvck ckrfty5 c1pz3ug c86u3j3 cie66yg c1ubzs3e c1a9y6a c12uxb9t`}>
<Text
className={`w-text cpy9osq c1fz3jql c295c6u c1cpwb7t cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx`}>
{"container"}
</Text>
</Box>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 csigh51 c13hs91d c5y8ol8 c179voey c17ciogo c11qwvck cuee1l7 cjyih89 c1nhmugc c1j44swm c12uxb9t c19b8mtf c16ia0hd c1qp6ibo`}>
<Box
className={`w-box c14essd4 cdzfz86`}>
<Text
className={`w-text cpy9osq c1nju5el c10j126j c1fz3jql c295c6u crrgtf2 c1q3s83n cuvaji7 ct6ibss cd27rhw c17aqieu cimhatq c1fvnzwb c17ciogo`}>
{"grid"}
</Text>
</Box>
<Box
className={`w-box`}>
<Paragraph
className={`w-paragraph`}>
{"Grid quickly provides the properties to create a grid. Once added, switch over to Local and type in your template columns."}
</Paragraph>
</Box>
<Box
className={`w-box`}>
<Paragraph
className={`w-paragraph`}>
{"Note, grid turns into flex on 767. This is because grid children may use start/end columns and would require us to reset each one manually on mobile. By setting the parent to flex, those values are ignored."}
</Paragraph>
</Box>
</Box>
</Box>
</Box>
<Box
id={"colors"}
className={`w-box cp94bc7 c11qwvck cd2y3jk cxr6nd4 c1lau6ea`}>
<Box
className={`w-box cp94bc7 c11qwvck c1govta7 cz2rj1u c1pjhxif`}>
<Heading
tag={"h2"}
className={`w-heading c18zze6k c4at5v3 c1azrkpb cuvaji7 c1xwz85y c121v773`}>
{"Colors"}
</Heading>
<Paragraph
className={`w-paragraph c826x4y c13s7hvp`}>
{"Change these values on the Global Root. It's best practice to map semantic variables such as "}
<Span
className={`w-text-1 c5jaok8 ccz7io3 cvunz0r cr00axo c1uyr3yf cwn8f6m c1ld2p1v c1nnkghl`}>
{"--foreground-primary"}
</Span>
{" to another variable such as "}
<Span
className={`w-text-1 c5jaok8 ccz7io3 cvunz0r cr00axo c1uyr3yf cwn8f6m c1ld2p1v c1nnkghl`}>
{"--gray-10"}
</Span>
{"."}
</Paragraph>
</Box>
<Heading
tag={"h3"}
className={`w-heading c16ua4pw c4at5v3 c1xwz85y c1azrkpb c121v773`}>
{"Foreground"}
</Heading>
<Box
className={`w-box csigh51 c1nhmugc c10wydka c137e3t9 cuhtd2h`}>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c14nvc9f c5y8ol8 c179voey c17ciogo c11qwvck c1cf6nsd c1u4uxjh c12uxb9t c19b8mtf`}>
<Text
className={`w-text clk2kvr c1fz3jql c295c6u cflc520 cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx cd1k3ml`}>
{"--foreground-primary"}
</Text>
<Box
className={`w-box c1y93lbw c1uoqcz5 c34rl1u cdy96rz c1tybpfd c1xxno7m c1x5erhl c1azrkpb c1v1qxqy`} />
</Box>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c14nvc9f c5y8ol8 c179voey c17ciogo c11qwvck c1cf6nsd c1u4uxjh c12uxb9t c19b8mtf`}>
<Text
className={`w-text clk2kvr c1fz3jql c295c6u cflc520 cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx cd1k3ml`}>
{"--foreground-secondary"}
</Text>
<Box
className={`w-box c1y93lbw c1uoqcz5 c34rl1u cdy96rz c1tybpfd c1xxno7m c1x5erhl co5mmtv c12uxb9t`} />
</Box>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c14nvc9f c5y8ol8 c179voey c17ciogo c11qwvck c1cf6nsd c1u4uxjh c12uxb9t c19b8mtf`}>
<Text
className={`w-text clk2kvr c1fz3jql c295c6u cflc520 cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx cd1k3ml`}>
{"--foreground-accent"}
</Text>
<Box
className={`w-box c1y93lbw c1uoqcz5 c34rl1u cdy96rz c1tybpfd c1xxno7m c1x5erhl c1ybndks c1v1qxqy`} />
</Box>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c14nvc9f c5y8ol8 c179voey c17ciogo c11qwvck c1cf6nsd c1u4uxjh c12uxb9t c19b8mtf`}>
<Text
className={`w-text clk2kvr c1fz3jql c295c6u cflc520 cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx cd1k3ml`}>
{"--foreground-muted"}
</Text>
<Box
className={`w-box c1y93lbw c1uoqcz5 c34rl1u cdy96rz c1tybpfd c1xxno7m c1x5erhl cyf38ds c1v1qxqy`} />
</Box>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c14nvc9f c5y8ol8 c179voey c17ciogo c11qwvck c1cf6nsd c1u4uxjh c12uxb9t c19b8mtf`}>
<Text
className={`w-text clk2kvr c1fz3jql c295c6u cflc520 cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx cd1k3ml`}>
{"--foreground-border"}
</Text>
<Box
className={`w-box c1y93lbw c1uoqcz5 c34rl1u cdy96rz c1tybpfd c1xxno7m c1x5erhl c2nnnri c1v1qxqy`} />
</Box>
</Box>
<Heading
tag={"h3"}
className={`w-heading c16ua4pw c4at5v3 c1xwz85y c1azrkpb c121v773`}>
{"Background"}
</Heading>
<Box
className={`w-box csigh51 c1nhmugc c10wydka c137e3t9 cuhtd2h`}>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c14nvc9f c5y8ol8 c179voey c17ciogo c11qwvck c1cf6nsd c1u4uxjh c12uxb9t c19b8mtf`}>
<Text
className={`w-text clk2kvr c1fz3jql c295c6u cflc520 cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx cd1k3ml`}>
{"--background-primary"}
</Text>
<Box
className={`w-box c1y93lbw c18p3b6w c34rl1u cdy96rz c1tybpfd c1xxno7m c1x5erhl c10rjwnz c12uxb9t`} />
</Box>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c14nvc9f c5y8ol8 c179voey c17ciogo c11qwvck c1cf6nsd c1u4uxjh c12uxb9t c19b8mtf`}>
<Text
className={`w-text clk2kvr c1fz3jql c295c6u cflc520 cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx cd1k3ml`}>
{"--background-secondary"}
</Text>
<Box
className={`w-box c1y93lbw c1uoqcz5 c34rl1u cdy96rz c1tybpfd c1xxno7m c1x5erhl c1pc28m8 c1v1qxqy`} />
</Box>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c14nvc9f c5y8ol8 c179voey c17ciogo c11qwvck c1cf6nsd c1u4uxjh c12uxb9t c19b8mtf`}>
<Text
className={`w-text clk2kvr c1fz3jql c295c6u cflc520 cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx cd1k3ml`}>
{"--background-accent"}
</Text>
<Box
className={`w-box c1y93lbw c1uoqcz5 c34rl1u cdy96rz c1tybpfd c1xxno7m c1x5erhl cq2nu97 c1v1qxqy`} />
</Box>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c14nvc9f c5y8ol8 c179voey c17ciogo c11qwvck c1cf6nsd c1u4uxjh c12uxb9t c19b8mtf`}>
<Text
className={`w-text clk2kvr c1fz3jql c295c6u cflc520 cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx cd1k3ml`}>
{"--background-card"}
</Text>
<Box
className={`w-box c1y93lbw c1uoqcz5 c34rl1u cdy96rz c1tybpfd c1xxno7m c1x5erhl cy0og9l c1v1qxqy`} />
</Box>
</Box>
<Heading
tag={"h3"}
className={`w-heading c16ua4pw c4at5v3 c1xwz85y c1azrkpb c121v773`}>
{"Other"}
</Heading>
<Box
className={`w-box csigh51 c1nhmugc c10wydka c137e3t9 cuhtd2h`}>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c14nvc9f c5y8ol8 c179voey c17ciogo c11qwvck c1cf6nsd c1u4uxjh c12uxb9t c19b8mtf`}>
<Text
className={`w-text clk2kvr c1fz3jql c295c6u cflc520 cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx cd1k3ml`}>
{"--focus-color"}
</Text>
<Box
className={`w-box c1y93lbw c1uoqcz5 c34rl1u cdy96rz c1tybpfd c1xxno7m c1x5erhl c1ef3kt2 c1v1qxqy`} />
</Box>
</Box>
</Box>
<Box
id={"links-buttons"}
className={`w-box cp94bc7 c11qwvck cd2y3jk cxr6nd4 c1lau6ea`}>
<Box
className={`w-box cp94bc7 c11qwvck c1govta7 cz2rj1u c1pjhxif`}>
<Heading
tag={"h2"}
className={`w-heading c18zze6k c4at5v3 c1azrkpb cuvaji7 c1xwz85y c121v773`}>
{"Buttons and Links"}
</Heading>
</Box>
<Box
className={`w-box csigh51 c1nhmugc c10wydka c137e3t9 cuhtd2h`}>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c16x1j9j c1w1qug2 c179voey c17ciogo c11qwvck c1l6ukm0 cs4sfbe c12uxb9t c19b8mtf`}>
<Text
className={`w-text cpy9osq c1fz3jql c295c6u c1cpwb7t cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx`}>
{"button-group"}
</Text>
<Box
className={`w-box cp94bc7 c14nvc9f c1w1qug2 ckvl9b1 ctehfbz c13pmpn5`}>
<button
className={`w-element c1azrkpb c1m5vcub chn26u6 c1xkkycc c168jv9l c1kam8hn cr6nhi c14nvc9f c5y8ol8 ckvl9b1 ctehfbz cuvaji7 cop5kpr c1kt266e c1n8hmay cvj9ekv c17l1n4d c1avwdii cnllhbg c805ixc clnm6x2 c1q7h7e0 c1h9vaz9 c131xast c1rgqj4g c4jumok c12n63oh ct6ibss cd27rhw c17aqieu cimhatq c18butzo c2cqiaz cmhsgph c1pwmwca`}>
{"button"}
</button>
<Link
className={`w-link c1azrkpb c1m5vcub chn26u6 c1xkkycc c168jv9l c1kam8hn cr6nhi c14nvc9f c5y8ol8 ckvl9b1 ctehfbz cuvaji7 cop5kpr c1kt266e c1n8hmay cvj9ekv c17l1n4d c1avwdii cnllhbg c805ixc clnm6x2 c1q7h7e0 c1h9vaz9 c131xast c1rgqj4g c4jumok c12n63oh ct6ibss cd27rhw c17aqieu cimhatq c18butzo c2cqiaz cmhsgph c1pwmwca`}>
{"button"}
</Link>
<Link
className={`w-link co184o1 c1m5vcub chn26u6 c1xkkycc c168jv9l c1kam8hn cr6nhi c14nvc9f c5y8ol8 ckvl9b1 ctehfbz cuvaji7 cop5kpr c1kt266e c1n8hmay cvj9ekv c17l1n4d c1avwdii cnllhbg c805ixc clnm6x2 c1q7h7e0 c1h9vaz9 c131xast c1rgqj4g c4jumok cu2b2wk ct6ibss cd27rhw c17aqieu cimhatq c18butzo c2cqiaz cmhsgph c1pwmwca`}>
{"is-button-secondary"}
</Link>
</Box>
</Box>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c16x1j9j c1w1qug2 c179voey c17ciogo c11qwvck c1l6ukm0 cs4sfbe c12uxb9t c19b8mtf`}>
<Text
className={`w-text cpy9osq c1fz3jql c295c6u c1cpwb7t cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx`}>
{"link"}
</Text>
<Link
className={`w-link co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1nle8ys cl03jb4 cllrotz c1vd3gd4 c1020k27 c1mj5urp chrscrk camxvmn c18butzo c2cqiaz cjm7u3n c9usqtl cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca`}>
{"Link text you can edit"}
</Link>
</Box>
</Box>
</Box>
<Box
id={"elements"}
className={`w-box cp94bc7 c11qwvck cd2y3jk cxr6nd4 c1lau6ea`}>
<Box
className={`w-box cp94bc7 c11qwvck c1govta7 cz2rj1u c1pjhxif`}>
<Heading
tag={"h2"}
className={`w-heading c18zze6k c4at5v3 c1azrkpb cuvaji7 c1xwz85y c121v773`}>
{"Elements"}
</Heading>
</Box>
<Box
className={`w-box cp94bc7 c11qwvck c1govta7 cz2rj1u`}>
<Text
className={`w-text cpy9osq c1fz3jql c295c6u c1cpwb7t cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx`}>
{"heading-1|2|3|4|5|6"}
</Text>
<Heading
className={`w-heading c10008kv c4at5v3 c121v773 c1xwz85y`}>
{"Heading 1 text "}
{""}
<br />
{""}
{"you can edit"}
</Heading>
<Heading
className={`w-heading c18zze6k c4at5v3 c1azrkpb cuvaji7 c1xwz85y c121v773`}>
{"Heading 2 text "}
{""}
<br />
{""}
{"you can edit"}
</Heading>
<Heading
className={`w-heading c16ua4pw c4at5v3 c1xwz85y c1azrkpb c121v773`}>
{"Heading 3 text "}
{""}
<br />
{""}
{"you can edit"}
</Heading>
<Heading
className={`w-heading c63nb5x c4at5v3 c121v773 c1xwz85y`}>
{"Heading 4 text "}
{""}
<br />
{""}
{"you can edit"}
</Heading>
<Heading
className={`w-heading cgi1te5 c4at5v3 c121v773 c1xwz85y`}>
{"Heading 5 text "}
{""}
<br />
{""}
{"you can edit"}
</Heading>
<Heading
className={`w-heading cgi1te5 c4at5v3 c121v773 c1xwz85y`}>
{"Heading 6 text "}
{""}
<br />
{""}
{"you can edit"}
</Heading>
<Paragraph
className={`w-paragraph`}>
{"Paragraph "}
<RichTextLink
className={`w-rich-text-link co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1nle8ys cl03jb4 cllrotz c1vd3gd4 c1020k27 c1mj5urp chrscrk camxvmn c18butzo c2cqiaz cjm7u3n c9usqtl cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca`}>
{"text you"}
</RichTextLink>
{" can edit"}
{""}
<br />
{""}
{"that spans multiple lines"}
</Paragraph>
<Blockquote
className={`w-blockquote c1xwz85y cxlizzc cshfrz3 c1nlq78l c1qci4em`}>
<Span
className={`w-text-1 cpy9osq c1fz3jql c295c6u c1cpwb7t cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx`}>
{"blockquote"}
</Span>
{" text you can edit"}
</Blockquote>
<Text
className={`w-text cpy9osq c1fz3jql c295c6u c1cpwb7t cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx`}>
{"list"}
</Text>
<List
className={`w-list c1xwz85y`}>
<ListItem
className={`w-list-item`}>
<Span
className={`w-text-1 cpy9osq c1fz3jql c295c6u c1cpwb7t cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx`}>
{"list-item"}
</Span>
{" text you can edit"}
</ListItem>
<ListItem
className={`w-list-item`}>
{"List Item text you can edit"}
</ListItem>
<ListItem
className={`w-list-item`}>
{"List Item text you can edit"}
</ListItem>
</List>
<Text
className={`w-text cpy9osq c1fz3jql c295c6u c1cpwb7t cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx`}>
{"separator"}
</Text>
<Separator
className={`w-separator cbjvdsp c1ubzs3e c121v773 c1xwz85y`} />
<Text
className={`w-text cpy9osq c1fz3jql c295c6u c1cpwb7t cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx`}>
{"code"}
</Text>
<CodeText
code={"console.log(\"Hello World\");"}
lang={""}
className={`w-code-text c5jaok8 ccz7io3 cvunz0r cr00axo c1uyr3yf cwn8f6m c1ld2p1v c1nnkghl`} />
</Box>
</Box>
<Box
id={"forms"}
className={`w-box cp94bc7 c11qwvck cd2y3jk cxr6nd4 c1lau6ea`}>
<Box
className={`w-box cp94bc7 c11qwvck c1govta7 cz2rj1u c1pjhxif`}>
<Heading
tag={"h2"}
className={`w-heading c18zze6k c4at5v3 c1azrkpb cuvaji7 c1xwz85y c121v773`}>
{"Forms"}
</Heading>
</Box>
<Box
className={`w-box csigh51 c1nhmugc c10wydka c137e3t9 cuhtd2h`}>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c14nvc9f c5y8ol8 c179voey c17ciogo c11qwvck c1cf6nsd c1u4uxjh c12uxb9t c19b8mtf`}>
<Text
className={`w-text cpy9osq c1fz3jql c295c6u c1cpwb7t cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx`}>
{"membership-form"}
</Text>
<Slot>
<Fragment_1>
<RemixForm
method={"post"}
action={"/join-jaba"}
encType={"application/x-www-form-urlencoded"}
className={`w-element cp94bc7 c11qwvck c1pz3ug ckrfty5 cbi2tca c4cvase ce2l3ae cj4bx45 c7osw9i c2i79xg`}>
<h2
className={`w-element cuvaji7 ct40akc co5mmtv`}>
{"Join JABA"}
</h2>
<label
className={`w-element cest8h4`}>
{"Enter your name"}
</label>
<Input
required={true}
placeholder={"John Doe"}
type={"text"}
className={`w-element cest8h4 ct6ibss cd27rhw c17aqieu cimhatq c96mnhx c1fb4zt8 c170w0b1 cgqhfkb c2gdc4n c9723rb cifeda6 c1q2ynfb c5zts82 c1hw7bli c1qviook c1ooayp8 cu2b2wk`} />
<label
className={`w-element cest8h4`}>
{"Enter your email"}
</label>
<Input
required={true}
placeholder={"john.doe@example.com"}
type={"email"}
className={`w-element cest8h4 ct6ibss cd27rhw c17aqieu cimhatq c96mnhx c1fb4zt8 c170w0b1 cgqhfkb c2gdc4n c9723rb cifeda6 c1q2ynfb c5zts82 c1hw7bli c1qviook c1ooayp8 cu2b2wk`} />
<label
className={`w-element cest8h4`}>
{"Enter your phone number"}
</label>
<Input
type={"tel"}
placeholder={"555-555-5555"}
required={false}
className={`w-element cest8h4 ct6ibss cd27rhw c17aqieu cimhatq c170w0b1 cgqhfkb c96mnhx c1fb4zt8 c2gdc4n c9723rb cifeda6 c1q2ynfb c5zts82 c1hw7bli c1qviook c1ooayp8 cu2b2wk`} />
<button
type={"submit"}
className={`w-element c1azrkpb c1m5vcub chn26u6 c1xkkycc c168jv9l c1kam8hn cr6nhi c14nvc9f c5y8ol8 ckvl9b1 ctehfbz cuvaji7 cop5kpr c1kt266e c1n8hmay cvj9ekv c17l1n4d c1avwdii cnllhbg c805ixc clnm6x2 c1q7h7e0 c1h9vaz9 c131xast c1rgqj4g c4jumok c12n63oh ct6ibss cd27rhw c17aqieu cimhatq c18butzo c2cqiaz cmhsgph c1pwmwca`}>
{"Submit"}
</button>
<span
className={`w-element c11p0ra5 co5mmtv cuvaji7`}>
{"Thank you for contacting us!"}
</span>
</RemixForm>
</Fragment_1>
</Slot>
</Box>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c14nvc9f c5y8ol8 c179voey c17ciogo c11qwvck c1cf6nsd c1u4uxjh c12uxb9t c19b8mtf`}>
<Text
className={`w-text cpy9osq c1fz3jql c295c6u c1cpwb7t cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx`}>
{"contact-form"}
</Text>
<Slot>
<Fragment_1>
<RemixForm
method={"post"}
action={"/join-jaba"}
encType={"application/x-www-form-urlencoded"}
className={`w-element cp94bc7 c11qwvck c1pz3ug ckrfty5 cbi2tca c4cvase ce2l3ae cj4bx45 cu2b2wk c7osw9i c2i79xg c3515xc cktg0ak`}>
<h2
className={`w-element cuvaji7 ct40akc co5mmtv c1tmr06v cu32avb cr0mszb`}>
<span
className={`w-element`}>
{"Contact"}
</span>
{" JABA"}
</h2>
<span
className={`w-element c11p0ra5 co5mmtv cuvaji7`}>
{"Thank you for contacting us!"}
</span>
<label
className={`w-element cest8h4`}>
{"Enter your name"}
</label>
<Input
required={true}
placeholder={"John Doe"}
type={"text"}
className={`w-element cest8h4 ct6ibss cd27rhw c17aqieu cimhatq c96mnhx c1fb4zt8 c170w0b1 cgqhfkb c2gdc4n c9723rb cifeda6 c1q2ynfb c5zts82 c1hw7bli c1qviook c1ooayp8 cu2b2wk`} />
<label
className={`w-element cest8h4`}>
{"Enter your email"}
</label>
<Input
required={true}
placeholder={"john.doe@example.com"}
type={"email"}
className={`w-element cest8h4 ct6ibss cd27rhw c17aqieu cimhatq c96mnhx c1fb4zt8 c170w0b1 cgqhfkb c2gdc4n c9723rb cifeda6 c1q2ynfb c5zts82 c1hw7bli c1qviook c1ooayp8 cu2b2wk`} />
<label
className={`w-element cest8h4`}>
{"Enter your message"}
</label>
<Textarea
className={`w-element cest8h4 c2gdc4n c9723rb cifeda6 c1q2ynfb c5zts82 c1hw7bli c1qviook c1ooayp8 ct6ibss cd27rhw c17aqieu cimhatq c96mnhx c1fb4zt8 c170w0b1 cgqhfkb c4yjwh8 cu2b2wk`} />
<button
type={"submit"}
className={`w-element c1azrkpb c1m5vcub chn26u6 c1xkkycc c168jv9l c1kam8hn cr6nhi c14nvc9f c5y8ol8 ckvl9b1 ctehfbz cuvaji7 cop5kpr c1kt266e c1n8hmay cvj9ekv c17l1n4d c1avwdii cnllhbg c805ixc clnm6x2 c1q7h7e0 c1h9vaz9 c131xast c1rgqj4g c4jumok c12n63oh ct6ibss cd27rhw c17aqieu cimhatq c18butzo c2cqiaz cmhsgph c1pwmwca`}>
{"Submit"}
</button>
</RemixForm>
</Fragment_1>
</Slot>
</Box>
</Box>
</Box>
<Box
id={"radix"}
className={`w-box cp94bc7 c11qwvck cd2y3jk cxr6nd4 c1lau6ea`}>
<Box
className={`w-box cp94bc7 c11qwvck c1govta7 cz2rj1u c1pjhxif`}>
<Heading
tag={"h2"}
className={`w-heading c18zze6k c4at5v3 c1azrkpb cuvaji7 c1xwz85y c121v773`}>
{"Radix"}
</Heading>
</Box>
<Box
className={`w-box csigh51 c1nhmugc c10wydka c137e3t9 cuhtd2h`}>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c14nvc9f c5y8ol8 c179voey c17ciogo c11qwvck c1cf6nsd c1u4uxjh c12uxb9t c19b8mtf`}>
<Text
className={`w-text cpy9osq c1fz3jql c295c6u c1cpwb7t cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx`}>
{"my-token"}
</Text>
</Box>
</Box>
</Box>
<Box
id={"utility"}
className={`w-box cp94bc7 c11qwvck cd2y3jk cxr6nd4 c1lau6ea`}>
<Box
className={`w-box cp94bc7 c11qwvck c1govta7 cz2rj1u c1pjhxif`}>
<Heading
tag={"h2"}
className={`w-heading c18zze6k c4at5v3 c1azrkpb cuvaji7 c1xwz85y c121v773`}>
{"Utility"}
</Heading>
</Box>
<Box
className={`w-box csigh51 c1nhmugc c10wydka c137e3t9 cuhtd2h`}>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c14nvc9f c5y8ol8 c179voey c17ciogo c11qwvck c1cf6nsd c1u4uxjh c12uxb9t c19b8mtf`}>
<Text
className={`w-text cpy9osq c1fz3jql c295c6u c1cpwb7t cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx`}>
{"my-token"}
</Text>
</Box>
</Box>
</Box>
<Box
id={"slots"}
className={`w-box cp94bc7 c11qwvck cd2y3jk cxr6nd4 c1lau6ea`}>
<Box
className={`w-box cp94bc7 c11qwvck c1govta7 cz2rj1u c1pjhxif`}>
<Heading
tag={"h2"}
className={`w-heading c18zze6k c4at5v3 c1azrkpb cuvaji7 c1xwz85y c121v773`}>
{"Slots"}
</Heading>
</Box>
<Box
className={`w-box csigh51 c1nhmugc c10wydka c137e3t9 cuhtd2h`}>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c14nvc9f c5y8ol8 c179voey c17ciogo c11qwvck c1cf6nsd c1u4uxjh c12uxb9t c19b8mtf`}>
<Text
className={`w-text cpy9osq c1fz3jql c295c6u c1cpwb7t cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx`}>
{"my-slot"}
</Text>
</Box>
</Box>
</Box>
<Box
id={"custom"}
className={`w-box cp94bc7 c11qwvck cd2y3jk cxr6nd4 c1lau6ea`}>
<Box
className={`w-box cp94bc7 c11qwvck c1govta7 cz2rj1u c1pjhxif`}>
<Heading
tag={"h2"}
className={`w-heading c18zze6k c4at5v3 c1azrkpb cuvaji7 c1xwz85y c121v773`}>
{"Custom"}
</Heading>
</Box>
<Box
className={`w-box csigh51 c1nhmugc c10wydka c137e3t9 cuhtd2h`}>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c14nvc9f c5y8ol8 c179voey c17ciogo c11qwvck c1cf6nsd c1u4uxjh c12uxb9t c19b8mtf`}>
<Text
className={`w-text cpy9osq c1fz3jql c295c6u c1cpwb7t cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx`}>
{"Card"}
</Text>
<Box
className={`w-box c11qwvck c16owjvy c1yac48r c63pj4z co6l97s cb1yxpz c3s07sa cp94bc7 ckrfty5 c1pz3ug cctlk77 c9ort0q c1xgc15y c1eyvkpq`}>
<Box
className={`w-box c14nvc9f c1w1qug2 c1ffen0s cp94bc7 ckrfty5 c1pz3ug`}>
<HtmlEmbed
code={"<svg data-slot=\"icon\" fill=\"currentColor\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n <path clip-rule=\"evenodd\" fill-rule=\"evenodd\" d=\"M12 1.5a.75.75 0 0 1 .75.75V4.5a.75.75 0 0 1-1.5 0V2.25A.75.75 0 0 1 12 1.5ZM5.636 4.136a.75.75 0 0 1 1.06 0l1.592 1.591a.75.75 0 0 1-1.061 1.06l-1.591-1.59a.75.75 0 0 1 0-1.061Zm12.728 0a.75.75 0 0 1 0 1.06l-1.591 1.592a.75.75 0 0 1-1.06-1.061l1.59-1.591a.75.75 0 0 1 1.061 0Zm-6.816 4.496a.75.75 0 0 1 .82.311l5.228 7.917a.75.75 0 0 1-.777 1.148l-2.097-.43 1.045 3.9a.75.75 0 0 1-1.45.388l-1.044-3.899-1.601 1.42a.75.75 0 0 1-1.247-.606l.569-9.47a.75.75 0 0 1 .554-.68ZM3 10.5a.75.75 0 0 1 .75-.75H6a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 10.5Zm14.25 0a.75.75 0 0 1 .75-.75h2.25a.75.75 0 0 1 0 1.5H18a.75.75 0 0 1-.75-.75Zm-8.962 3.712a.75.75 0 0 1 0 1.061l-1.591 1.591a.75.75 0 1 1-1.061-1.06l1.591-1.592a.75.75 0 0 1 1.06 0Z\"></path>\n</svg>"}
className={`w-html-embed cc3pgtt c174r48x c16x1j9j c1w1qug2 c1ffen0s c1q3s83n c1g8gtf5 c1lqkjye`} />
<Heading
tag={"h3"}
className={`w-heading c1q3s83n`}>
{"Card Heading"}
</Heading>
</Box>
<Box
className={`w-box c1pz3ug ckrfty5`}>
<Paragraph
className={`w-paragraph`}>
{"Card body text. Card body text. Card body text. Card body text. Card body text. Card body text."}
</Paragraph>
</Box>
<Box
className={`w-box`}>
<Link_1
className={`w-element c1q3s83n`} />
</Box>
</Box>
</Box>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c14nvc9f c5y8ol8 c179voey c17ciogo c11qwvck c1cf6nsd c1u4uxjh c12uxb9t c19b8mtf`}>
<Text
className={`w-text cpy9osq c1fz3jql c295c6u c1cpwb7t cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx`}>
{"Card-long"}
</Text>
<Box
className={`w-box c11qwvck c16owjvy c1yac48r c63pj4z co6l97s cb1yxpz c3s07sa cp94bc7 ckrfty5 c1pz3ug cs7jf99 cf62oqr cp3dv0p c9ort0q c1xgc15y`}>
<Box
className={`w-box c14nvc9f c1w1qug2 c1ffen0s cp94bc7 ckrfty5 c1pz3ug`}>
<HtmlEmbed
code={"<svg data-slot=\"icon\" fill=\"currentColor\" width=\"100%\" height=\"100%\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n <path clip-rule=\"evenodd\" fill-rule=\"evenodd\" d=\"M12 1.5a.75.75 0 0 1 .75.75V4.5a.75.75 0 0 1-1.5 0V2.25A.75.75 0 0 1 12 1.5ZM5.636 4.136a.75.75 0 0 1 1.06 0l1.592 1.591a.75.75 0 0 1-1.061 1.06l-1.591-1.59a.75.75 0 0 1 0-1.061Zm12.728 0a.75.75 0 0 1 0 1.06l-1.591 1.592a.75.75 0 0 1-1.06-1.061l1.59-1.591a.75.75 0 0 1 1.061 0Zm-6.816 4.496a.75.75 0 0 1 .82.311l5.228 7.917a.75.75 0 0 1-.777 1.148l-2.097-.43 1.045 3.9a.75.75 0 0 1-1.45.388l-1.044-3.899-1.601 1.42a.75.75 0 0 1-1.247-.606l.569-9.47a.75.75 0 0 1 .554-.68ZM3 10.5a.75.75 0 0 1 .75-.75H6a.75.75 0 0 1 0 1.5H3.75A.75.75 0 0 1 3 10.5Zm14.25 0a.75.75 0 0 1 .75-.75h2.25a.75.75 0 0 1 0 1.5H18a.75.75 0 0 1-.75-.75Zm-8.962 3.712a.75.75 0 0 1 0 1.061l-1.591 1.591a.75.75 0 1 1-1.061-1.06l1.591-1.592a.75.75 0 0 1 1.06 0Z\"></path>\n</svg>"}
className={`w-html-embed cc3pgtt c174r48x c16x1j9j c1w1qug2 c1ffen0s c1q3s83n c1g8gtf5 c1lqkjye`} />
<Heading
tag={"h3"}
className={`w-heading c1q3s83n`}>
{"Card Heading"}
</Heading>
</Box>
<Box
className={`w-box c1pz3ug ckrfty5`}>
<Paragraph
className={`w-paragraph`}>
{"Card body text. Card body text. Card body text. Card body text. Card body text. Card body text."}
</Paragraph>
</Box>
<Box
className={`w-box`}>
<Link_1
className={`w-element c1q3s83n`} />
</Box>
</Box>
</Box>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c14nvc9f c5y8ol8 c179voey c17ciogo c11qwvck c1cf6nsd c1u4uxjh c12uxb9t c19b8mtf`}>
<Text
className={`w-text cpy9osq c1fz3jql c295c6u c1cpwb7t cuvaji7 c1abs3c3 c1phalk4 c6527kf c1sb5glh cax8fx`}>
{"my-token"}
</Text>
</Box>
</Box>
</Box>
<Box
id={"notes"}
className={`w-box cp94bc7 c11qwvck cd2y3jk cxr6nd4 c1lau6ea`}>
<Box
className={`w-box cp94bc7 c11qwvck c1govta7 cz2rj1u c1pjhxif`}>
<Heading
tag={"h2"}
className={`w-heading c18zze6k c4at5v3 c1azrkpb cuvaji7 c1xwz85y c121v773`}>
{"Notes"}
</Heading>
<Paragraph
className={`w-paragraph c826x4y c13s7hvp`}>
{"Add notes for yourself or other creators that explain any nuances of the build."}
</Paragraph>
</Box>
<Box
className={`w-box csigh51 c1nhmugc c10wydka c137e3t9 cuhtd2h`}>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c14nvc9f c5y8ol8 c179voey c17ciogo c11qwvck c1cf6nsd c1u4uxjh c12uxb9t c19b8mtf`}>
<Paragraph
className={`w-paragraph`}>
{"These are global CSS variables added in addition to Open Props."}
</Paragraph>
<CodeText
code={"--foreground-primary\n--foreground-secondary\n--foreground-accent\n--foreground-muted\n--foreground-border\n\n--background-primary\n--background-secondary\n--background-accent\n--background-card\n\n--gap-xs\n--gap-s\n--gap-m\n--gap-l\n\n--focus-color\n--focus-width\n--focus-offset\n\n--duration-default\n--easing-default"}
className={`w-code-text c5jaok8 ccz7io3 cvunz0r cr00axo c1ld2p1v c1ubzs3e c1nnkghl cjr1r21`} />
</Box>
<Box
className={`w-box cbi2tca c4cvase ce2l3ae cj4bx45 cp94bc7 c16x1j9j c1w1qug2 c179voey c17ciogo c11qwvck c1cf6nsd c1u4uxjh c12uxb9t c19b8mtf`}>
<Paragraph
className={`w-paragraph`}>
<Bold
className={`w-bold-text`}>
{"Want to start with a light theme?"}
</Bold>
</Paragraph>
<Paragraph
className={`w-paragraph`}>
{"Click "}
<Span
className={`w-text-1 c5jaok8 ccz7io3 cvunz0r cr00axo c1uyr3yf cwn8f6m c1ld2p1v c1nnkghl`}>
{"+"}
</Span>
{" in Advanced on the Global Root and paste in the following:"}
</Paragraph>
<CodeText
code={"--foreground-primary: var(--gray-10);\n--foreground-muted: var(--gray-7);\n--background-primary: var(--gray-0);\n--background-secondary: var(--gray-3);\n--background-accent: var(--gray-10);"}
className={`w-code-text c5jaok8 ccz7io3 cvunz0r cr00axo c1ld2p1v c1ubzs3e c1nnkghl cjr1r21`} />
</Box>
</Box>
</Box>
</Box>
<Box
tag={"nav"}
className={`w-box c1ri65yx c13jmrtb c1tx9axw c1rn8w0x c1suz4cl c1es0oo cv4gu2s c1ld2p1v cx70a1 c1hghsug`}>
<Box
className={`w-box c86u3j3 cie66yg c1ubzs3e c1a9y6a cp94bc7 c1ffen0s c1lau6ea c16owjvy c1govta7 cz2rj1u c19y7ngt cfyo9g8 c1wgl7yq`}>
<Link
className={`w-link co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1nle8ys cl03jb4 cllrotz c1vd3gd4 c1020k27 c1mj5urp chrscrk camxvmn c18butzo c2cqiaz cjm7u3n c9usqtl cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca`}>
{"Layout"}
</Link>
<Link
className={`w-link co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1nle8ys cl03jb4 cllrotz c1vd3gd4 c1020k27 c1mj5urp chrscrk camxvmn c18butzo c2cqiaz cjm7u3n c9usqtl cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca`}>
{"Colors"}
</Link>
<Link
className={`w-link co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1nle8ys cl03jb4 cllrotz c1vd3gd4 c1020k27 c1mj5urp chrscrk camxvmn c18butzo c2cqiaz cjm7u3n c9usqtl cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca`}>
{"Links & Buttons"}
</Link>
<Link
className={`w-link co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1nle8ys cl03jb4 cllrotz c1vd3gd4 c1020k27 c1mj5urp chrscrk camxvmn c18butzo c2cqiaz cjm7u3n c9usqtl cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca`}>
{"Elements"}
</Link>
<Link
className={`w-link co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1nle8ys cl03jb4 cllrotz c1vd3gd4 c1020k27 c1mj5urp chrscrk camxvmn c18butzo c2cqiaz cjm7u3n c9usqtl cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca`}>
{"Forms"}
</Link>
<Link
className={`w-link co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1nle8ys cl03jb4 cllrotz c1vd3gd4 c1020k27 c1mj5urp chrscrk camxvmn c18butzo c2cqiaz cjm7u3n c9usqtl cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca`}>
{"Radix"}
</Link>
<Link
className={`w-link co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1nle8ys cl03jb4 cllrotz c1vd3gd4 c1020k27 c1mj5urp chrscrk camxvmn c18butzo c2cqiaz cjm7u3n c9usqtl cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca`}>
{"Utility"}
</Link>
<Link
className={`w-link co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1nle8ys cl03jb4 cllrotz c1vd3gd4 c1020k27 c1mj5urp chrscrk camxvmn c18butzo c2cqiaz cjm7u3n c9usqtl cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca`}>
{"Slots"}
</Link>
<Link
className={`w-link co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1nle8ys cl03jb4 cllrotz c1vd3gd4 c1020k27 c1mj5urp chrscrk camxvmn c18butzo c2cqiaz cjm7u3n c9usqtl cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca`}>
{"Custom"}
</Link>
<Link
className={`w-link co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1nle8ys cl03jb4 cllrotz c1vd3gd4 c1020k27 c1mj5urp chrscrk camxvmn c18butzo c2cqiaz cjm7u3n c9usqtl cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca`}>
{"Notes"}
</Link>
</Box>
</Box>
</Box>
<Box
className={`w-box c86u3j3 cie66yg c1ubzs3e c1a9y6a cp94bc7 c11qwvck c14nvc9f c5y8ol8 ckvl9b1 ctehfbz c19y7ngt cfyo9g8 cnfbw7d c5023p7 c1ehe8py c1dfhduu c1rbk22j cdl0evl c1em5py7 c1dgxli2 c1d33cxe`}>
<Heading
tag={"h2"}
className={`w-heading c18zze6k c4at5v3 c1azrkpb cuvaji7 c1xwz85y c121v773`}>
{"👇Template for new pages👇"}
</Heading>
<Paragraph
className={`w-paragraph c13s7hvp cuvaji7 cyf38ds`}>
{"When creating a new page, you can copy the \"Page Wrapper\" instance below (see navigator) and paste it on the new page. It contains the skeleton of a page, including a nav, footer, and section."}
</Paragraph>
</Box>
<Box
className={`w-box`}>
<Slot>
<Fragment_1>
<Box
tag={"header"}
className={`w-box c86u3j3 cie66yg c1ubzs3e c1a9y6a csigh51 c11qwvck c14nvc9f c1w1qug2 cuee1l7 cjyih89 c19y7ngt cfyo9g8 c17f47ak c1j44swm c1m10k9x ccf9zl4 chhkvxo c1azrkpb c16ia0hd c1ll5duv c1i1lfp9 cdk5g5w c195yron ccvkxs1 c1osswck c1anfr66 cqb29gh c16gl1yk c1bo5jx8`}>
<Slot>
<Fragment_1>
<Link
aria-label={"Home"}
href={"/"}
className={`w-link co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f cp1b2ho c1kam8hn c14u70xt c4at5v3 c15k4kgt c152vem5 cp195w1 cb7fen3 c18butzo c2cqiaz cjm7u3n cnahfn cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca c16nfxdh c1icskyl cak8cqz c15l0co c1bo5jx8 c3515xc`}>
<Image
loading={"eager"}
alt={"Jamaican-American Bar Association logo"}
src={"/assets/jaba_5QOC3c3LtpsinL7LWKF1X.png"}
width={1847}
height={804}
className={`w-image cpi4eeb car8ccq cii82tr c1nax5i6 c1020k27 c1mj5urp chrscrk c1icv2b1 c1ybndks c1q3s83n cxxnwk0 c4at5v3 ctwp5pr c3515xc c16gl1yk c1sj139o`} />
<h1
className={`w-element c1q3s83n c12idy5m c1jiwk9l c10s2wjq csokkn5 ctw8w6h cxat32q c1mb86gx cf1ldxz cgzc9qc cwjf9lc c1wv9bnt czj84j4 c9ho4ea cvdqajt ca3rfpn co5mmtv c3ypv9r coccgs1 c3515xc c1e50ecq ce68ypr cs1bb47 cl8u0cp c1k6o9m5 c1kzhat4 cu7uckz`}>
{"Jamaican-American"}
{""}
<br />
{""}
{"Bar Association"}
</h1>
</Link>
</Fragment_1>
</Slot>
<Box
tag={"nav"}
aria-label={"main"}
className={`w-box cp94bc7 c14nvc9f c5y8ol8 c179voey c17ciogo c1e2v4we`}>
<NavigationMenu
className={`w-navigation-menu c1ubzs3e`}>
<NavigationMenuList
className={`w-menu-list cp94bc7 c179voey c4vpzrb c6zah2w c9e8yd3 c14nvc9f c1n66h91 cuee1l7 cjyih89 cuvaji7 c1evld32 cbr2lzh c1j6vjaw c3cufv3`}>
<NavigationMenuItem
data-ws-index="0"
className={`w-menu-item`}>
<Link
href={"/"}
className={`w-link c1azrkpb cr6nhi cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1h9vaz9 c131xast c1rgqj4g c4jumok c1020k27 c1mj5urp chrscrk camxvmn cjuaq4b ckrfty5 c1pz3ug c14nvc9f c5y8ol8 cu2b2wk c18butzo c2cqiaz cjm7u3n cnahfn cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca c191wtp7`}>
{"Home"}
</Link>
</NavigationMenuItem>
<NavigationMenuItem
data-ws-index="1"
className={`w-menu-item`}>
<NavigationMenuTrigger>
<Button
type={"button"}
className={`w-button c1azrkpb cr6nhi cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1h9vaz9 c131xast c1rgqj4g c4jumok c1020k27 c1mj5urp chrscrk camxvmn cjuaq4b ckvl9b1 ctehfbz c14nvc9f c5y8ol8 cu2b2wk c18butzo c2cqiaz cjm7u3n cnahfn cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca c191wtp7`}>
<Text
className={`w-text`}>
{"About"}
</Text>
<Box
className={`w-box cbcsznr c1fvnzwb c17ciogo c10jsqm6 ch651t9 cnh9zwl cdeqnqk c1o2idp6 cl47yew coi8s2o`}>
<HtmlEmbed
code={"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill=\"currentColor\" width=\"100%\" height=\"100%\"><path d=\"M4.04 6.284a.65.65 0 0 1 .92.001L8 9.335l3.04-3.05a.65.65 0 1 1 .921.918l-3.5 3.512a.65.65 0 0 1-.921 0L4.039 7.203a.65.65 0 0 1 .001-.92Z\"></path></svg>"}
className={`w-html-embed`} />
</Box>
</Button>
</NavigationMenuTrigger>
<NavigationMenuContent
className={`w-menu-content c1suz4cl c1rn8w0x c1yrt8e6 cp94bc7 ckrfty5 c1pz3ug cvdqajt c1i6zfw6`}>
<Box
className={`w-box cp94bc7 c11qwvck c5y8ol8`}>
<Link
href={"/about"}
className={`w-link c1azrkpb cr6nhi cpm0cw4 c14gwly4 cep9jsb ca407w7 c1hi01pd c128m70s c1kam8hn c14nvc9f c1w1qug2 ckrfty5 c1pz3ug cbi2tca c4cvase ce2l3ae cj4bx45 c1g4qy8c c1ugw873 c1x53puq c18butzo c2cqiaz cjm7u3n cnahfn caar9ib ckcfqgd c1u1lvxa cyyrqss c1d7162n c1auokji cmhsgph c1pwmwca`}>
<Box
className={`w-box cmz4wiy c5l8r0o cudt6g5 cta1o7q c1g7jxqz c14ib7ie cl47yew coi8s2o c1x53puq`}>
<HtmlEmbed
code={"<svg data-slot=\"icon\" width=\"100%\" height=\"100%\" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n <path clip-rule=\"evenodd\" fill-rule=\"evenodd\" d=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z\"></path>\n</svg>"}
className={`w-html-embed cudt6g5`} />
</Box>
<Box
className={`w-box cp94bc7 c11qwvck c16x1j9j c10y43wr cshrha5`}>
<Text
tag={"span"}
className={`w-text cop5kpr`}>
{"About Us"}
</Text>
<Text
tag={"span"}
className={`w-text cyf38ds`}>
{"Learn more about JABA"}
</Text>
</Box>
</Link>
<Link
href={"/about"}
className={`w-link c1azrkpb cr6nhi cpm0cw4 c14gwly4 cep9jsb ca407w7 c1hi01pd c128m70s c1kam8hn c14nvc9f c1w1qug2 ckrfty5 c1pz3ug cbi2tca c4cvase ce2l3ae cj4bx45 c1g4qy8c c1ugw873 c1x53puq c18butzo c2cqiaz cjm7u3n cnahfn caar9ib ckcfqgd c1u1lvxa cyyrqss c1d7162n c1auokji cmhsgph c1pwmwca`}>
<Box
className={`w-box cmz4wiy c5l8r0o cudt6g5 cta1o7q c1g7jxqz c14ib7ie cl47yew coi8s2o c1x53puq`}>
<HtmlEmbed
code={"<svg data-slot=\"icon\" width=\"100%\" height=\"100%\" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n <path clip-rule=\"evenodd\" fill-rule=\"evenodd\" d=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z\"></path>\n</svg>"}
className={`w-html-embed cudt6g5`} />
</Box>
<Box
className={`w-box cp94bc7 c11qwvck c16x1j9j c10y43wr cshrha5`}>
<Text
tag={"span"}
className={`w-text cop5kpr`}>
{"Our Officers"}
</Text>
<Text
tag={"span"}
className={`w-text cyf38ds`}>
{"The faces behind JABA"}
</Text>
</Box>
</Link>
<Link
href={"/membership"}
className={`w-link c1azrkpb cr6nhi cpm0cw4 c14gwly4 cep9jsb ca407w7 c1hi01pd c128m70s c1kam8hn c14nvc9f c1w1qug2 ckrfty5 c1pz3ug cbi2tca c4cvase ce2l3ae cj4bx45 c1g4qy8c c1ugw873 c1x53puq c18butzo c2cqiaz cjm7u3n cnahfn caar9ib ckcfqgd c1u1lvxa cyyrqss c1d7162n c1auokji cmhsgph c1pwmwca`}>
<Box
className={`w-box cmz4wiy c5l8r0o cudt6g5 cta1o7q c1g7jxqz c14ib7ie cl47yew coi8s2o c1x53puq`}>
<HtmlEmbed
code={"<svg data-slot=\"icon\" width=\"100%\" height=\"100%\" fill=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\">\n <path clip-rule=\"evenodd\" fill-rule=\"evenodd\" d=\"M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12Zm13.36-1.814a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z\"></path>\n</svg>"}
className={`w-html-embed cudt6g5`} />
</Box>
<Box
className={`w-box cp94bc7 c11qwvck c16x1j9j c10y43wr cshrha5`}>
<Text
tag={"span"}
className={`w-text cop5kpr`}>
{"Membership"}
</Text>
<Text
tag={"span"}
className={`w-text cyf38ds`}>
{"Become a part of JABA"}
</Text>
</Box>
</Link>
</Box>
</NavigationMenuContent>
</NavigationMenuItem>
<NavigationMenuItem
data-ws-index="2"
className={`w-menu-item`}>
<Link
href={"/directory"}
className={`w-link c1azrkpb cr6nhi cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1h9vaz9 c131xast c1rgqj4g c4jumok c1020k27 c1mj5urp chrscrk camxvmn cjuaq4b ckvl9b1 ctehfbz c14nvc9f c5y8ol8 cu2b2wk c18butzo c2cqiaz cjm7u3n cnahfn cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca c191wtp7`}>
{"Directory"}
</Link>
</NavigationMenuItem>
<NavigationMenuItem
data-ws-index="3"
className={`w-menu-item`}>
<Link
href={"/events"}
className={`w-link c1azrkpb cr6nhi cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1h9vaz9 c131xast c1rgqj4g c4jumok c1020k27 c1mj5urp chrscrk camxvmn cjuaq4b ckvl9b1 ctehfbz c14nvc9f c5y8ol8 cu2b2wk c18butzo c2cqiaz cjm7u3n cnahfn cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca c191wtp7`}>
{"Events"}
</Link>
</NavigationMenuItem>
<NavigationMenuItem
data-ws-index="4"
className={`w-menu-item`}>
<Link
href={"/posts"}
className={`w-link c1azrkpb cr6nhi cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1h9vaz9 c131xast c1rgqj4g c4jumok c1020k27 c1mj5urp chrscrk camxvmn cjuaq4b ckvl9b1 ctehfbz c14nvc9f c5y8ol8 cu2b2wk c18butzo c2cqiaz cjm7u3n cnahfn cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca c191wtp7`}>
{"Blog"}
</Link>
</NavigationMenuItem>
<NavigationMenuItem
data-ws-index="5"
className={`w-menu-item`}>
<Link
href={"/contact"}
className={`w-link c1azrkpb cr6nhi cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1h9vaz9 c131xast c1rgqj4g c4jumok c1020k27 c1mj5urp chrscrk camxvmn cjuaq4b ckvl9b1 ctehfbz c14nvc9f c5y8ol8 cu2b2wk c18butzo c2cqiaz cjm7u3n cnahfn cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca c191wtp7`}>
{"Contact"}
</Link>
</NavigationMenuItem>
</NavigationMenuList>
<Box
className={`w-box cvdqajt c1suz4cl c1482koa cp94bc7 c5y8ol8 cr2i47u c1vjuu35 c1es0oo c1ehe8py c1dfhduu c1rbk22j cdl0evl c1em5py7 c1dgxli2 c1d33cxe`}>
<NavigationMenuViewport
data-ani={"zoom"}
className={`w-menu-viewport chhkvxo cv70um3 c1krdi0x cw2tl0j cjsgen cz8502n cc8vilp c1is9q5b c1a3m1cq c19nzjc2 c8wi3wz c1gr84d3 c1u2qfgv cf1ldxz cgzc9qc c9744wg`} />
</Box>
</NavigationMenu>
</Box>
<Box
className={`w-box cu2htt c1e2v4we c11hgkbs`}>
<Slot>
<Fragment_1>
<Box
className={`w-box c3515xc`}>
<Link
className={`w-link c1azrkpb c1m5vcub chn26u6 c1xkkycc c168jv9l c1kam8hn cr6nhi c14nvc9f c5y8ol8 ckvl9b1 ctehfbz cuvaji7 cop5kpr c1kt266e c1n8hmay cvj9ekv c17l1n4d c1avwdii cnllhbg c805ixc clnm6x2 c1q7h7e0 c1h9vaz9 c131xast c1rgqj4g c4jumok c12n63oh ct6ibss cd27rhw c17aqieu cimhatq c18butzo c2cqiaz cmhsgph c1pwmwca`}>
{"Join"}
</Link>
</Box>
</Fragment_1>
</Slot>
</Box>
<Box
className={`w-box c11p0ra5 c11ggplq`}>
<Dialog>
<DialogTrigger>
<Button
aria-label={"Open mobile menu"}
type={"button"}
className={`w-button c1azrkpb c1m5vcub chn26u6 c1xkkycc c168jv9l c1kam8hn cr6nhi c14nvc9f c5y8ol8 ckvl9b1 ctehfbz cuvaji7 cop5kpr c1kt266e c1n8hmay cvj9ekv c17l1n4d c1avwdii cnllhbg c805ixc clnm6x2 c1q7h7e0 c1h9vaz9 c131xast c1rgqj4g c4jumok c12n63oh ct6ibss cd27rhw c17aqieu cimhatq c18butzo c2cqiaz cmhsgph c1pwmwca c18wv9od c3d1pk2 c1vkziqd c15azqme c19qqyx4 c1p5x6fa clfrlpt cpy412x c1m9aaeh cmmpmn5 c1ea6o8f`}>
<HtmlEmbed
code={"<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 22 22\" fill=\"currentColor\" width=\"100%\" height=\"100%\" style=\"display: block;\" aria-hidden=\"true\"><path fill-rule=\"evenodd\" d=\"M2 5.998a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Zm0 5.5a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Zm0 5.5a.75.75 0 0 1 .75-.75h16.5a.75.75 0 0 1 0 1.5H2.75a.75.75 0 0 1-.75-.75Z\" clip-rule=\"evenodd\"/></svg>"}
className={`w-html-embed c3515xc`} />
</Button>
</DialogTrigger>
<DialogOverlay
data-ani={"fade"}
className={`w-dialog-overlay c11qwvck casxu0o c1egiu5b cxxgnwv c1o9z5do cu9kinz cwv41j1 chaa35t c1lxxf4w c16ia0hd c1qp6ibo ctppodp`}>
<DialogContent
className={`w-dialog-content c179voey c16ia0hd cmf00e9 c1mvheoa c1qp6ibo c11nhyme ctm20vw cu19b52 cniki9z c1ulghb5 c1cx47mp`}>
<Box
className={`w-box c16ia0hd cdk5g5w c1i1lfp9`}>
<Slot>
<Fragment_1>
<Link
aria-label={"Home"}
href={"/"}
className={`w-link co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f cp1b2ho c1kam8hn c14u70xt c4at5v3 c15k4kgt c152vem5 cp195w1 cb7fen3 c18butzo c2cqiaz cjm7u3n cnahfn cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca c16nfxdh c1icskyl cak8cqz c15l0co c1bo5jx8 c3515xc`}>
<Image
loading={"eager"}
alt={"Jamaican-American Bar Association logo"}
src={"/assets/jaba_5QOC3c3LtpsinL7LWKF1X.png"}
width={1847}
height={804}
className={`w-image cpi4eeb car8ccq cii82tr c1nax5i6 c1020k27 c1mj5urp chrscrk c1icv2b1 c1ybndks c1q3s83n cxxnwk0 c4at5v3 ctwp5pr c3515xc c16gl1yk c1sj139o`} />
<h1
className={`w-element c1q3s83n c12idy5m c1jiwk9l c10s2wjq csokkn5 ctw8w6h cxat32q c1mb86gx cf1ldxz cgzc9qc cwjf9lc c1wv9bnt czj84j4 c9ho4ea cvdqajt ca3rfpn co5mmtv c3ypv9r coccgs1 c3515xc c1e50ecq ce68ypr cs1bb47 cl8u0cp c1k6o9m5 c1kzhat4 cu7uckz`}>
{"Jamaican-American"}
{""}
<br />
{""}
{"Bar Association"}
</h1>
</Link>
</Fragment_1>
</Slot>
<DialogClose
aria-label={"Close mobile menu"}
className={`w-close-button c1azrkpb c1m5vcub chn26u6 c1xkkycc c168jv9l c1kam8hn cr6nhi c14nvc9f c5y8ol8 ckvl9b1 ctehfbz cuvaji7 cop5kpr c1kt266e c1n8hmay cvj9ekv c17l1n4d c1avwdii cnllhbg c805ixc clnm6x2 c1q7h7e0 c1h9vaz9 c131xast c1rgqj4g c4jumok c12n63oh ct6ibss cd27rhw c17aqieu cimhatq c18butzo c2cqiaz cmhsgph c1pwmwca c18wv9od c3d1pk2 c1vkziqd c15azqme c19qqyx4 c1p5x6fa clfrlpt cpy412x c1m9aaeh cmmpmn5 c1ea6o8f`}>
<HtmlEmbed
code={"<svg xmlns=\"http://www.w3.org/2000/svg\" aria-hidden=\"true\" viewBox=\"0 0 16 16\" fill=\"currentColor\" width=\"100%\" height=\"100%\" style=\"display: block;\"><path fill-rule=\"evenodd\" d=\"M13.566 2.434a.8.8 0 0 1 0 1.132L9.13 8l4.435 4.434a.8.8 0 0 1-1.132 1.132L8 9.13l-4.434 4.435a.8.8 0 0 1-1.132-1.132L6.87 8 2.434 3.566a.8.8 0 0 1 1.132-1.132L8 6.87l4.434-4.435a.8.8 0 0 1 1.132 0Z\" clip-rule=\"evenodd\"/></svg>"}
className={`w-html-embed`} />
</DialogClose>
</Box>
<Box
tag={"nav"}
aria-label={"Main mobile"}
className={`w-box c16ia0hd c1i1lfp9 cfb1oin c1cazll0 c1qp6ibo`}>
<List
className={`w-list c16ia0hd c1qp6ibo c9ptsut c1t25riy czwwn63 c19wou1l clg0fmv`}>
<ListItem
className={`w-list-item`}>
<Link
href={"/about"}
className={`w-link co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1nle8ys cl03jb4 cllrotz c1vd3gd4 c1020k27 c1mj5urp chrscrk camxvmn c18butzo c2cqiaz cjm7u3n c9usqtl cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca`}>
{"About"}
</Link>
</ListItem>
<ListItem
className={`w-list-item`}>
<Link
href={"/directory"}
className={`w-link co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1nle8ys cl03jb4 cllrotz c1vd3gd4 c1020k27 c1mj5urp chrscrk camxvmn c18butzo c2cqiaz cjm7u3n c9usqtl cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca`}>
{"Directory"}
</Link>
</ListItem>
<ListItem
className={`w-list-item`}>
<Link
href={"/events"}
className={`w-link co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1nle8ys cl03jb4 cllrotz c1vd3gd4 c1020k27 c1mj5urp chrscrk camxvmn c18butzo c2cqiaz cjm7u3n c9usqtl cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca`}>
{"Events"}
</Link>
</ListItem>
<ListItem
className={`w-list-item`}>
<Link
href={"/posts"}
className={`w-link co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1nle8ys cl03jb4 cllrotz c1vd3gd4 c1020k27 c1mj5urp chrscrk camxvmn c18butzo c2cqiaz cjm7u3n c9usqtl cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca`}>
{"Blog"}
</Link>
</ListItem>
<ListItem
className={`w-list-item`}>
<Link
href={"/contact"}
className={`w-link co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1nle8ys cl03jb4 cllrotz c1vd3gd4 c1020k27 c1mj5urp chrscrk camxvmn c18butzo c2cqiaz cjm7u3n c9usqtl cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca`}>
{"Contact"}
</Link>
</ListItem>
</List>
</Box>
<Box
className={`w-box c1594yno`}>
<Slot>
<Fragment_1>
<Box
className={`w-box c3515xc`}>
<Link
className={`w-link c1azrkpb c1m5vcub chn26u6 c1xkkycc c168jv9l c1kam8hn cr6nhi c14nvc9f c5y8ol8 ckvl9b1 ctehfbz cuvaji7 cop5kpr c1kt266e c1n8hmay cvj9ekv c17l1n4d c1avwdii cnllhbg c805ixc clnm6x2 c1q7h7e0 c1h9vaz9 c131xast c1rgqj4g c4jumok c12n63oh ct6ibss cd27rhw c17aqieu cimhatq c18butzo c2cqiaz cmhsgph c1pwmwca`}>
{"Join"}
</Link>
</Box>
</Fragment_1>
</Slot>
</Box>
</DialogContent>
</DialogOverlay>
</Dialog>
</Box>
</Box>
</Fragment_1>
</Slot>
<Box
tag={"main"}
className={`w-box`}>
<Box
tag={"section"}
className={`w-box cnfbw7d c5023p7 c1ehe8py c1dfhduu c1rbk22j cdl0evl c1em5py7 c1dgxli2 c1d33cxe`}>
<Box
className={`w-box c86u3j3 cie66yg c1ubzs3e c1a9y6a cp94bc7 c11qwvck c1lau6ea c1w1qug2 ckrfty5 c1pz3ug c19y7ngt cfyo9g8`} />
</Box>
</Box>
<Slot>
<Fragment_1>
<Box
tag={"footer"}
id={"contact"}
className={`w-box cnfbw7d c5023p7 c1ehe8py c1dfhduu c1rbk22j cdl0evl c1em5py7 c1dgxli2 clrd04b c1d33cxe`}>
<Box
className={`w-box c86u3j3 cie66yg c1ubzs3e c1a9y6a cp94bc7 c11qwvck c1lau6ea c1w1qug2 cuee1l7 cjyih89 c19y7ngt cfyo9g8 c16gl1yk c1xw2mm5`}>
<Box
className={`w-box csigh51 cuee1l7 cjyih89 c6ljgs8 c1j44swm c13hs91d c16ia0hd c1qp6ibo`}>
<Box
className={`w-box cp94bc7 c11qwvck ckrfty5 c1pz3ug c14nvc9f c1w1qug2 cuvaji7 c2i79xg c1nfm8zr c3515xc c5x78qw`}>
<Heading
tag={"h2"}
className={`w-heading c16ua4pw c4at5v3 c1azrkpb cuvaji7 c1xwz85y c121v773 c1nfm8zr cu7uckz c3515xc`}>
{"Jamaican-American Bar Association"}
</Heading>
<Paragraph
className={`w-paragraph cxcuod c1nfm8zr c16gl1yk`}>
{"Supporting Jamaican-Americans in legal professions since 2007."}
</Paragraph>
<Slot>
<Fragment_1>
<Box
className={`w-box cp94bc7 ckvl9b1 ctehfbz c1ffen0s c4a2ypq c1kj1yqu c9dprmj c316wu1`}>
<Link
aria-label={"LinkedIn"}
className={`w-link c1azrkpb cr6nhi cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c14nvc9f c1w1qug2 ckrfty5 c1pz3ug co0vavx c1h0lsys c11vf0gh c1ohvnd6 c1g4qy8c c15mzzjw c1x53puq c18butzo c2cqiaz cjm7u3n cnahfn caar9ib ckcfqgd c1u1lvxa cyyrqss c1d7162n cmhsgph c1pwmwca cjnp1za c9ksldr`}>
<HtmlEmbed
code={"<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" height=\"24\" width=\"24\">\n<path fill=\"currentColor\" d=\"M24 12.0726C24 5.44354 18.629 0.0725708 12 0.0725708C5.37097 0.0725708 0 5.44354 0 12.0726C0 18.0619 4.38823 23.0264 10.125 23.9274V15.5414H7.07661V12.0726H10.125V9.4287C10.125 6.42144 11.9153 4.76031 14.6574 4.76031C15.9706 4.76031 17.3439 4.99451 17.3439 4.99451V7.94612H15.8303C14.34 7.94612 13.875 8.87128 13.875 9.82015V12.0726H17.2031L16.6708 15.5414H13.875V23.9274C19.6118 23.0264 24 18.0619 24 12.0726Z\"></path>\n</svg>"}
className={`w-html-embed ce6o41f c174r48x c16x1j9j c1w1qug2 c1ffen0s c1q3s83n c1g8gtf5 c1lqkjye`} />
</Link>
<Link
aria-label={"Facebook"}
className={`w-link c1azrkpb cr6nhi cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c14nvc9f c1w1qug2 ckrfty5 c1pz3ug co0vavx c1h0lsys c11vf0gh c1ohvnd6 c1g4qy8c c15mzzjw c1x53puq c18butzo c2cqiaz cjm7u3n cnahfn caar9ib ckcfqgd c1u1lvxa cyyrqss c1d7162n cmhsgph c1pwmwca cnznce3 cwkmla3`}>
<HtmlEmbed
code={"<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" height=\"24\" width=\"24\">\n<path fill=\"currentColor\" d=\"M12.0027 5.84808C8.59743 5.84808 5.85075 8.59477 5.85075 12C5.85075 15.4053 8.59743 18.1519 12.0027 18.1519C15.4079 18.1519 18.1546 15.4053 18.1546 12C18.1546 8.59477 15.4079 5.84808 12.0027 5.84808ZM12.0027 15.9996C9.80212 15.9996 8.00312 14.2059 8.00312 12C8.00312 9.7941 9.79677 8.00046 12.0027 8.00046C14.2086 8.00046 16.0022 9.7941 16.0022 12C16.0022 14.2059 14.2032 15.9996 12.0027 15.9996ZM19.8412 5.59644C19.8412 6.39421 19.1987 7.03135 18.4062 7.03135C17.6085 7.03135 16.9713 6.38885 16.9713 5.59644C16.9713 4.80402 17.6138 4.16153 18.4062 4.16153C19.1987 4.16153 19.8412 4.80402 19.8412 5.59644ZM23.9157 7.05277C23.8247 5.13063 23.3856 3.42801 21.9775 2.02522C20.5747 0.622429 18.8721 0.183388 16.9499 0.0870135C14.9689 -0.0254238 9.03112 -0.0254238 7.05008 0.0870135C5.1333 0.178034 3.43068 0.617075 2.02253 2.01986C0.614389 3.42265 0.180703 5.12527 0.0843279 7.04742C-0.0281093 9.02845 -0.0281093 14.9662 0.0843279 16.9472C0.175349 18.8694 0.614389 20.572 2.02253 21.9748C3.43068 23.3776 5.12794 23.8166 7.05008 23.913C9.03112 24.0254 14.9689 24.0254 16.9499 23.913C18.8721 23.822 20.5747 23.3829 21.9775 21.9748C23.3803 20.572 23.8193 18.8694 23.9157 16.9472C24.0281 14.9662 24.0281 9.03381 23.9157 7.05277ZM21.3564 19.0728C20.9388 20.1223 20.1303 20.9307 19.0755 21.3537C17.496 21.9802 13.7481 21.8356 12.0027 21.8356C10.2572 21.8356 6.50396 21.9748 4.92984 21.3537C3.88042 20.9361 3.07195 20.1276 2.64897 19.0728C2.02253 17.4934 2.16709 13.7455 2.16709 12C2.16709 10.2546 2.02789 6.50129 2.64897 4.92717C3.06659 3.87776 3.87507 3.06928 4.92984 2.6463C6.50931 2.01986 10.2572 2.16443 12.0027 2.16443C13.7481 2.16443 17.5014 2.02522 19.0755 2.6463C20.1249 3.06392 20.9334 3.8724 21.3564 4.92717C21.9828 6.50665 21.8383 10.2546 21.8383 12C21.8383 13.7455 21.9828 17.4987 21.3564 19.0728Z\"></path>\n</svg>"}
className={`w-html-embed ce6o41f c174r48x c16x1j9j c1w1qug2 c1ffen0s c1q3s83n c1g8gtf5 c1lqkjye`} />
</Link>
</Box>
</Fragment_1>
</Slot>
<div
className={`w-element cest8h4`}>
<p
className={`w-element`}>
<Link_1
href={"tel:+13055103870"}
className={`w-element co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1nle8ys cl03jb4 cllrotz c1vd3gd4 c1020k27 c1mj5urp chrscrk camxvmn c18butzo c2cqiaz cjm7u3n c9usqtl cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca`}>
{"(305) 510-3870"}
</Link_1>
</p>
<p
className={`w-element`}>
<Link_1
href={"mailto:jabaflorida@gmail.com"}
className={`w-element co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1nle8ys cl03jb4 cllrotz c1vd3gd4 c1020k27 c1mj5urp chrscrk camxvmn c18butzo c2cqiaz cjm7u3n c9usqtl cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca`}>
{"jabaflorida@gmail.com"}
</Link_1>
</p>
<p
className={`w-element`}>
<Link_1
href={"https://www.google.com/maps/search/?api=1&query=2655+S+Le+Jeune+Rd+%23516,+Coral+Gables,+FL+33134"}
target={"_blank"}
className={`w-element co5mmtv crlmx1q cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1nle8ys cl03jb4 cllrotz c1vd3gd4 c1020k27 c1mj5urp chrscrk camxvmn c18butzo c2cqiaz cjm7u3n c9usqtl cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca`}>
{"2655 Le Jeune Road,"}
{""}
<br />
{""}
{"Suite 516"}
{""}
<br />
{""}
{"Coral Gables, FL 33134"}
</Link_1>
</p>
</div>
</Box>
<Slot>
<Fragment_1>
<RemixForm
method={"post"}
action={"/join-jaba"}
encType={"application/x-www-form-urlencoded"}
className={`w-element cp94bc7 c11qwvck c1pz3ug ckrfty5 cbi2tca c4cvase ce2l3ae cj4bx45 cu2b2wk c7osw9i c2i79xg c3515xc cktg0ak`}>
<h2
className={`w-element cuvaji7 ct40akc co5mmtv c1tmr06v cu32avb cr0mszb`}>
<span
className={`w-element`}>
{"Contact"}
</span>
{" JABA"}
</h2>
<span
className={`w-element c11p0ra5 co5mmtv cuvaji7`}>
{"Thank you for contacting us!"}
</span>
<label
className={`w-element cest8h4`}>
{"Enter your name"}
</label>
<Input
required={true}
placeholder={"John Doe"}
type={"text"}
className={`w-element cest8h4 ct6ibss cd27rhw c17aqieu cimhatq c96mnhx c1fb4zt8 c170w0b1 cgqhfkb c2gdc4n c9723rb cifeda6 c1q2ynfb c5zts82 c1hw7bli c1qviook c1ooayp8 cu2b2wk`} />
<label
className={`w-element cest8h4`}>
{"Enter your email"}
</label>
<Input
required={true}
placeholder={"john.doe@example.com"}
type={"email"}
className={`w-element cest8h4 ct6ibss cd27rhw c17aqieu cimhatq c96mnhx c1fb4zt8 c170w0b1 cgqhfkb c2gdc4n c9723rb cifeda6 c1q2ynfb c5zts82 c1hw7bli c1qviook c1ooayp8 cu2b2wk`} />
<label
className={`w-element cest8h4`}>
{"Enter your message"}
</label>
<Textarea
className={`w-element cest8h4 c2gdc4n c9723rb cifeda6 c1q2ynfb c5zts82 c1hw7bli c1qviook c1ooayp8 ct6ibss cd27rhw c17aqieu cimhatq c96mnhx c1fb4zt8 c170w0b1 cgqhfkb c4yjwh8 cu2b2wk`} />
<button
type={"submit"}
className={`w-element c1azrkpb c1m5vcub chn26u6 c1xkkycc c168jv9l c1kam8hn cr6nhi c14nvc9f c5y8ol8 ckvl9b1 ctehfbz cuvaji7 cop5kpr c1kt266e c1n8hmay cvj9ekv c17l1n4d c1avwdii cnllhbg c805ixc clnm6x2 c1q7h7e0 c1h9vaz9 c131xast c1rgqj4g c4jumok c12n63oh ct6ibss cd27rhw c17aqieu cimhatq c18butzo c2cqiaz cmhsgph c1pwmwca`}>
{"Submit"}
</button>
</RemixForm>
</Fragment_1>
</Slot>
</Box>
<Box
className={`w-box cp94bc7 cuee1l7 cjyih89 caj1yiw c3515xc`}>
<Text
className={`w-text c18pznga`}>
{"© 2025 Jamaican-American Bar Association"}
</Text>
<Link
className={`w-link c1azrkpb cr6nhi cj8v905 c1g95t2r ct2xj8x c1bx7adm cza4z8f c128m70s c1kam8hn c1h9vaz9 c131xast c1rgqj4g c4jumok c1020k27 c1mj5urp chrscrk camxvmn cjuaq4b ckvl9b1 ctehfbz c14nvc9f c5y8ol8 cu2b2wk c1wafv83 c18butzo c2cqiaz cjm7u3n cnahfn cuhbpbf c1h828ji c13kitve c1042bxp cmhsgph c1pwmwca c191wtp7`}>
{"Privacy"}
</Link>
</Box>
</Box>
</Box>
</Fragment_1>
</Slot>
</Box>
</Body>
}
export { Page }