/* 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
{"Style Guide"}
{"Version 1.2"}
{"Here is the community style guide according to "}
{"Craft"}
{", the recommended starting point for Webstudio Projects. "}
{"CSS variables"}
{" containing colors, sizes, and more are on the Global Root. "}
{"Layout"}
{"section"}
{"container"}
{"grid"}
{"Grid quickly provides the properties to create a grid. Once added, switch over to Local and type in your template columns."}
{"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."}
{"Colors"}
{"Change these values on the Global Root. It's best practice to map semantic variables such as "}
{"--foreground-primary"}
{" to another variable such as "}
{"--gray-10"}
{"."}
{"Foreground"}
{"--foreground-primary"}
{"--foreground-secondary"}
{"--foreground-accent"}
{"--foreground-muted"}
{"--foreground-border"}
{"Background"}
{"--background-primary"}
{"--background-secondary"}
{"--background-accent"}
{"--background-card"}
{"Other"}
{"--focus-color"}
{"Buttons and Links"}
{"button-group"}
{"button"}
{"is-button-secondary"}
{"link"}
{"Link text you can edit"}
{"Elements"}
{"heading-1|2|3|4|5|6"}
{"Heading 1 text "}
{""}
{""}
{"you can edit"}
{"Heading 2 text "}
{""}
{""}
{"you can edit"}
{"Heading 3 text "}
{""}
{""}
{"you can edit"}
{"Heading 4 text "}
{""}
{""}
{"you can edit"}
{"Heading 5 text "}
{""}
{""}
{"you can edit"}
{"Heading 6 text "}
{""}
{""}
{"you can edit"}
{"Paragraph "}
{"text you"}
{" can edit"}
{""}
{""}
{"that spans multiple lines"}
{"blockquote"}
{" text you can edit"}
{"list"}
{"list-item"}
{" text you can edit"}
{"List Item text you can edit"}
{"List Item text you can edit"}
{"separator"}
{"code"}
{"Forms"}
{"membership-form"}
{"Join JABA"}
{"Thank you for contacting us!"}
{"contact-form"}
{"Contact"}
{" JABA"}
{"Thank you for contacting us!"}
{"Radix"}
{"my-token"}
{"Utility"}
{"my-token"}
{"Slots"}
{"my-slot"}
{"Custom"}
{"Card"}
\n \n"}
className={`w-html-embed cc3pgtt c174r48x c16x1j9j c1w1qug2 c1ffen0s c1q3s83n c1g8gtf5 c1lqkjye`} />
{"Card Heading"}
{"Card body text. Card body text. Card body text. Card body text. Card body text. Card body text."}
{"Card-long"}
\n \n"}
className={`w-html-embed cc3pgtt c174r48x c16x1j9j c1w1qug2 c1ffen0s c1q3s83n c1g8gtf5 c1lqkjye`} />
{"Card Heading"}
{"Card body text. Card body text. Card body text. Card body text. Card body text. Card body text."}
{"my-token"}
{"Notes"}
{"Add notes for yourself or other creators that explain any nuances of the build."}
{"These are global CSS variables added in addition to Open Props."}
{"Want to start with a light theme?"}
{"Click "}
{"+"}
{" in Advanced on the Global Root and paste in the following:"}
{"Layout"}
{"Colors"}
{"Links & Buttons"}
{"Elements"}
{"Forms"}
{"Radix"}
{"Utility"}
{"Slots"}
{"Custom"}
{"Notes"}
{"👇Template for new pages👇"}
{"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."}