'use client';

import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';

interface IAboutMeProps {
  className: string;
}

const AboutMe = ({ className }: IAboutMeProps) => {
  return (
    <Card className={className}>
      <CardHeader>
        <CardTitle>About Me</CardTitle>
      </CardHeader>
      <CardContent>
        <p className="text-sm text-foreground leading-5.5 mb-4">
          I am a passionate and dedicated individual with a flair for creativity
          and innovation. With a background in UI/UX design, I have a keen eye
          for detail and a strong understanding of user experience. My goal is
          to craft visually appealing and intuitive designs that not only meet
          clients&apos; needs but also exceed their expectations.
        </p>
        <p className="text-sm text-foreground leading-5.5">
          Over the years, I have honed my skills in various design tools and
          techniques, allowing me to bring ideas to life with precision and
          elegance. I thrive in collaborative environments, where I can work
          closely with clients and teams to achieve remarkable results.
        </p>
      </CardContent>
    </Card>
  );
};

export { AboutMe, type IAboutMeProps };