"use client";

import { WhyUnipam } from "@/components/sections/why-unipam";
import { motion } from "framer-motion";

export default function WhyUnipamPage() {
  return (
    <div className="pt-20">
      <motion.div
        initial={{ opacity: 0 }}
        animate={{ opacity: 1 }}
        transition={{ duration: 0.5 }}
      >
        <WhyUnipam />
        {/* We can add more specific details here like quality certificates or process */}
        <section className="section-padding bg-white">
          <div className="max-w-7xl mx-auto text-center">
            <h2 className="text-3xl font-black text-dark-text mb-6">Our Quality Promise</h2>
            <p className="text-lg text-dark-text/60 max-w-3xl mx-auto">
              Every UNIPAM product undergoes rigorous testing to ensure it meets international safety and comfort standards. We use only the finest materials to keep your baby's skin healthy.
            </p>
          </div>
        </section>
      </motion.div>
    </div>
  );
}