
import React from 'react';
import { Helmet } from 'react-helmet';
import { Link } from 'react-router-dom';
import { Button } from '@/components/ui/button.jsx';
import { Card, CardContent } from '@/components/ui/card.jsx';
import { Headphones, TrendingUp, RefreshCw, Shield } from 'lucide-react';

export default function ContinuidadeTecnologicaPage() {
  return (
    <>
      <Helmet>
        <title>Continuidade Tecnológica™ | LCP Valuation</title>
        <meta name="description" content="A tecnologia não deve envelhecer sozinha. Conheça nossa gestão ativa de patrimônio." />
      </Helmet>

      <main className="min-h-screen pt-24 bg-background">
        <section className="py-24 bg-secondary">
          <div className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
            <div className="text-primary font-bold tracking-widest text-sm mb-4">O FIM DA OBSOLESCÊNCIA</div>
            <h1 className="text-5xl md:text-7xl font-bold mb-8 text-balance">A maioria instala.<br/>A LCP permanece.</h1>
            <p className="text-xl text-secondary-foreground/80 leading-relaxed max-w-2xl mx-auto">
              A Continuidade Tecnológica™ é a gestão ativa que impede a desvalorização tecnológica do seu imóvel.
            </p>
          </div>
        </section>

        <section className="py-24 max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="prose prose-lg dark:prose-invert prose-headings:font-bold max-w-none text-foreground/80">
            <h2 className="text-3xl mb-6 text-foreground">O Mercado Invisível do Abandono</h2>
            <p>
              O maior erro no mercado de automação residencial de luxo é o abandono pós-obra. O cliente investe centenas de milhares de reais e, em poucos anos, vê seus sistemas falharem devido à falta de atualizações de rede, troca de protocolos ou ausência de suporte proativo.
            </p>

            <h2 className="text-3xl mt-16 mb-6 text-foreground">A Tecnologia Não Deve Envelhecer Sozinha</h2>
            <p>
              Na LCP, não consideramos um projeto finalizado após a entrega. Esse é apenas o início. Através do programa de Continuidade Tecnológica™, assumimos a custódia do seu ecossistema digital. Monitoramento remoto, backups na nuvem, atualizações preditivas e visitas técnicas programadas garantem que sua casa seja sempre "nova".
            </p>
          </div>
        </section>

        <section className="py-24 bg-secondary border-y border-border">
          <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
             <div className="text-center mb-16">
              <h2 className="text-3xl md:text-5xl font-bold mb-4">Os 4 Pilares da Continuidade™</h2>
              <p className="text-lg text-secondary-foreground/70 max-w-2xl mx-auto">Como protegemos o seu patrimônio ao longo do tempo.</p>
            </div>
            
            <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
              <Card className="bg-card border-border hover:border-primary/40 transition-colors">
                <CardContent className="p-8">
                  <Headphones className="h-10 w-10 text-primary mb-6" />
                  <h3 className="font-bold text-2xl mb-3 text-card-foreground">Suporte</h3>
                  <p className="text-card-foreground/70 leading-relaxed">Orientação especializada e resolutiva sempre que necessário, de forma remota ou presencial. A garantia de ter com quem contar.</p>
                </CardContent>
              </Card>
              <Card className="bg-card border-border hover:border-primary/40 transition-colors">
                <CardContent className="p-8">
                  <TrendingUp className="h-10 w-10 text-primary mb-6" />
                  <h3 className="font-bold text-2xl mb-3 text-card-foreground">Evolução</h3>
                  <p className="text-card-foreground/70 leading-relaxed">O software da sua casa é vivo. Implementamos novas integrações e atualizações contínuas para manter o padrão sempre elevado.</p>
                </CardContent>
              </Card>
              <Card className="bg-card border-border hover:border-primary/40 transition-colors">
                <CardContent className="p-8">
                  <RefreshCw className="h-10 w-10 text-primary mb-6" />
                  <h3 className="font-bold text-2xl mb-3 text-card-foreground">Transição</h3>
                  <p className="text-card-foreground/70 leading-relaxed">Na venda do imóvel, preparamos toda a base técnica e resetamos as contas para garantir uma experiência perfeita aos novos moradores.</p>
                </CardContent>
              </Card>
              <Card className="bg-card border-border hover:border-primary/40 transition-colors">
                <CardContent className="p-8">
                  <Shield className="h-10 w-10 text-primary mb-6" />
                  <h3 className="font-bold text-2xl mb-3 text-card-foreground">Preservação de Valor</h3>
                  <p className="text-card-foreground/70 leading-relaxed">A manutenção constante e devidamente documentada no Passaporte Tecnológico solidifica a percepção patrimonial do mercado sobre o imóvel.</p>
                </CardContent>
              </Card>
            </div>
          </div>
        </section>

        <section className="py-24 max-w-4xl mx-auto px-4 sm:px-6 lg:px-8">
          <div className="prose prose-lg dark:prose-invert prose-headings:font-bold max-w-none text-foreground/80 text-center">
            <h2 className="text-3xl mt-8 mb-6 text-foreground">Por que importa?</h2>
            <p>
              Porque um Patrimônio Tecnológico que não evolui perde a chancela de certificação. A liquidez e o ágio na venda de um imóvel inteligente dependem diretamente do histórico comprovado de manutenção e atualizações atestados pela LCP.
            </p>
          </div>
          
          <div className="mt-16 pt-12 border-t border-border text-center">
            <Button asChild size="lg" className="bg-primary text-primary-foreground h-14 px-8 text-lg font-semibold">
              <Link to="/avaliacao-exclusiva">Proteger Meu Patrimônio</Link>
            </Button>
          </div>
        </section>
      </main>
    </>
  );
}
