Create App.tsx

frontend/src/App.tsx

@@ -0,0 +1,21 @@
+import React, { useState } from "react";
+import GeneratorForm from "./components/GeneratorForm";
+import OutputPanel from "./components/OutputPanel";
+
+export default function App() {
+  const [data, setData] = useState<any | null>(null);
+
+  return (
+    <div style={{ maxWidth: 980, margin: "0 auto", padding: 24 }}>
+      <header style={{ marginBottom: 18 }}>
+        <h1 style={{ margin: 0 }}>営業メール / 提案書ジェネレーター</h1>
+        <div style={{ opacity: 0.7 }}>Hugging Face + ChatGPT（API連携MVP）</div>
+      </header>
+      <GeneratorForm onResult={setData} />
+      <OutputPanel data={data} />
+      <footer style={{ marginTop: 24, fontSize: 12, opacity: 0.6 }}>
+        ※入力内容は生成のみに使用されます。保存は行いません（デモ設定）。
+      </footer>
+    </div>
+  );
+}