import { Logo } from '@/components/Logo/Logo'
import styles from "./styles.module.scss"
import classNames from 'classnames'
import { faustina } from '@/app/fonts'

export const Banner = () => {
  return (
    <div className={styles.banner}>
      <div className={styles.logo}>
        <Logo color={"#ffffff33"} height={200} />
      </div>
      <div className={classNames(faustina.className, styles.nameContainer)}>
        <div className={styles.catholic}>Katholische Pfarrei</div>
        <div className={styles.name}>Heilige Drei Könige</div>
        <div className={styles.location}>Nord-Neukölln</div>
      </div>
    </div>
  )
}