test page
import React, { useState } from 'react';
import { FileText, User, BarChart3, Target, TrendingUp, CheckCircle, AlertCircle } from 'lucide-react';
const ExecutiveCommunicationAssessment = () => {
const [currentSection, setCurrentSection] = useState(0);
const [responses, setResponses] = useState({});
const [showReport, setShowReport] = useState(false);
const [clientInfo, setClientInfo] = useState({
name: '',
title: '',
company: '',
industry: '',
teamSize: ''
});
const sections = [
{
title: "Communication Style & Effectiveness",
key: "communication",
questions: [
{
id: "comm_1",
text: "When presenting to the board, I typically:",
type: "scenario",
options: [
{ value: 1, text: "Focus primarily on data and facts with minimal storytelling" },
{ value: 2, text: "Balance data with some narrative but struggle to engage emotionally" },
{ value: 3, text: "Create compelling narratives supported by relevant data" },
{ value: 4, text: "Masterfully weave data into stories that inspire action and commitment" }
]
},
{
id: "comm_2",
text: "In high-stakes negotiations, my communication approach is:",
type: "scenario",
options: [
{ value: 1, text: "Direct and transactional, focusing on bottom-line results" },
{ value: 2, text: "Structured but sometimes miss nuanced relationship dynamics" },
{ value: 3, text: "Strategic, balancing firmness with relationship preservation" },
{ value: 4, text: "Exceptionally skilled at reading the room and adapting style for optimal outcomes" }
]
},
{
id: "comm_3",
text: "How effectively do you adapt your communication style for different audiences?",
type: "rating",
scale: 5
}
]
},
{
title: "Listening Skills",
key: "listening",
questions: [
{
id: "list_1",
text: "During important meetings, I:",
type: "scenario",
options: [
{ value: 1, text: "Often think about my response while others are speaking" },
{ value: 2, text: "Listen but sometimes miss emotional undertones" },
{ value: 3, text: "Actively listen and ask clarifying questions" },
{ value: 4, text: "Demonstrate exceptional listening that makes others feel truly heard" }
]
},
{
id: "list_2",
text: "When team members bring concerns to me, I:",
type: "scenario",
options: [
{ value: 1, text: "Quickly offer solutions without fully exploring the issue" },
{ value: 2, text: "Listen but may rush to conclusions" },
{ value: 3, text: "Take time to understand before responding" },
{ value: 4, text: "Create space for full exploration and demonstrate deep understanding" }
]
},
{
id: "list_3",
text: "How well do you pick up on unspoken concerns or tensions in meetings?",
type: "rating",
scale: 5
}
]
},
{
title: "Influence & Persuasion",
key: "influence",
questions: [
{
id: "inf_1",
text: "When I need to influence senior stakeholders, I:",
type: "scenario",
options: [
{ value: 1, text: "Rely primarily on position and authority" },
{ value: 2, text: "Use logical arguments but struggle with resistant audiences" },
{ value: 3, text: "Combine logic with understanding of stakeholder motivations" },
{ value: 4, text: "Masterfully influence through understanding, timing, and authentic connection" }
]
},
{
id: "inf_2",
text: "In situations where others disagree with my vision, I:",
type: "scenario",
options: [
{ value: 1, text: "Become more forceful in pushing my agenda" },
{ value: 2, text: "Present stronger logical arguments" },
{ value: 3, text: "Seek to understand their perspective and find common ground" },
{ value: 4, text: "Transform resistance into alignment through skilled dialogue" }
]
},
{
id: "inf_3",
text: "How effectively do you build consensus among diverse stakeholders?",
type: "rating",
scale: 5
}
]
},
{
title: "Executive Presence & Gravitas",
key: "gravitas",
questions: [
{
id: "grav_1",
text: "In crisis situations, my communication demonstrates:",
type: "scenario",
options: [
{ value: 1, text: "Visible stress that may undermine confidence" },
{ value: 2, text: "Competence but occasional uncertainty" },
{ value: 3, text: "Steady leadership that reassures others" },
{ value: 4, text: "Exceptional composure that inspires confidence and calm" }
]
},
{
id: "grav_2",
text: "When entering a room of senior executives, I:",
type: "scenario",
options: [
{ value: 1, text: "Sometimes feel I need to prove my worth" },
{ value: 2, text: "Am confident but may not command immediate attention" },
{ value: 3, text: "Naturally command respect through my presence" },
{ value: 4, text: "Effortlessly establish authority and connection" }
]
},
{
id: "grav_3",
text: "How would you rate your ability to project confidence and authority?",
type: "rating",
scale: 5
}
]
},
{
title: "Stakeholder Engagement",
key: "engagement",
questions: [
{
id: "eng_1",
text: "When building relationships with key stakeholders, I:",
type: "scenario",
options: [
{ value: 1, text: "Focus primarily on business transactions" },
{ value: 2, text: "Make effort to connect but relationships remain somewhat surface-level" },
{ value: 3, text: "Build meaningful professional relationships" },
{ value: 4, text: "Create deep, trusted partnerships that drive exceptional results" }
]
},
{
id: "eng_2",
text: "In large group settings, my engagement style:",
type: "scenario",
options: [
{ value: 1, text: "I tend to dominate conversations" },
{ value: 2, text: "I participate but don't always draw out others effectively" },
{ value: 3, text: "I balance my contributions with engaging others" },
{ value: 4, text: "I masterfully facilitate engagement and bring out the best in everyone" }
]
},
{
id: "eng_3",
text: "How effectively do you engage and energize teams during challenging periods?",
type: "rating",
scale: 5
}
]
},
{
title: "Empathy & Emotional Intelligence",
key: "empathy",
questions: [
{
id: "emp_1",
text: "When delivering difficult news to my team, I:",
type: "scenario",
options: [
{ value: 1, text: "Focus on facts and expect others to manage their emotions" },
{ value: 2, text: "Show some concern but may miss emotional impact" },
{ value: 3, text: "Acknowledge emotions while maintaining necessary boundaries" },
{ value: 4, text: "Navigate emotions skillfully while achieving necessary outcomes" }
]
},
{
id: "emp_2",
text: "When I notice someone is struggling emotionally, I:",
type: "scenario",
options: [
{ value: 1, text: "Avoid the situation or refer them to HR" },
{ value: 2, text: "Offer basic support but feel uncomfortable" },
{ value: 3, text: "Provide appropriate support and resources" },
{ value: 4, text: "Create safe space for dialogue and provide meaningful support" }
]
},
{
id: "emp_3",
text: "How well do you read and respond to others' emotional states?",
type: "rating",
scale: 5
}
]
}
];
const handleResponse = (questionId, value) => {
setResponses(prev => ({
...prev,
[questionId]: value
}));
};
const calculateScores = () => {
const scores = {};
sections.forEach(section => {
const sectionResponses = section.questions.map(q => responses[q.id]).filter(r => r !== undefined);
const average = sectionResponses.length > 0 ? sectionResponses.reduce((a, b) => a + b, 0) / sectionResponses.length : 0;
scores[section.key] = Math.round(average * 100) / 100;
});
return scores;
};
const getScoreLevel = (score) => {
if (score >= 3.5) return { level: "Exceptional", color: "text-green-600", bg: "bg-green-100" };
if (score >= 2.5) return { level: "Proficient", color: "text-blue-600", bg: "bg-blue-100" };
if (score >= 1.5) return { level: "Developing", color: "text-yellow-600", bg: "bg-yellow-100" };
return { level: "Needs Focus", color: "text-red-600", bg: "bg-red-100" };
};
const getRecommendations = (key, score) => {
const recommendations = {
communication: {
high: "Leverage your strong communication skills to mentor other executives. Consider thought leadership opportunities.",
medium: "Focus on storytelling techniques and audience adaptation. Practice executive presence in high-stakes situations.",
low: "Develop core presentation skills and work on clarity of message. Consider executive communication coaching."
},
listening: {
high: "Your listening skills are a competitive advantage. Use them to build stronger stakeholder relationships.",
medium: "Practice active listening techniques. Work on reading non-verbal cues and emotional undertones.",
low: "Focus on developing patience in conversations. Practice summarizing and reflecting what you hear."
},
influence: {
high: "Your influence skills position you well for board-level roles. Consider expanding your network.",
medium: "Work on building consensus and managing resistance. Develop your understanding of stakeholder motivations.",
low: "Focus on relationship-building before attempting to influence. Study successful influence strategies."
},
gravitas: {
high: "Your executive presence commands respect. Consider leadership roles in industry organizations.",
medium: "Work on projecting confidence in unfamiliar situations. Practice composure under pressure.",
low: "Focus on building confidence through preparation. Work with an executive coach on presence."
},
engagement: {
high: "Your engagement skills create strong team performance. Share your approach with other leaders.",
medium: "Focus on drawing out quieter team members. Practice facilitating diverse group dynamics.",
low: "Work on relationship-building skills. Practice creating inclusive environments for all stakeholders."
},
empathy: {
high: "Your emotional intelligence is a leadership differentiator. Use it to navigate complex organizational dynamics.",
medium: "Develop skills in difficult conversations. Practice reading and responding to emotional cues.",
low: "Focus on understanding others' perspectives. Consider emotional intelligence training."
}
};
const level = score >= 3.5 ? 'high' : score >= 2.5 ? 'medium' : 'low';
return recommendations[key][level];
};
const generateReport = () => {
const scores = calculateScores();
const strengths = Object.entries(scores).filter(([_, score]) => score >= 3.5).map(([key, _]) => key);
const developmentAreas = Object.entries(scores).filter(([_, score]) => score < 2.5).map(([key, _]) => key);
return { scores, strengths, developmentAreas };
};
const currentQuestions = sections[currentSection]?.questions || [];
const isLastSection = currentSection === sections.length - 1;
const canProceed = currentQuestions.every(q => responses[q.id] !== undefined);
if (showReport) {
const { scores, strengths, developmentAreas } = generateReport();
return (
{strengths.length > 0 ? (
{developmentAreas.length > 0 ? (
);
}
return (
{currentSection === -1 ? (
) : (
<>
)}
);
};
export default ExecutiveCommunicationAssessment;
Executive Communication Assessment Report
Executive: {clientInfo.name}
Title: {clientInfo.title}
Company: {clientInfo.company}
Date: {new Date().toLocaleDateString()}
Key Strengths
{strengths.length > 0 ? (
-
{strengths.map(strength => (
-
{strength.replace(/([A-Z])/g, ' $1').trim()}
))}
Areas for development identified across all competencies.
)}
Priority Development Areas
{developmentAreas.length > 0 ? (
-
{developmentAreas.map(area => (
-
{area.replace(/([A-Z])/g, ' $1').trim()}
))}
Strong performance across all competencies.
)}Detailed Assessment Results
{sections.map(section => {
const score = scores[section.key];
const scoreInfo = getScoreLevel(score);
return (
);
})}
{section.title}
{score.toFixed(1)}/4.0
{scoreInfo.level}
Coaching Recommendations:
{getRecommendations(section.key, score)}
Next Steps
- Review priority development areas with your executive coach
- Create specific action plans for top 2-3 improvement areas
- Schedule regular check-ins to monitor progress
- Consider re-assessment in 6 months to track improvement
Executive Communication Assessment
This comprehensive assessment evaluates key communication competencies for senior executives.
Client Information
setClientInfo(prev => ({ ...prev, name: e.target.value }))}
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
/>
setClientInfo(prev => ({ ...prev, title: e.target.value }))}
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
/>
setClientInfo(prev => ({ ...prev, company: e.target.value }))}
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
/>
setClientInfo(prev => ({ ...prev, industry: e.target.value }))}
className="w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500"
/>
{sections[currentSection].title}
Section {currentSection + 1} of {sections.length}
{currentQuestions.map((question, index) => (
))}
{question.text}
{question.type === 'scenario' && (
{question.options.map((option) => (
))}
)}
{question.type === 'rating' && (
{[1, 2, 3, 4, 5].map((rating) => (
))}
)}
{isLastSection ? (
) : (
)}
>
)}
{currentSection !== -1 && (