anycall-h5/components/Bio.tsx

import React from 'react';

interface BioProps {
  text: string;
}

const Bio: React.FC<BioProps> = ({ text }) => {
  return (
    <div className="bg-white rounded-2xl border border-slate-200 p-6">
      <h2 className="text-xl font-bold text-slate-800 mb-3">About Me</h2>
      <p className="text-slate-600 leading-relaxed">
        {text}
      </p>
    </div>
  );
};

export default Bio;