import Head from 'next/head'; import { RiExternalLinkLine } from 'react-icons/ri'; import CustomNextImage from '../components/CustomNextImage'; import Layout from '../components/Layout'; import useUser from '../lib/useUser'; import { PhotoPageStyles, PhotosStyles } from './photos'; export default function CatsPage() { const { user } = useUser({ redirectTo: '/login' }); if (!user || user.isLoggedIn === false) { return Loading...; } const cats = [ { url: 'https://via.placeholder.com/500x500.png', alt: 'Cat 1', }, { url: 'https://via.placeholder.com/500x500.png', alt: 'Cat 2', }, { url: 'https://via.placeholder.com/500x500.png', alt: 'Cat 3', }, { url: 'https://via.placeholder.com/500x500.png', alt: 'Cat 4', }, { url: 'https://via.placeholder.com/500x500.png', alt: 'Cat 5', }, { url: 'https://via.placeholder.com/500x500.png', alt: 'Cat 6', }, ]; return (
N & N | Our Cats

Photos

Link to full photo gallery {cats.map((cat) => ( ))} Link to full photo gallery
); }