import GlowCard from "./components/ui/GlowCard";

const MyPage: React.FC = () => {
 
    const cards = [
    {
      title: "Exploring Mountains",
      description: "Mar 06, 2024",
      image: "https://images.pexels.com/photos/1271619/pexels-photo-1271619.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2",
    },
    {
      title: "Beautiful Beach View",
      description: "Jul 15, 2023",
      image: "https://images.pexels.com/photos/38238/maldives-ile-beach-sun-38238.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2",
    },
    {
      title: "Mystical Forest",
      description: "Aug 22, 2024",
      image: "https://images.pexels.com/photos/1766838/pexels-photo-1766838.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2",
    },
    {
      title: "City at Night",
      description: "Sep 10, 2023",
      image: "https://images.pexels.com/photos/302769/pexels-photo-302769.jpeg?auto=compress&cs=tinysrgb&w=600",
    },
    {
      title: "Serenity by the Sea",
      description: "Oct 15, 2023",
      image: "https://images.pexels.com/photos/3374347/pexels-photo-3374347.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=2",
    },
  ];

  return (
    <div>
      <GlowCard cards={cards} />
    </div>
  );
};

export default MyPage;