fb

components/QuoteSection.tsx

@@ -0,0 +1,19 @@
+'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>
+  )
+}