PartnersSection.js

'use client'
import { motion } from "framer-motion"
import styles from "./PartnersSection.module.css"

const PARTNERS = [
  { name: "Cloudflare", emoji: "☁️" },
  { name: "Docker", emoji: "🐳" },
  { name: "Node.js", emoji: "⚡" },
  { name: "Oracle Cloud", emoji: "🔷" },
  { name: "OpenAI", emoji: "🤖" },
  { name: "Vercel", emoji: "▲" },
  { name: "GitHub", emoji: "🐙" },
  { name: "Linux", emoji: "🐧" },
  { name: "Nginx", emoji: "🌍" },
  { name: "Redis", emoji: "🔴" },
  { name: "PostgreSQL", emoji: "🐘" },
  { name: "Tailscale", emoji: "🔒" },
]

export default function PartnersSection() {
  return (
    <section className={styles.section}>
      <div className="container">
        <h2 className="section-title">Tecnologias & Parceiros</h2>
        <p className="section-subtitle">
          Construído com o que há de melhor em infraestrutura cloud.
        </p>
      </div>

      <div className={styles.track}>
        {[...PARTNERS, ...PARTNERS].map((p, i) => (
          <motion.div
            key={`${p.name}-${i}`}
            className={styles.logo}
            whileHover={{ scale: 1.05, borderColor: "var(--cyan)" }}
          >
            <span className={styles.emoji}>{p.emoji}</span>
            {p.name}
          </motion.div>
        ))}
      </div>
    </section>
  )
}