'use client'

import { motion } from 'framer-motion'

export default function QuoteSection() {
  return (
    <section className="relative z-60 bg-[#FAF7F0] py-40 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"
      >
        Luxury stays designed for ocean lovers
      </motion.h2>
    </section>
  )
}