text: import React from "react";
  import theme from "theme";
  import { Theme, Link, Text, Input, Button, Box } from "@quarkly/widgets";
  import { Helmet } from "react-helmet";
  import { GlobalQuarklyPageStyles } from "global-page-styles";
  import { Override, StackItem, Stack, Formspree } from "@quarkly/components";
  import * as Components from "components";
  export default (() => {
  	return <Theme theme={theme}>
  		<GlobalQuarklyPageStyles pageUrl={"index"} />
  		<Helmet>
  			<title>
  				Quarkly export
  			</title>
  			<meta name={"description"} content={"Web site created using quarkly.io"} />
  			<link rel={"shortcut icon"} href={"https://uploads.quarkly.io/readme/cra/favicon-32x32.ico"} type={"image/x-icon"} />
  		</Helmet>
  		<Box height="500px">
  			<Components.Breadcrumbs />
  			<Components.NetlifyForm>
  				<StackItem width="50%" lg-width="100%">
  					<Formspree endpoint="a">
  						<Stack gap="16px">
  							<StackItem width="50%">
  								<Override slot="StackItemContent" flex-direction="column" />
  								<Text font="--base" margin="0 0 4px 0">
  									Name
  								</Text>
  								<Input max-width="400px" width="100%" name="name" />
  							</StackItem>
  							<StackItem width="50%">
  								<Override slot="StackItemContent" flex-direction="column" />
  								<Text font="--base" margin="0 0 4px 0">
  									Email
  								</Text>
  								<Input max-width="400px" width="100%" type="email" name="email" />
  							</StackItem>
  							<StackItem width="100%">
  								<Override slot="StackItemContent" flex-direction="column" />
  								<Text font="--base" margin="0 0 4px 0">
  									Message
  								</Text>
  								<Input as="textarea" rows="4" width="100%" name="message" />
  								<Components.ReCaptcha />
  							</StackItem>
  							<StackItem width="100%">
  								<Button>
  									Send
  								</Button>
  							</StackItem>
  						</Stack>
  					</Formspree>
  				</StackItem>
  			</Components.NetlifyForm>
  			<Components.Breadcrumbs rootId="60bdb317950f4f001fe3728b" />
  		</Box>
  		<Components.CookieUsed />
  		<Components.Breadcrumbs />
  		<Link
  			font={"--capture"}
  			font-size={"10px"}
  			position={"fixed"}
  			bottom={"12px"}
  			right={"12px"}
  			z-index={"4"}
  			border-radius={"4px"}
  			padding={"5px 12px 4px"}
  			background-color={"--dark"}
  			opacity={"0.6"}
  			hover-opacity={"1"}
  			color={"--light"}
  			cursor={"pointer"}
  			transition={"--opacityOut"}
  			quarkly-title={"Badge"}
  			text-decoration-line={"initial"}
  			href={"https://quarkly.io/"}
  			target={"_blank"}
  		>
  			Made on Quarkly
  		</Link>
  	</Theme>;
  });