20 lines
604 B
TypeScript
20 lines
604 B
TypeScript
'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>
|
|
)
|
|
}
|