'use client'

import { motion } from 'framer-motion'

export default function QuoteSection({ dict }: { dict: any }) {
  return (
    <section className="relative z-60 bg-[#FAF7F0] pt-20 flex items-center justify-center text-center px-6 ">
      <motion.h2
        initial={{ opacity: 0, y: 40 }}
        whileInView={{ opacity: 1, y: 0 }}
        viewport={{ once: true }}
        transition={{ duration: 1.5, ease: [0.33, 1, 0.68, 1] }}
        className="text-4xl md:text-[80px] font-medium text-[#1A1A1A] leading-[1.1] max-w-5xl w-[800px] mx-auto"
      >
        {dict.quote}
      </motion.h2>
    </section>
  )
}
