← Back to Tech Talent Global For Companies
` }; }; const generateStaffEmail = (results, companyInfo) => { const details = archetypeDetails[results.archetype]; const toxicityColor = results.toxicityLevel === 'CRITICAL' ? '#8B0000' : results.toxicityLevel === 'RED' ? '#DC143C' : results.toxicityLevel === 'YELLOW' ? '#FFA500' : '#228B22'; const redFlagsHtml = results.redFlags.length > 0 ? `

🚨 CRITICAL RED FLAGS (${results.redFlags.length})

${results.redFlags.map(flag => `
${flag.flag}

${flag.description}

`).join('')}
` : ''; const yellowFlagsHtml = results.yellowFlags.length > 0 ? `

⚠️ WARNING FLAGS (${results.yellowFlags.length})

${results.yellowFlags.map(flag => `
${flag.flag}

${flag.description}

`).join('')}
` : ''; const cleanProfileHtml = results.redFlags.length === 0 && results.yellowFlags.length === 0 ? `

✓ CLEAN PROFILE

No toxicity flags detected. Company shows healthy work patterns across all dimensions.

` : ''; return { subject: `[${results.toxicityLevel}] Company Assessment: ${companyInfo.companyName} - ${results.archetype}`, html: `

Company Culture Assessment Report

Confidential - Internal Use Only

Company Information

Contact Name:${companyInfo.name}
Position:${companyInfo.position}
Company Name:${companyInfo.companyName}
Email:${companyInfo.email}
Culture Type:${results.archetype}
Match Strength:${results.archetypeMatchScore >= 10 ? 'STRONG' : results.archetypeMatchScore >= 7 ? 'MODERATE' : 'WEAK'} (${results.archetypeMatchScore}/15)
Inconsistencies:${results.inconsistencyCount} contradictions ${results.inconsistencyCount === 0 ? '✓' : ''}

TOXICITY LEVEL: ${results.toxicityLevel}

${results.toxicityLevel === 'CRITICAL' ? '⚠️ CRITICAL: Multiple severe red flags detected. High toxicity risk. Recommend rejection unless exceptional circumstances.' : results.toxicityLevel === 'RED' ? '⚠️ HIGH RISK: Significant toxicity indicators present. Proceed with extreme caution and thorough reference checks.' : results.toxicityLevel === 'YELLOW' ? '⚠️ MODERATE RISK: Some concerning patterns detected. Recommend additional screening or trial period with close monitoring.' : '✓ LOW RISK: No major toxicity flags detected. Standard hiring process recommended.'}

${redFlagsHtml} ${yellowFlagsHtml} ${cleanProfileHtml}

Axis Breakdown

Pace & Pressure Tolerance:${results.axisLevels.pace}
Autonomy vs Guidance:${results.axisLevels.autonomy}
Human Sensitivity:${results.axisLevels.sensitivity}
Conflict Approach:${results.axisLevels.conflict}
Structure Need:${results.axisLevels.structure}
Energy Orientation:${results.axisLevels.energy}

📋 Hiring Recommendation

${results.toxicityLevel === 'CRITICAL' ? "Do not proceed unless company addresses concerns in interview and provides exceptional references. High risk of team toxicity." : results.toxicityLevel === 'RED' ? "Proceed with caution. Conduct behavioral interviews focused on the flagged areas. Require strong references from previous managers." : results.toxicityLevel === 'YELLOW' ? "Acceptable risk with monitoring. Consider trial period or probationary review at 30-60 days. Brief hiring manager on potential concerns." : "Standard hiring process. Match company archetype with team culture for optimal fit."}

Company Culture: ${results.archetype}

Description: ${details.description}

Key Strengths:

Best Candidate Matches:

Challenging Matches (May Struggle):

Culture Improvement Tips:

⚠️ CONFIDENTIAL STAFF REPORT - DO NOT SHARE WITH COMPANY

Internal Assessment for Hiring Decisions

` }; }; // Function to send emails via Netlify Function const sendEmails = async () => { setEmailSending(true); setEmailError(null); try { // STEP 1: Get assessment results const results = calculateResults(); // STEP 2: Generate email HTML const companyEmailContent = generateCompanyEmail(results); const staffEmailContent = generateStaffEmail(results, { name: fullName, position: position, companyName: companyName, email: email }); // STEP 3: Send emails via send-assessment-company function const emailResponse = await fetch('/.netlify/functions/send-assessment-company', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ fullName, position, companyName, email, phone, companyEmailHTML: companyEmailContent.html, staffEmailHTML: staffEmailContent.html, archetype: results.archetype, toxicityLevel: results.toxicityLevel }) }); const emailData = await emailResponse.json(); if (!emailData.success) { setEmailError(emailData.error || 'Failed to send emails. Please try again.'); return; } console.log('✅ Emails sent successfully!'); // STEP 4: Add to CRM (HubSpot + Google Sheets) via assessment-to-crm function try { console.log('📊 Adding to HubSpot and Google Sheets...'); const crmResponse = await fetch('/.netlify/functions/assessment-to-crm', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ fullName, email, companyName, position, phone: phone || '', assessmentType: 'culture', score: 0, // Not applicable for culture assessments archetype: results.archetype }) }); const crmData = await crmResponse.json(); if (crmData.success) { console.log('✅ CRM integration successful!'); console.log(' - HubSpot Contact ID:', crmData.hubspotContactId); console.log(' - Priority:', crmData.priority); console.log(' - Call By:', crmData.callBy); } else { console.warn('⚠️ CRM integration failed:', crmData.error); // Don't fail the whole process - emails were sent successfully } } catch (crmError) { console.error('⚠️ CRM error (non-critical):', crmError); // Don't fail the whole process - emails were sent successfully } // Success! setEmailSent(true); } catch (error) { console.error('❌ Error:', error); setEmailError('An error occurred. Please try again or contact us at talent@techtalentglobal.com'); } finally { setEmailSending(false); } }; const calculateResults = () => { const axisScores = { pace: [], autonomy: [], sensitivity: [], conflict: [], structure: [], energy: [] }; // Calculate scores questions.forEach((q, index) => { const answer = answers[index]; if (answer) { const option = q.options.find(opt => opt.value === answer); if (option && option.axes) { Object.entries(option.axes).forEach(([axis, score]) => { axisScores[axis].push(score); }); } } }); // Calculate averages const axisLevels = {}; Object.entries(axisScores).forEach(([axis, scores]) => { const avg = scores.reduce((a, b) => a + b, 0) / scores.length; if (avg <= 1.66) axisLevels[axis] = 'Low'; else if (avg <= 2.33) axisLevels[axis] = 'Medium'; else axisLevels[axis] = 'High'; }); // Check for inconsistencies let inconsistencyCount = 0; questions.forEach((q, index) => { if (q.isConsistencyCheck && answers[index]) { const answer = answers[index]; const score = q.options.find(opt => opt.value === answer).axes[q.checkAxis]; const axisAvg = axisScores[q.checkAxis].reduce((a, b) => a + b, 0) / axisScores[q.checkAxis].length; if ((score === 1 && axisAvg > 2.3) || (score === 3 && axisAvg < 1.7)) { inconsistencyCount++; } } }); // Determine archetype using dominant axis scoring const { pace, autonomy, sensitivity, conflict, structure, energy } = axisLevels; const ambiguity = structure === 'Low' ? 'High' : structure === 'High' ? 'Low' : 'Medium'; // Score each archetype based on how well the person matches its dominant patterns const archetypeScores = { Trailblazer: 0, Architect: 0, Anchor: 0, Catalyst: 0, Navigator: 0, Collaborator: 0 }; // TRAILBLAZER: High Pace + High Autonomy + High Ambiguity + High Energy if (pace === 'High') archetypeScores.Trailblazer += 3; if (pace === 'Medium') archetypeScores.Trailblazer += 1; if (autonomy === 'High') archetypeScores.Trailblazer += 3; if (autonomy === 'Medium') archetypeScores.Trailblazer += 1; if (ambiguity === 'High') archetypeScores.Trailblazer += 3; if (ambiguity === 'Medium') archetypeScores.Trailblazer += 1; if (energy === 'High') archetypeScores.Trailblazer += 3; if (energy === 'Medium') archetypeScores.Trailblazer += 1; if (conflict === 'High') archetypeScores.Trailblazer += 1; // bonus // ARCHITECT: High Autonomy + Medium Pace + Low Ambiguity (High Structure) if (autonomy === 'High') archetypeScores.Architect += 3; if (autonomy === 'Medium') archetypeScores.Architect += 1; if (pace === 'Medium') archetypeScores.Architect += 3; if (pace === 'Low') archetypeScores.Architect += 1; if (ambiguity === 'Low') archetypeScores.Architect += 3; if (ambiguity === 'Medium') archetypeScores.Architect += 1; if (conflict === 'Medium') archetypeScores.Architect += 1; if (energy === 'Medium') archetypeScores.Architect += 1; // ANCHOR: Low Pace + Low Autonomy + High Sensitivity if (pace === 'Low') archetypeScores.Anchor += 3; if (pace === 'Medium') archetypeScores.Anchor += 1; if (autonomy === 'Low') archetypeScores.Anchor += 3; if (autonomy === 'Medium') archetypeScores.Anchor += 1; if (sensitivity === 'High') archetypeScores.Anchor += 3; if (sensitivity === 'Medium') archetypeScores.Anchor += 1; if (conflict === 'Low') archetypeScores.Anchor += 2; if (energy === 'Low') archetypeScores.Anchor += 2; if (ambiguity === 'Low') archetypeScores.Anchor += 1; // CATALYST: High Pace + High Conflict + High Energy + Medium Sensitivity if (conflict === 'High') archetypeScores.Catalyst += 3; if (conflict === 'Medium') archetypeScores.Catalyst += 1; if (energy === 'High') archetypeScores.Catalyst += 3; if (energy === 'Medium') archetypeScores.Catalyst += 1; if (pace === 'High') archetypeScores.Catalyst += 3; if (pace === 'Medium') archetypeScores.Catalyst += 1; if (sensitivity === 'Medium') archetypeScores.Catalyst += 2; if (sensitivity === 'Low') archetypeScores.Catalyst += 1; if (autonomy === 'High') archetypeScores.Catalyst += 1; // bonus // NAVIGATOR: Medium Autonomy + High Ambiguity + Low Conflict if (ambiguity === 'High') archetypeScores.Navigator += 3; if (ambiguity === 'Medium') archetypeScores.Navigator += 1; if (autonomy === 'Medium') archetypeScores.Navigator += 3; if (autonomy === 'High') archetypeScores.Navigator += 1; if (conflict === 'Low') archetypeScores.Navigator += 3; if (conflict === 'Medium') archetypeScores.Navigator += 1; if (pace === 'Medium') archetypeScores.Navigator += 1; if (sensitivity === 'Medium') archetypeScores.Navigator += 1; // COLLABORATOR: High Sensitivity + Medium Conflict + Low Energy if (sensitivity === 'High') archetypeScores.Collaborator += 3; if (sensitivity === 'Medium') archetypeScores.Collaborator += 1; if (conflict === 'Medium') archetypeScores.Collaborator += 3; if (conflict === 'Low') archetypeScores.Collaborator += 1; if (energy === 'Low') archetypeScores.Collaborator += 3; if (energy === 'Medium') archetypeScores.Collaborator += 1; if (pace === 'Medium') archetypeScores.Collaborator += 1; if (pace === 'Low') archetypeScores.Collaborator += 1; // Find the archetype with the highest score let archetype = 'Trailblazer'; let maxScore = archetypeScores.Trailblazer; Object.entries(archetypeScores).forEach(([type, score]) => { if (score > maxScore) { maxScore = score; archetype = type; } }); // Comprehensive toxicity detection (hidden layer for staff only) const riskFlags = []; const redFlags = []; // Severe issues const yellowFlags = []; // Moderate concerns // 1. "PSYCHOPATH BUT HIGH PERFORMER" - Conflict Escalation Risk if (sensitivity === 'Low' && conflict === 'High' && pace === 'High') { redFlags.push({ flag: 'Conflict Escalation Risk - "Brilliant Jerk" Pattern', description: 'High performer who may damage team morale. Low empathy + confrontational + intense pace.', severity: 'HIGH' }); } // 2. GOSSIP TENDENCY (two patterns) // Pattern A: Low sensitivity + medium conflict (talks behind backs) if (sensitivity === 'Low' && conflict === 'Medium') { yellowFlags.push({ flag: 'Gossip Tendency - Indirect', description: 'May avoid direct confrontation but engage in behind-the-scenes talk.', severity: 'MEDIUM' }); } // Pattern B: High sensitivity + low conflict (people-focused but conflict-avoidant) if (sensitivity === 'High' && conflict === 'Low' && autonomy === 'Low') { yellowFlags.push({ flag: 'Gossip Tendency - Passive', description: 'Emotionally aware but avoids direct conflict; may vent to others.', severity: 'MEDIUM' }); } // 3. LOW ACCOUNTABILITY if (energy === 'Low' && autonomy === 'Low') { yellowFlags.push({ flag: 'Low Accountability Risk', description: 'May defer responsibility or blame-shift when issues arise.', severity: 'MEDIUM' }); } // 4. AUTHORITY REJECTION if (autonomy === 'High' && conflict === 'High') { yellowFlags.push({ flag: 'Authority Rejection', description: 'Resists oversight and confronts leadership; may undermine managers.', severity: 'MEDIUM' }); // Upgrade to RED if also has inconsistencies if (inconsistencyCount >= 2) { redFlags.push({ flag: 'Severe Authority Rejection', description: 'Strong rejection of guidance + inconsistent responses = potential toxic influence.', severity: 'HIGH' }); } } // 5. BURNOUT RISK TO SELF if (energy === 'High' && pace === 'High') { yellowFlags.push({ flag: 'Burnout Risk - Self', description: 'All-in intensity without boundaries; may crash under sustained pressure.', severity: 'MEDIUM' }); } // 6. BURNOUT RISK TO OTHERS (toxic to team) if (pace === 'High' && energy === 'High' && sensitivity === 'Low') { redFlags.push({ flag: 'Burnout Risk - Inflicts on Others', description: 'Pushes team relentlessly without empathy; creates toxic pressure culture.', severity: 'HIGH' }); } // 7. GAMING THE TEST if (inconsistencyCount >= 3) { redFlags.push({ flag: 'High Inconsistency - Gaming or Low Self-Awareness', description: '3+ contradictions detected. Either deliberately gaming test or lacks self-awareness.', severity: 'HIGH' }); } else if (inconsistencyCount === 2) { yellowFlags.push({ flag: 'Moderate Inconsistency', description: '2 contradictions detected. May indicate rushed responses or uncertainty.', severity: 'MEDIUM' }); } // 8. LOW SELF-AWARENESS (separate from gaming) if (inconsistencyCount >= 2 && (sensitivity === 'Low' || conflict === 'High')) { yellowFlags.push({ flag: 'Low Self-Awareness', description: 'Inconsistent responses + low empathy/high conflict = blind spots in behavior.', severity: 'MEDIUM' }); } // 9. "BRILLIANT JERK" - Extreme Trailblazer with low empathy if (archetype === 'Trailblazer' && sensitivity === 'Low') { redFlags.push({ flag: 'Classic "Brilliant Jerk" Profile', description: 'High-performing Trailblazer with low empathy. May deliver results but poison culture.', severity: 'HIGH' }); } // 10. MICROMANAGEMENT VICTIM RISK (will clash if hired) if (autonomy === 'High' && structure === 'Low' && conflict === 'High') { yellowFlags.push({ flag: 'High Micromanagement Clash Risk', description: 'Needs extreme freedom. Will rebel against oversight or structured processes.', severity: 'MEDIUM' }); } // 11. PASSIVE-AGGRESSIVE PATTERN if (conflict === 'Low' && autonomy === 'Low' && sensitivity === 'Medium') { yellowFlags.push({ flag: 'Passive-Aggressive Tendency', description: 'Avoids conflict + needs guidance + moderate people skills = may agree but not follow through.', severity: 'MEDIUM' }); } // 12. FOUNDER DEPENDENCY (for companies, but flag if company shows it) if (autonomy === 'Low' && structure === 'Low' && energy === 'Low') { yellowFlags.push({ flag: 'Dependency Risk', description: 'Needs both guidance AND clarity. May struggle without strong direction.', severity: 'MEDIUM' }); } // Overall toxicity severity let toxicityLevel = 'GREEN'; if (redFlags.length >= 2) { toxicityLevel = 'CRITICAL'; } else if (redFlags.length === 1) { toxicityLevel = 'RED'; } else if (yellowFlags.length >= 3) { toxicityLevel = 'RED'; } else if (yellowFlags.length >= 1) { toxicityLevel = 'YELLOW'; } // Combine all flags for legacy support const allFlags = [...redFlags.map(f => f.flag), ...yellowFlags.map(f => f.flag)]; // Map candidate archetypes to company culture types const archetypeMapping = { 'Trailblazer': 'High-Performance Team', 'Architect': 'Structured Enterprise', 'Anchor': 'Stable Foundation', 'Catalyst': 'Dynamic Innovator', 'Navigator': 'Strategic Navigator', 'Collaborator': 'Collaborative Culture' }; const companyArchetype = archetypeMapping[archetype] || 'High-Performance Team'; return { archetype: companyArchetype, archetypeMatchScore: maxScore, axisLevels, inconsistencyCount, riskFlags: allFlags, redFlags, yellowFlags, toxicityLevel }; }; // Company Culture Archetypes - detailed descriptions const archetypeDetails = { "High-Performance Team": { title: "High-Performance Team", description: "Your team thrives on speed, results, and high autonomy. You move fast, embrace challenges, and trust team members to own their work with minimal oversight.", strengths: [ "Rapid execution and quick decision-making", "High trust and empowerment of team members", "Adaptable and resilient under pressure", "Results-driven with clear accountability" ], bestMatches: [ "Trailblazers - Excel in your fast-paced environment", "Catalysts - Bring energy and thrive under pressure", "Navigators - Adapt seamlessly to your dynamic pace" ], challengingMatches: [ "Anchors - May struggle with pace and constant change", "Collaborators - Could feel pressure overrides relationships" ], cultureTips: [ "Monitor for burnout - ensure sustainable pace", "Don't sacrifice relationships for speed", "Build in recovery time after intense sprints" ] }, "Structured Enterprise": { title: "Structured Enterprise", description: "Your organization values processes, planning, and systematic approaches. Clear hierarchies, documented procedures, and methodical execution define your culture.", strengths: [ "Predictable and reliable operations", "Clear expectations and career paths", "Strong knowledge management", "Quality and compliance excellence" ], bestMatches: [ "Architects - Thrive in your structured environment", "Anchors - Appreciate clarity and stability", "Navigators - Balance structure with adaptability" ], challengingMatches: [ "Trailblazers - May feel constrained by processes", "Catalysts - Could chafe under structure" ], cultureTips: [ "Allow flexibility within frameworks", "Don't let processes slow innovation", "Empower teams where appropriate" ] }, "Stable Foundation": { title: "Stable Foundation", description: "Your team prioritizes sustainability, work-life balance, and steady growth. Low pressure, supportive environment, and long-term thinking characterize your culture.", strengths: [ "Low turnover and high loyalty", "Sustainable pace reduces burnout", "Supportive and nurturing environment", "Long-term strategic thinking" ], bestMatches: [ "Anchors - Perfect alignment with stability needs", "Collaborators - Appreciate supportive culture", "Architects - Value predictability and planning" ], challengingMatches: [ "Trailblazers - May find pace too slow", "Catalysts - Could feel understimulated" ], cultureTips: [ "Don't mistake stability for stagnation", "Create growth opportunities", "Stay competitive in market" ] }, "Dynamic Innovator": { title: "Dynamic Innovator", description: "Your culture embraces change, creativity, and experimentation. Flexible, collaborative, and willing to try new approaches, you value innovation over tradition.", strengths: [ "Innovative and creative problem-solving", "Agile and adaptive to change", "Collaborative and open environment", "Attracts creative talent" ], bestMatches: [ "Catalysts - Thrive in your innovative environment", "Navigators - Excel with dynamic conditions", "Trailblazers - Bring energy to experiments" ], challengingMatches: [ "Anchors - May need more structure and stability", "Architects - Could want more process" ], cultureTips: [ "Balance innovation with execution", "Some structure helps creativity", "Track and measure experiments" ] }, "Strategic Navigator": { title: "Strategic Navigator", description: "Your organization balances multiple priorities skillfully. You're data-driven yet flexible, structured yet adaptive, combining the best of different approaches.", strengths: [ "Versatile and adaptable culture", "Data-informed decision making", "Balanced approach reduces extremes", "Appeals to diverse talent" ], bestMatches: [ "Navigators - Perfect alignment with balanced approach", "Architects - Appreciate strategic thinking", "Collaborators - Value thoughtful balance" ], challengingMatches: [ "Trailblazers - May want faster decisions", "Those seeking extreme environments" ], cultureTips: [ "Don't be paralyzed by seeking balance", "Be decisive when needed", "Have strong POV, not just compromise" ] }, "Collaborative Culture": { title: "Collaborative Culture", description: "Your team puts relationships first. Consensus-driven, supportive, and people-focused, you build strong connections and make decisions together.", strengths: [ "Strong team cohesion and loyalty", "Supportive and inclusive environment", "High employee satisfaction", "Excellent internal collaboration" ], bestMatches: [ "Collaborators - Perfect cultural alignment", "Anchors - Appreciate supportive nature", "Navigators - Value team harmony" ], challengingMatches: [ "Trailblazers - May find consensus slow", "Those valuing speed over relationships" ], cultureTips: [ "Don't avoid necessary conflict", "Speed up decision-making when needed", "Hold people accountable kindly" ] } }; const progress = ((currentQuestion + 1) / questions.length) * 100; // Info screen (shown at 1/3 and 2/3 of the assessment) if (emailSending || emailSent || emailError) { const results = calculateResults(); return ( <>
{/* SENDING STATE */} {emailSending && (

Sending Your Results...

Please wait while we process your assessment

✓ Analyzing your work style...

✓ Generating personalized report...

✓ Preparing emails...

)} {/* SUCCESS STATE */} {emailSent && !emailSending && (
✅

Success!

You are {results.archetype === 'Anchor' || results.archetype === 'Architect' ? 'an' : 'a'} {results.archetype}

Your complete assessment has been sent to:

{email}

📬 Check Your Inbox!

We've sent you a detailed report including:
• Your complete work archetype analysis
• Best-fit company cultures
• Your strengths and potential blind spots
• What environments to avoid

💡 Don't see it? Check your spam folder!

Our team has been notified!
We've received your assessment at talent@techtalentglobal.com and will review your profile for potential opportunities.

)} {/* ERROR STATE */} {emailError && !emailSending && !emailSent && (
❌

Oops! Something Went Wrong

{emailError}

We couldn't send your results at this time.

Need help? Contact us at:
talent@techtalentglobal.com

)}
); } if (showInfoScreen) { // Determine which stat to show based on current question const statIndex = currentQuestion === 10 ? 0 : currentQuestion === 21 ? 1 : 2; const currentStat = infoScreens[statIndex]; const checkpoint = currentQuestion === 10 ? "1/3" : "2/3"; return ( <>
You're {checkpoint} of the way there! 🎯

Why This Assessment Matters

{currentStat.stat}

{currentStat.text}

— {currentStat.source}

Finding the right cultural fit isn't just about getting hired— it's about thriving, staying satisfied, and building a career where you actually want to show up every day.

{questions.length - currentQuestion - 1} questions remaining

); } // Preview/Teaser screen (shows BEFORE email collection) if (showPreview) { const results = calculateResults(); const details = archetypeDetails[results.archetype]; return ( <>
{/* Preview Section */}
✓ Assessment Complete!

You are {details.title === 'Anchor' || details.title === 'Architect' ? 'an' : 'a'} {details.title}

{details.description}

👥

Best-Fit Candidates

Who will thrive here

⚠️

Culture Risks

Areas to improve

💪

Your Strengths

Cultural advantages

🚫

Who to Avoid

Bad culture fits

{/* Divider */}
{/* Email Form Section */}

Get Your Complete Report

We'll send your full analysis with hiring recommendations

setFullName(e.target.value)} placeholder="John Smith" style={{ background: 'white', border: '2px solid #e2e8f0', color: '#1e293b' }} className="w-full px-4 py-3 rounded-lg focus:outline-none transition-colors" onFocus={(e) => e.target.style.borderColor = '#00d4ff'} onBlur={(e) => e.target.style.borderColor = '#e2e8f0'} required />
setPosition(e.target.value)} placeholder="CEO, HR Manager, Team Lead, etc." style={{ background: 'white', border: '2px solid #e2e8f0', color: '#1e293b' }} className="w-full px-4 py-3 rounded-lg focus:outline-none transition-colors" onFocus={(e) => e.target.style.borderColor = '#00d4ff'} onBlur={(e) => e.target.style.borderColor = '#e2e8f0'} required />
setCompanyName(e.target.value)} placeholder="Tech Talent Global" style={{ background: 'white', border: '2px solid #e2e8f0', color: '#1e293b' }} className="w-full px-4 py-3 rounded-lg focus:outline-none transition-colors" onFocus={(e) => e.target.style.borderColor = '#00d4ff'} onBlur={(e) => e.target.style.borderColor = '#e2e8f0'} required />
setEmail(e.target.value)} placeholder="john@company.com" style={{ background: 'white', border: '2px solid #e2e8f0', color: '#1e293b' }} className="w-full px-4 py-3 rounded-lg focus:outline-none transition-colors" onFocus={(e) => e.target.style.borderColor = '#00d4ff'} onBlur={(e) => e.target.style.borderColor = '#e2e8f0'} required />

📧 We'll send your detailed assessment here

⚡ We'll connect you with matching candidates faster if you provide your number

setPhone(e.target.value)} placeholder="+1 (555) 123-4567" style={{ background: 'white', border: '2px solid #e2e8f0', color: '#1e293b' }} className="w-full px-4 py-3 rounded-lg focus:outline-none transition-colors" onFocus={(e) => e.target.style.borderColor = '#00d4ff'} onBlur={(e) => e.target.style.borderColor = '#e2e8f0'} />

🔒 Your information is confidential and used only for delivering results.

); } // Welcome screen // Intro landing page if (showIntro) { return (
{/* Logo and Header */}
Tech Talent Global

Company Culture Assessment

Identify your organization's culture archetype

{/* Main Value Props */}

What This Assessment Will Do For You

🎯

Discover Your Culture Type

Understand your company's unique personality - from Trailblazer to Guardian, we'll identify your cultural DNA.

🚀

Attract Better Talent

Know your culture so you can hire people who thrive in it. Stop hiring misfits, start building dream teams.

📈

Improve Retention

When culture is clear, employees stay longer. Reduce turnover by understanding and communicating who you are.

⏱️

Takes Just 5 Minutes

Quick questions about your team, values, and work environment. Get instant insights.

{/* How It Works */}

How It Works

1

Answer Questions

15 questions about your company culture and values

2

Get Analysis

We identify your culture archetype and strengths

3

Receive Your Profile

Detailed culture breakdown + hiring recommendations

{/* CTA Button */}

✓ Free Forever • ✓ No Credit Card • ✓ Results in 5 Minutes

{/* Trust Signals */}

Used by tech leaders at:

Startups, Scale-ups, and Enterprise companies across EU, UK & UAE

); } if (showWelcome) { return ( <>
Company Culture Assessment

Understand Your Team Culture

This 10-15 minute assessment identifies your team's culture archetype and shows which candidates will thrive in your environment.

What You'll Discover:

🎯

Your Team Archetype

Understand your dominant team culture and values

👥

Best-Fit Candidates

Which candidate types will thrive in your culture

💪

Strengths & Growth Areas

Leverage what makes you great, watch for pitfalls

⚠️

Mismatch Warnings

Environments that will drain or frustrate you

📝 Answer honestly: There are no right or wrong answers. Choose the option closest to your actual team culture and preferences, not what sounds "best."

33 questions • 10-15 minutes • Get results via email

); } // Email collection form (shown AFTER preview) // Generate company email (positive, encouraging) // Email status screen - user ONLY sees this, never the full results const currentQ = questions[currentQuestion]; const selectedAnswer = answers[currentQuestion]; return ( <>
{/* Progress bar */}
Question {currentQuestion + 1} of {questions.length} {Math.round(progress)}%
{/* Question card */}

{currentQ.text}

{currentQ.options.map((option) => ( ))}
{/* Instructions */} {currentQuestion === 0 && (

Answer based on your actual team culture – there are no right or wrong answers. Choose the option closest to you.

)}
); }; // Render to page ReactDOM.createRoot(document.getElementById('root')).render();