"use client"; import { ContactCareers } from "@opensite/ui/blocks/contact/contact-careers"; import { demoFormEngineApi } from "@/lib/form-demo-data"; import type { FormFieldConfig } from "@opensite/ui"; const formFields: FormFieldConfig[] = [ { name: "first_name", type: "text", label: "First Name", placeholder: "First name", required: true, columnSpan: 6, }, { name: "last_name", type: "text", label: "Last Name", placeholder: "Last name", required: true, columnSpan: 6, }, { name: "email", type: "email", label: "Email Address", placeholder: "your@email.com", required: true, columnSpan: 6, }, { name: "phone", type: "tel", label: "Phone Number", placeholder: "+1 (555) 000-0000", required: true, columnSpan: 6, }, { name: "position", type: "select", label: "Position of Interest", required: true, columnSpan: 12, options: [ { value: "engineering", label: "Software Engineer", description: "Full-stack or specialized roles.", }, { value: "design", label: "Product Designer", description: "UI/UX and product design.", }, { value: "marketing", label: "Marketing Manager", description: "Digital marketing and content.", }, { value: "sales", label: "Sales Representative", description: "B2B or B2C sales roles.", }, { value: "other", label: "Other Position", description: "Something else not listed.", }, ], }, { name: "linkedin", type: "text", label: "LinkedIn Profile", placeholder: "https://linkedin.com/in/yourprofile", required: false, columnSpan: 12, }, { name: "resume", type: "file", label: "Resume/CV", placeholder: "Upload your resume or CV...", required: true, accept: ".pdf,.doc,.docx", maxSize: 5 * 1024 * 1024, maxFiles: 1, columnSpan: 12, }, { name: "portfolio", type: "text", label: "Portfolio URL (Optional)", placeholder: "https://yourportfolio.com", required: false, columnSpan: 12, }, { name: "content", type: "textarea", label: "Cover Letter / Why You're Interested", placeholder: "Tell us why you'd like to join our team...", required: true, rows: 6, columnSpan: 12, }, ]; export default function Demo() { return (

Join our team as a Rust Developer and work on cutting-edge projects.

We're looking for a passionate Rust Developer to join our team. You'll work on innovative projects and contribute to our growing codebase.

), }, { id: "2", title: "Senior Product Designer", description: (

We're seeking a Senior Product Designer to lead our design efforts and create exceptional user experiences.

As a Senior Product Designer, you'll play a key role in shaping our products and ensuring they meet the needs of our users. Your expertise will help us create intuitive and engaging designs.

), }, { id: "3", title: "Marketing Manager", description: (

We're hiring a Marketing Manager to drive our marketing strategy and grow our brand presence.

As a Marketing Manager, you'll be responsible for developing and executing marketing campaigns, managing our online presence, and analyzing performance metrics to optimize our marketing efforts.

), }, ]} background="dark" pattern="architect" patternOpacity={1} /> ); }

Live Preview

Block Summary

Tags