import { useState } from “react”;
export default function App() {
const [step, setStep] = useState(0);
const [answers, setAnswers] = useState({});
const questions = [
{
id: “nervous”,
text: “Jeg føler mig nervøs, når jeg skal starte en samtale med en fremmed.”,
},
{
id: “eye_contact”,
text: “Jeg synes, det er let at holde øjenkontakt.”,
},
{
id: “judged”,
text: “Jeg bekymrer mig om, hvordan andre vurderer mig i sociale situationer.”,
},
];
function handleAnswer(id, value) {
setAnswers({ …answers, [id]: value });
}
return (
{step === 0 && (
Træn dine social skills 🧩
Sociale færdigheder er som muskler – du kan træne dem.
)}
{step === 1 && (
Mini-test: Dit sociale udgangspunkt
{questions.map((q) => (
{q.text}
{[1, 2, 3, 4, 5].map((v) => (
))}
))}
)}
{step === 2 && (
Din sociale profil
Ud fra dine svar kan du nu gå videre til øvelserne.
)}
{step === 3 && (
Øvelse 1: Hej i kamera 🎥
Optag dig selv i 5 sekunder, hvor du siger: “Hej, jeg hedder …”.
)}
{step === 4 && (
Øvelse 2: Spejl-teknik 🪞
😊 Smil
🙌 Åben kropsholdning
🎤 Rolig stemme
)}
{step === 5 && (
Refleksion ✍️
Hvad lagde du mærke til ved dig selv? Hvad føltes let, og hvad føltes
svært?
