19 lines
662 B
TypeScript
19 lines
662 B
TypeScript
import React from 'react';
|
|
|
|
export function FormManagerApp() {
|
|
return (
|
|
<div className="app">
|
|
<div className="header"><h1>Form Manager</h1><p>Manage signup and lead capture forms</p></div>
|
|
<div className="form-grid">
|
|
<FormCard title="Newsletter Signup" submissions={1234} rate={12.5} />
|
|
<FormCard title="Contact Us" submissions={567} rate={8.3} />
|
|
<FormCard title="Free Trial" submissions={89} rate={25.1} />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
function FormCard({ title, submissions, rate }: any) {
|
|
return <div className="form-card"><h3>{title}</h3><p>{submissions} submissions</p><p>{rate}% conversion rate</p></div>;
|
|
}
|