"use client";

import { useEffect, useState } from "react";

const QUOTES = [
  { text: "世界那么大，你的办公室可以在任何地方。", emoji: "🌍" },
  { text: "不是逃离生活，而是用科技重新定义生活。", emoji: "💻" },
  { text: "护照是最好的投资，好奇心是最好的指南针。", emoji: "🛂" },
  { text: "在巴厘岛写代码，在里斯本开会议，在清迈看日落。", emoji: "☀️" },
  { text: "慢下来，你会发现远方其实很近。", emoji: "✈️" },
  { text: "远程工作不是躺平，而是选择自己的时区与节奏。", emoji: "🕐" },
  { text: "背包里装的是衣服，心里装的是下一座城。", emoji: "🧳" },
];

export default function DailyQuote() {
  const [idx, setIdx] = useState(0);

  useEffect(() => {
    const day = Math.floor(Date.now() / 86400000);
    setIdx(day % QUOTES.length);
  }, []);

  const q = QUOTES[idx];

  return (
    <section className="section quote-section" id="quote">
      <div className="container">
        <div className="quote-card reveal">
          <span className="quote-emoji">{q.emoji}</span>
          <blockquote>“{q.text}”</blockquote>
          <div className="quote-footer">
            <span className="section-tag">✨ 今日 nomadro</span>
            <button
              className="btn btn-ghost btn-sm"
              onClick={() => setIdx((i) => (i + 1) % QUOTES.length)}
            >
              换一句 →
            </button>
          </div>
        </div>
      </div>
    </section>
  );
}