'use client'

import { motion } from 'framer-motion'
import Navigation from '@/components/Navigation'
import Footer from '@/components/Footer'

export default function YouTubeWebsite() {
  return (
    <>
      <Navigation />
      <main>
        <section className="page-hero">
          <motion.div
            initial={{ opacity: 0, y: 20 }}
            animate={{ opacity: 1, y: 0 }}
            transition={{ duration: 0.8 }}
            className="container"
          >
            <h1>YouTube Website</h1>
          </motion.div>
        </section>

        <section className="page-content">
          <div className="container">
            <motion.div
              initial={{ opacity: 0, y: 30 }}
              whileInView={{ opacity: 1, y: 0 }}
              viewport={{ once: true }}
              transition={{ duration: 0.6 }}
              className="content-block"
            >
              <h2>Hier entsteht gerade etwas Neues.</h2>
              <p>
                Wir arbeiten an spannenden Projekten für die Doing-IT Community. Schau bald wieder vorbei!
              </p>
            </motion.div>
          </div>
        </section>
      </main>
      <Footer />
    </>
  )
}