File size: 665 Bytes
ffc05fe 2cc62ca ffc05fe 2cc62ca | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | import React from 'react'
import { motion } from 'framer-motion'
import styles from './Header.module.css'
export default function Header() {
return (
<motion.header
className={styles.header}
initial={{ opacity: 0, y: -20 }}
animate={{ opacity: 1, y: 0 }}
transition={{ duration: 0.7, ease: [0.22, 1, 0.36, 1] }}
>
<div className={styles.logo}>
<img src="/logo.png" alt="Chirp logo" className={styles.logoImg} />
<span className={styles.logoText}>chirp!</span>
</div>
<p className={styles.tagline}>your birdwatching companion</p>
<div className={styles.divider} />
</motion.header>
)
} |