\n \n \n Sign in to your account\n \n Login with your Google or GitHub account\n \n \n \n

\n \n \n

\n \n Or continue with email\n \n \n Email\n \n \n \n

\n Password\n \n Forgot password?\n \n

\n \n \n {\n setPending(true);\n setTimeout(() => setPending(false), 2000);\n }}\n >\n Sign In\n \n \n Don't have an account? Sign up\n \n \n \n

\n );\n}\n","import { useState } from 'react';\nimport { Button } from 'components/selia/button';\nimport { Card, CardHeader, CardTitle, CardDescription, CardBody } from 'components/selia/card';\nimport { Input } from 'components/selia/input';\nimport { Field, FieldControl, FieldError, FieldLabel } from 'components/selia/field';\nimport { Textarea } from 'components/selia/textarea';\nimport { Select, SelectTrigger, SelectValue, SelectPopup, SelectList, SelectItem } from 'components/selia/select';\nimport { Heading } from 'components/selia/heading';\nimport { Text } from 'components/selia/text';\nimport { MailIcon, PhoneIcon, MapPinIcon } from 'lucide-react';\nimport { IconBox } from 'components/selia/icon-box';\nimport { Form } from 'components/selia/form';\nimport { toastManager } from 'components/selia/toast';\n\nexport default function ContactBlock() {\n const [pending, setPending] = useState(false);\n\n const handleSubmit = (event: React.FormEvent) => {\n event.preventDefault();\n\n const form = event.currentTarget;\n setPending(true);\n\n setTimeout(() => {\n setPending(false);\n\n toastManager.add({\n title: 'Message sent',\n description: 'We will get back to you shortly.',\n type: 'success',\n });\n\n form.reset();\n }, 2000);\n };\n\n return (\n

\n Get in touch\n \n Have a question or just want to say hi? We'd love to hear from\n you. Fill out the form and our team will get back to you shortly.\n \n

\n\n

\n \n \n \n

\n \n Email\n \n hello@selia.earth\n

\n \n \n \n

\n \n Phone\n \n +62 (822) 000-0000\n

\n \n \n \n

\n \n Office\n \n \n 123 Design St, Jakarta, ID 90210\n \n

\n\n \n \n Send us a message\n We'll respond as soon as we can.\n \n \n

\n \n First Name\n \n This is required\n \n \n Last Name\n \n This is required\n \n

\n \n Email\n \n This is required\n \n \n Subject\n \n This is required\n \n \n Message\n }\n required\n />\n This is required\n \n \n Send Message\n \n \n

\n \n

\n );\n}\n\nconst subjectOptions = [\n {\n label: 'General Inquiry',\n value: 'general',\n },\n {\n label: 'Technical Support',\n value: 'support',\n },\n {\n label: 'Billing',\n value: 'billing',\n },\n {\n label: 'Other',\n value: 'other',\n },\n];\n","actionData","errors"]

Build Faster with Pre-Built Blocks