ai-creator-partnership/components/ContactForm.tsx

"use client";
import { useEffect, useState } from "react";
const interests = ["Current-Image AI Avatar","Younger-Era AI Avatar","Original Digital Human IP","Content Growth","Comment & DM Operations","Fan Monetization","Full-Funnel Conversion Analytics"];
const returnUrl = "https://ai-creator-partnership.liuxiaorong2025.chatgpt.site/contact?sent=1";
export function ContactForm(){const [sent,setSent]=useState(false);useEffect(()=>{if(new URLSearchParams(window.location.search).get("sent")==="1")setSent(true)},[]);if(sent)return <div className="success" role="status"><i>✓</i><p className="eyebrow">INQUIRY SENT</p><h2>Your partnership inquiry has been sent.</h2><p>Your information has been delivered to our partnership team. We’ll review your account foundation and goals, then contact you if there is a strong fit.</p><button className="link" type="button" onClick={()=>{window.history.replaceState({},"","/contact");setSent(false)}}>Submit Another Inquiry <b>→</b></button></div>;return <form className="form" action="https://formsubmit.co/liuxiaorong2018@gmail.com" method="POST"><input type="hidden" name="_subject" value="COZCREATOR: New Creator Partnership Inquiry"/><input type="hidden" name="_template" value="table"/><input type="hidden" name="_next" value={returnUrl}/><input type="text" name="_honey" className="form-honey" tabIndex={-1} autoComplete="off"/><div className="form-row"><label>Your Name<input name="Name" required placeholder="How should we address you?"/></label><label>Partner Type<select name="Partner Type" required defaultValue=""><option value="" disabled>Select one</option><option>Individual Creator</option><option>Talent / Management Team</option><option>Original Digital Human IP / Project</option><option>MCN / Agency</option><option>Brand or Platform</option></select></label></div><label>Email or WhatsApp<input name="Contact Details" required placeholder="How can we reach you?"/></label><label>Main Account or Portfolio URL<input name="Account or Portfolio URL" required type="url" placeholder="https://"/></label><div className="form-row"><label>Primary Platform<select name="Primary Platform" required defaultValue=""><option value="" disabled>Select one</option><option>Facebook</option><option>Instagram</option><option>TikTok</option><option>YouTube</option><option>Other</option></select></label><label>Audience Size<select name="Audience Size" required defaultValue=""><option value="" disabled>Select one</option><option>Not launched yet</option><option>Under 10K</option><option>10K–100K</option><option>100K–1M</option><option>Over 1M</option></select></label></div><fieldset><legend>Partnership Interests</legend><div className="checks">{interests.map(x=><label key={x}><input name="Partnership Interests" value={x} type="checkbox"/><span>{x}</span></label>)}</div></fieldset><label>What is the main problem you want to solve?<textarea name="Partnership Goals" rows={5} placeholder="For example: I want to build an original digital human IP for the Latin American market…"/></label><label className="consent"><input required type="checkbox"/><span>I agree that the team may use this information solely to evaluate this partnership inquiry.</span></label><button className="btn primary submit" type="submit">Submit Partnership Inquiry <b>→</b></button><p className="note">Your inquiry will be sent directly to our partnership team.</p></form>}