import React, { useState } from ‘react’; import { Card } from ‘@/components/ui/card’; import { Button } from ‘@/components/ui/button’; import { Trophy, Medal, Circle } from ‘lucide-react’; const valueDescriptions = { “Integrity”: { description: “You prioritize honesty, truthfulness, and moral principles in your actions and decisions.”, strengths: [“Strong moral compass”, “Trustworthiness”, “Consistency in actions”], challenge: “Standing firm in your principles even when it’s difficult.” }, “Growth”: { description: “You value continuous learning, personal development, and embracing new challenges.”, strengths: [“Adaptability”, “Curiosity”, “Willingness to learn”], challenge: “Maintaining momentum while being patient with the process.” }, “Innovation”: { description: “You appreciate creative thinking, new ideas, and finding unique solutions.”, strengths: [“Creative thinking”, “Problem-solving”, “Forward-thinking”], challenge: “Balancing innovation with practical implementation.” } }; export default function ValueDiscoveryApp() { const [step, setStep] = useState(3); const [expandedValue, setExpandedValue] = useState(null); const selectedValues = [“Integrity”, “Growth”, “Innovation”]; // Demo values const downloadProfile = () => { const today = new Date().toLocaleDateString(); const profile = `CORE VALUES PROFILE Generated on: ${today} ${selectedValues.map((value, index) => ` ${index + 1}. ${value.toUpperCase()} Description: ${valueDescriptions[value].description} Key Strengths: ${valueDescriptions[value].strengths.map(strength => `• ${strength}`).join(‘\n’)} Growth Opportunity: ${valueDescriptions[value].challenge} `).join(‘\n—\n’)} Next Steps: 1. Reflect on these values daily 2. Share your values with others 3. Look for opportunities to express these values 4. Regular self-assessment on value alignment`; const blob = new Blob([profile], { type: ‘text/plain’ }); const url = URL.createObjectURL(blob); const a = document.createElement(‘a’); a.href = url; a.download = ‘values-profile.txt’; a.click(); }; return (
{[1, 2, 3].map((num) => ( ))}

Your Core Values

These values represent what matters most to you. Click each value to explore it deeper.

{selectedValues.map((value, index) => (
{index === 0 && } {index === 1 && } {index === 2 && }

{value}

{valueDescriptions[value].description}

{expandedValue === value && (

Key Strengths:

    {valueDescriptions[value].strengths.map((strength) => (
  • {strength}
  • ))}

Growth Opportunity:

{valueDescriptions[value].challenge}

)}
))}

Next Steps

Download your values profile to keep track of your journey and reflect on your values.

); }