import { motion } from 'framer-motion'; import { Button } from "@/components/ui/button"; import { Card, CardContent } from "@/components/ui/card"; import { Brain, Activity, LineChart } from 'lucide-react';

export default function PulseMindSite() { return (

{/* Header */}

PulseMind

Pré-Venda

  {/* Hero Section */}
  <section className="flex flex-col md:flex-row items-center justify-between max-w-6xl mx-auto p-10 md:p-20">
    <motion.div initial={{ opacity: 0, y: 20 }} animate={{ opacity: 1, y: 0 }} transition={{ duration: 0.6 }} className="max-w-xl">
      <h2 className="text-5xl font-extrabold mb-6 leading-tight">Controle o estresse <span className="text-indigo-600">antes que ele controle você</span>.</h2>
      <p className="text-lg text-slate-600 mb-8">PulseMind detecta sinais de estresse e fadiga mental em tempo real e oferece recomendações personalizadas para equilibrar corpo e mente.</p>
      <Button className="px-8 py-4 text-lg rounded-2xl bg-indigo-600 hover:bg-indigo-700">Reserve a sua agora</Button>
    </motion.div>

    <motion.img initial={{ opacity: 0, scale: 0.9 }} animate={{ opacity: 1, scale: 1 }} transition={{ duration: 0.8 }} src="https://cdn.pixabay.com/photo/2023/06/12/07/11/smartwatch-8058390_1280.png" alt="PulseMind" className="w-80 md:w-96 mt-10 md:mt-0 drop-shadow-2xl" />
  </section>

  {/* Features */}
  <section className="bg-white py-20">
    <div className="max-w-6xl mx-auto px-6 text-center">
      <h3 className="text-3xl font-bold mb-12">Por que escolher o PulseMind?</h3>
      <div className="grid md:grid-cols-3 gap-8">
        <Card className="rounded-2xl shadow-lg">
          <CardContent className="p-8">
            <Activity className="mx-auto text-indigo-600 mb-4" size={48} />
            <h4 className="text-xl font-semibold mb-2">Monitoramento em Tempo Real</h4>
            <p className="text-slate-600">Acompanhe sinais fisiológicos de estresse e receba alertas antes da exaustão mental.</p>
          </CardContent>
        </Card>

        <Card className="rounded-2xl shadow-lg">
          <CardContent className="p-8">
            <Brain className="mx-auto text-indigo-600 mb-4" size={48} />
            <h4 className="text-xl font-semibold mb-2">IA Emocional Adaptativa</h4>
            <p className="text-slate-600">A PulseMind aprende com você e cria estratégias personalizadas para manter seu equilíbrio emocional.</p>
          </CardContent>
        </Card>

        <Card className="rounded-2xl shadow