import Image from "next/image";
import Link from "next/link";
import { db } from "@/lib/db";
import { CampaignCheckout } from "@/components/campaign-checkout";

export const metadata={title:"Crie o site da sua empresa | Inixis",description:"Escolha seu plano, personalize os módulos e comece seu site profissional com a Inixis."};

export default async function Campaign({searchParams}:{searchParams:Promise<{erro?:string;lead?:string}>}){
  const [plans,modules,sellers]=await Promise.all([
    db.plan.findMany({where:{active:true},include:{features:true},orderBy:{priceCents:"asc"}}),
    db.addonModule.findMany({where:{active:true},orderBy:{priceCents:"asc"}}),
    db.user.findMany({where:{platformRole:"SELLER",deletedAt:null},select:{id:true,name:true},orderBy:{name:"asc"}}),
  ]);
  const query=await searchParams;
  const pendingLead=query.lead?await db.campaignLead.findUnique({where:{id:query.lead},select:{paymentUrl:true}}):null;
  return <main className="campaign-page campaign-v2">
    <header><Link href="https://www.inixis.com"><Image src="/inixis-logo.png" alt="Inixis" width={180} height={92}/></Link><nav><a href="#vantagens">Vantagens</a><a href="#contratar">Planos</a><a href="https://www.inixis.com">Site Inixis</a></nav><a className="campaign-head-cta" href="#contratar">Começar agora</a></header>
    <section className="campaign-hero campaign-hero-v2">
      <div className="campaign-hero-copy"><p>SITE PROFISSIONAL PARA SUA EMPRESA</p><h1>Transforme sua ideia em uma presença digital que vende.</h1><span>Seu site completo para apresentar produtos, serviços ou os dois — com sua identidade, domínio personalizado e pedidos pelo WhatsApp.</span><div className="campaign-hero-actions"><a href="#contratar">Montar meu site <b>→</b></a><small>Escolha o plano e personalize os módulos.</small></div><div className="campaign-trust"><i>✓</i><span><b>Configuração acompanhada</b><small>Conte com a equipe Inixis para começar.</small></span><i>✓</i><span><b>Feito para o seu negócio</b><small>Produtos, serviços ou modelo misto.</small></span></div></div>
      <div className="campaign-photo"><Image src="/campaign-hero-v3.png" alt="Empreendedora visualizando o site e o catálogo online da própria empresa" width={1776} height={887} priority/><div className="floating-proof proof-one"><strong>Site responsivo</strong><small>Pronto para celular e computador</small></div><div className="floating-proof proof-two"><strong>Domínio próprio</strong><small>Configuração incluída na adesão</small></div></div>
    </section>
    <section className="campaign-benefits" id="vantagens"><article><b>01</b><span><strong>Apresente sua empresa</strong><small>Uma estrutura clara para gerar confiança.</small></span></article><article className="featured"><b>02</b><span><strong>Receba pedidos</strong><small>Carrinho e atendimento pelo WhatsApp.</small></span></article><article><b>03</b><span><strong>Personalize o site</strong><small>Marca, cores, imagens e domínio próprio.</small></span></article><article><b>04</b><span><strong>Cresça por módulos</strong><small>Adicione recursos conforme precisar.</small></span></article></section>
    <section className="campaign-intro"><p>UMA ESCOLHA SIMPLES</p><h2>Monte a estrutura ideal para o momento da sua empresa.</h2><span>Escolha o plano, adicione somente os módulos necessários e confira o investimento antes de seguir para o pagamento.</span></section>
    {query.erro&&<div className="campaign-alert">{pendingLead?.paymentUrl?<><strong>Sua cobrança foi criada.</strong> O redirecionamento não abriu automaticamente. <a href={pendingLead.paymentUrl}>Continuar para o pagamento →</a></>:"Recebemos seus dados, mas não foi possível criar a cobrança. Nossa equipe entrará em contato."}</div>}
    <div id="contratar"><CampaignCheckout plans={plans} modules={modules} sellers={sellers}/></div>
  </main>
}