نمونه‌های کاربردی و تست زنده

import { useState, useEffect } from 'react';

function PersianQuote() {
  const [quote, setQuote] = useState(null);

  useEffect(() => {
    fetch('/api/quotes?random=true&limit=1')
      .then(res => res.json())
      .then(data => {
        if (data.success) {
          setQuote(data.data[0]);
        }
      });
  }, []);

  if (!quote) return <div>در حال بارگذاری...</div>;

  return (
    <div className="quote-card">
      <blockquote>{quote.text_persian}</blockquote>
      <cite>— {quote.poet}</cite>
    </div>
  );
}