import React, { useState, useEffect } from 'react';
import { Sparkles, Activity, ArrowRight, RotateCcw, Info, Heart, Volume2, TreePine, Droplets, Wind, SmilePlus } from 'lucide-react';
// Dr. Hawkins Scale of Consciousness Data (汉化)
const HAWKINS_SCALE = [
{ label: '羞愧 (Shame)', hz: 20, desc: '最低的频率，伴随着深沉的无价值感与自我否定。', color: '#1c1917', textColor: 'text-stone-900' },
{ label: '内疚 (Guilt)', hz: 45, desc: '导致自我破坏、懊悔与持续的自责。', color: '#292524', textColor: 'text-stone-800' },
{ label: '冷漠 (Apathy)', hz: 50, desc: '一种绝望的状态，对生活缺乏意志力与动力。', color: '#1e293b', textColor: 'text-slate-800' },
{ label: '悲伤 (Grief)', hz: 75, desc: '深沉的哀痛、失落与无助感。', color: '#1e3a8a', textColor: 'text-blue-900' },
{ label: '恐惧 (Fear)', hz: 100, desc: '对未来的焦虑、担忧以及缺乏安全感。', color: '#312e81', textColor: 'text-indigo-900' },
{ label: '欲望 (Desire)', hz: 125, desc: '强烈的执念与渴求，往往导致内心的不满与成瘾。', color: '#7c2d12', textColor: 'text-orange-900' },
{ label: '愤怒 (Anger)', hz: 150, desc: '一种强大但极度消耗能量的情绪，可能具有破坏性。', color: '#991b1b', textColor: 'text-red-800' },
{ label: '骄傲 (Pride)', hz: 175, desc: '一种虚假的自我膨胀感，虽然感觉良好但缺乏真正的内在力量。', color: '#dc2626', textColor: 'text-red-600' },
{ label: '勇气 (Courage)', hz: 200, desc: '真正力量的起点；标志着你开始为自己的人生承担责任。', color: '#f97316', textColor: 'text-orange-500' },
{ label: '淡定 (Neutrality)', hz: 250, desc: '内在的平衡与不评判，能在复杂环境中保持中立与放松。', color: '#eab308', textColor: 'text-yellow-500' },
{ label: '主动 (Willingness)', hz: 310, desc: '保持敞开的心态，乐于学习、成长、适应并积极生活。', color: '#84cc16', textColor: 'text-lime-500' },
{ label: '宽容 (Acceptance)', hz: 350, desc: '不再抗拒，能够如实地拥抱与接纳生活的本来面目。', color: '#22c55e', textColor: 'text-green-500' },
{ label: '明智 (Reason)', hz: 400, desc: '高度的理性、逻辑与分析能力，能够深刻理解事物的本质。', color: '#14b8a6', textColor: 'text-teal-500' },
{ label: '爱 (Love)', hz: 500, desc: '具有强大转化力量的频率，带来疗愈、深刻的和谐与无条件的慈悲。', color: '#ec4899', textColor: 'text-pink-500' },
{ label: '喜悦 (Joy)', hz: 540, desc: '强烈的内在快乐，伴随着无尽的感恩与对他人的慈爱。', color: '#a855f7', textColor: 'text-purple-500' },
{ label: '平和 (Peace)', hz: 600, desc: '一种深沉的满足感与极度的内心宁静，超越了世俗的纷扰。', color: '#60a5fa', textColor: 'text-blue-400' },
{ label: '开悟 (Enlightenment)', hz: 750, desc: '意识的最高层级，体验到非二元性与神圣的万物合一。', color: '#f8fafc', textColor: 'text-gray-100' }
];
// Assessment Questions mapped to approximate frequencies based on the document (扩充至10题)
const QUESTIONS = [
{
question: "1. 当你回顾自己过去犯下的错误时，你主要的感觉是？",
options: [
{ text: "我感到深深的自责与内疚，很难原谅自己。", hz: 45 },
{ text: "我希望事情能有所不同，但我尽量逃避不去想它。", hz: 125 },
{ text: "我接受所发生的一切，并视其为宝贵的学习经验。", hz: 350 },
{ text: "我对这些错误教给我的功课充满深深的感恩与爱。", hz: 500 }
]
},
{
question: "2. 面对突如其来、令人棘手的困难时，你的第一反应通常是？",
options: [
{ text: "我感到不知所措，觉得毫无希望，想要放弃。", hz: 50 },
{ text: "我感到沮丧、愤怒，并本能地想找个人或客观原因来责怪。", hz: 150 },
{ text: "我迎难而上，重拾信心，并承担起解决问题的责任。", hz: 200 },
{ text: "我保持冷静，用客观的逻辑理性地寻找最佳的解决方案。", hz: 400 }
]
},
{
question: "3. 你通常如何看待他人，尤其是那些与你意见完全相左的人？",
options: [
{ text: "我对他们感到焦虑，觉得他们对我的生活或信仰构成了威胁。", hz: 100 },
{ text: "我觉得自己比他们优越，因为我知道我的观点才是正确的。", hz: 175 },
{ text: "我不评判他们；我认为每个人都有权利选择自己的道路。", hz: 250 },
{ text: "我超越了对错，对所有人充满深深的同理心与连接感。", hz: 540 }
]
},
{
question: "4. 你目前生活中最主要的驱动力和目标是什么？",
options: [
{ text: "我只想努力生存下去，尽量避免受到伤害和痛苦。", hz: 100 },
{ text: "我想要获得更多的财富、地位、成就以及他人的认可。", hz: 125 },
{ text: "我渴望不断地学习、成长，主动提升自我的生命体验。", hz: 310 },
{ text: "我只愿与世界和谐共处，体验纯粹的存在与宁静。", hz: 600 }
]
},
{
question: "5. 当看到别人取得了你梦寐以求的巨大成功时，你内心的真实感受是？",
options: [
{ text: "我感到一阵苦涩，觉得自己一无是处，永远比不上别人。", hz: 75 },
{ text: "我感到嫉妒，内心深处渴望我也能立刻拥有同样的成功。", hz: 125 },
{ text: "我觉得顺其自然，他们的成功对我的心情没有什么影响。", hz: 250 },
{ text: "我由衷地为他们感到喜悦，并庆祝他们取得的辉煌成就。", hz: 540 }
]
},
{
question: "6. 你是如何看待和对待自己的日常工作或生活琐事的？",
options: [
{ text: "我觉得生活是个沉重无聊的负担，没有任何意义。", hz: 50 },
{ text: "我在努力表现，以向别人证明我很优秀、很有价值。", hz: 175 },
{ text: "我愿意主动去做好手头的事，对工作和生活保持开放态度。", hz: 310 },
{ text: "即使在最平凡的琐事中，我也能感受到创造的乐趣与爱。", hz: 500 }
]
},
{
question: "7. 当别人指出你的缺点或对你提出严厉的批评时，你会？",
options: [
{ text: "我觉得自己很丢脸，陷入深深的羞愧和自我否定中。", hz: 20 },
{ text: "我感到非常生气，并立刻为自己辩护或反击对方。", hz: 150 },
{ text: "我冷静地分析批评的内容，提取有逻辑的、有用的建议。", hz: 400 },
{ text: "我带着平和倾听，感谢他们为我的成长提供了不同的视角。", hz: 600 }
]
},
{
question: "8. 面对未来长期的不确定性，你总体的态度倾向于？",
options: [
{ text: "我经常感到忧心忡忡，总是害怕发生不好的事情。", hz: 100 },
{ text: "我决定勇敢地面对未知，相信自己有勇气应付一切。", hz: 200 },
{ text: "我完全接纳未来的各种可能性，不对结果过度执着。", hz: 350 },
{ text: "我能感受到宇宙的完美安排，内心充满神圣的安全感。", hz: 750 }
]
},
{
question: "9. 你在普通日子里的基础情绪状态通常是怎样的？",
options: [
{ text: "我经常在心底觉得自己是有缺陷的或是不配得的。", hz: 20 },
{ text: "我觉得还行，平平淡淡得过且过，不好也不坏。", hz: 250 },
{ text: "我经常感到积极、温暖，并乐于支持和关爱身边的人。", hz: 500 },
{ text: "我时常感受到一种无法言喻的、与万物合一的极乐境界。", hz: 800 }
]
},
{
question: "10. 你如何看待自己性格中的阴暗面和不完美之处？",
options: [
{ text: "我感到非常羞耻，总是试图在人群中极力隐藏它们。", hz: 20 },
{ text: "我感到内疚，经常因为自己无法改掉这些缺点而自责。", hz: 45 },
{ text: "我客观地认识它们，并理智地制定自我完善的计划。", hz: 400 },
{ text: "我无条件地爱并接纳完整的自己，拥抱所有的不完美。", hz: 500 }
]
}
];
// Tips to raise vibration from the document (汉化)
const TIPS = [
{ title: "冥想与正念", desc: "定期的冥想有助于平静大脑，缓解压力，并提升意识状态与觉知力。", icon:
},
{ title: "声音疗愈与音乐", desc: "聆听高频声音（如 432 Hz 或 528 Hz），或是体验西藏颂钵、唱诵，能迅速提升能量场。", icon:
},
{ title: "积极思考与感恩", desc: "专注于正向的肯定语，养成表达感恩的习惯，这能将你的频率直接拉升到高维状态。", icon:
},
{ title: "健康饮食与充分补水", desc: "多食用新鲜、有机的植物性食物，并保持身体水分充足，有助于维持高能量的物理载体。", icon:
},
{ title: "亲近自然与接地", desc: "多去户外走走，赤脚接触大地（接地），并适度晒太阳，能自然地提高你的振动频率。", icon:
},
{ title: "践行慈悲与善举", desc: "对他人的善意、关爱以及无私的奉献服务，对我们的能量层级有着巨大的提升作用。", icon:
},
{ title: "呼吸法与瑜伽", desc: "练习调息法（Pranayama）和瑜伽有助于清理身体内部的能量阻塞，唤醒精神觉知。", icon:
}
];
export default function App() {
const [step, setStep] = useState('intro'); // intro, quiz, result
const [currentQuestion, setCurrentQuestion] = useState(0);
const [answers, setAnswers] = useState([]);
const [finalScore, setFinalScore] = useState(0);
const handleStart = () => {
setStep('quiz');
setCurrentQuestion(0);
setAnswers([]);
};
const handleAnswer = (hzValue) => {
const newAnswers = [...answers, hzValue];
setAnswers(newAnswers);
if (currentQuestion < QUESTIONS.length - 1) {
setCurrentQuestion(currentQuestion + 1);
} else {
calculateResult(newAnswers);
}
};
const calculateResult = (allAnswers) => {
// 计算平均频率
const sum = allAnswers.reduce((a, b) => a + b, 0);
const average = Math.round(sum / allAnswers.length);
setFinalScore(average);
setStep('result');
};
const resetQuiz = () => {
setStep('intro');
setAnswers([]);
setFinalScore(0);
};
const getClosestState = (score) => {
// 找出最接近测试结果得分的频率状态
return HAWKINS_SCALE.reduce((prev, curr) =>
Math.abs(curr.hz - score) < Math.abs(prev.hz - score) ? curr : prev
);
};
return (
{/* 头部导航 */}
VibeCheck 频率测试
基于大卫·霍金斯博士的意识能量层级
{/* 欢迎界面 */}
{step === 'intro' && (
探索你当前的
振动频率与意识能级
宇宙中的万事万物都在以特定的频率振动。根据大卫·霍金斯博士的研究，人类的意识层级分布在 1 到 1000 赫兹之间。较高的频率（如爱与喜悦）对应着健康与和谐，而较低的频率（如恐惧与愤怒）则带来压力与消耗。
关于本次测试
这是一个包含 10 个问题的简短评估，旨在测算你当下的情绪基准线位于意识能量图表的哪个位置。请根据你真实感受到的状态（而不是你希望达到的状态）诚实作答。
)}
{/* 测试题目界面 */}
{step === 'quiz' && (
{/* 进度条 */}
第 {currentQuestion + 1} 题 / 共 {QUESTIONS.length} 题
{Math.round(((currentQuestion) / QUESTIONS.length) * 100)}%
{/* 问题卡片 */}
{QUESTIONS[currentQuestion].question}
{QUESTIONS[currentQuestion].options.map((option, idx) => (
))}
);
}
// 结果页面组件，用于处理数字滚动动画
function ResultView({ score, closestState, onReset }) {
const [displayScore, setDisplayScore] = useState(0);
// 数字递增动画
useEffect(() => {
let start = 0;
const end = score;
const duration = 1500; // 动画时长1.5秒
const incrementTime = 20;
const steps = duration / incrementTime;
const incrementAmount = end / steps;
const timer = setInterval(() => {
start += incrementAmount;
if (start >= end) {
setDisplayScore(end);
clearInterval(timer);
} else {
setDisplayScore(Math.floor(start));
}
}, incrementTime);
return () => clearInterval(timer);
}, [score]);
// 计算半圆形仪表盘的旋转角度 (0Hz - 1000Hz 对应 0 - 180度)
const minHz = 0;
const maxHz = 1000;
const percentage = Math.min(Math.max((displayScore - minHz) / (maxHz - minHz), 0), 1);
const rotation = percentage * 180;
return (
{/* 顶部结果分数卡片 */}
你的能量基准线
{/* 半圆形仪表盘动画 */}
{/* 仪表盘底轨 */}
{/* 仪表盘填充 (颜色基于测算出的状态) */}
{/* 内部的分数显示 */}
{displayScore} Hz
{/* 主导状态说明 */}
主导状态
{closestState.label}
{closestState.desc}
{/* 知识背景卡片 */}
理解频率图表
低于 200 Hz 的频率（如恐惧、愤怒、骄傲）会消耗生命能量并引发压力。在 200 Hz（勇气），真正的自我赋能才刚刚开始。而高于 500 Hz 的频率（如爱、喜悦、平和）则代表着深层的内心疗愈与灵性觉醒。
频率是流动的
这只是你当下的一个剖面，你的频率并非一成不变。你可以通过改变日常思维模式、生活习惯以及刻意的练习，有意识地提升自己的能量振动频率。
{/* 提升频率的操作建议卡片 */}
如何提升你的振动频率？
{TIPS.map((tip, idx) => (
))}
{/* 重新测试按钮 */}
);
}