import type { Metadata } from "next";
import Link from "next/link";
import Icon from "@/components/Icon";
import JsonLd from "@/components/JsonLd";

const SITE = "https://socialex.pro";
const PAGE_PATH = "/societes/transfert-de-siege-social";
const PAGE_URL = `${SITE}${PAGE_PATH}`;

export const metadata: Metadata = {
  title: "Transfert de siège social ou d'établissement",
  description:
    "Transférez le siège social ou un établissement de votre société : modification statutaire, annonces légales, dépôt(s) au greffe, K-bis mis à jour. Forfait tout inclus.",
  keywords: [
    "transfert de siège social",
    "transfert d'établissement",
    "déménagement société",
    "modification statutaire siège",
    "changement adresse siège",
    "transfert hors ressort",
    "annonce légale siège",
  ],
  alternates: { canonical: PAGE_PATH },
  openGraph: {
    title: "Transfert de Siège Social ou d'Établissement",
    description:
      "Transfert dans le même ressort ou hors ressort : on prend en charge l'intégralité de la formalité jusqu'au K-bis mis à jour.",
    url: PAGE_URL,
    type: "website",
  },
};

const steps = [
  {
    n: "01",
    t: "Rédaction des documents de transfert de siège ou d'établissement",
    d: "Préparation du procès-verbal de la décision (assemblée ou organe compétent selon les statuts), mise à jour des statuts avec la nouvelle adresse, rédaction de la déclaration de modification au greffe.",
  },
  {
    n: "02",
    t: "Dépôt de la formalité au greffe ou aux greffes si changement de ressort",
    d: "Publication de l'annonce légale (deux annonces si changement de ressort, une au départ et une à l'arrivée), dépôt du dossier au greffe compétent et coordination entre les deux greffes en cas de transfert inter-ressort.",
  },
  {
    n: "03",
    t: "Réception et transmission du K-bis",
    d: "Récupération du K-bis mis à jour avec la nouvelle adresse et transmission par voie électronique. Mise à jour du registre des décisions.",
  },
];

const faqs = [
  {
    q: "Quelle est la différence entre un transfert intra et hors ressort ?",
    a: "Un transfert dans la même ville ou le même ressort de tribunal demande une seule annonce légale et une déclaration au greffe local. Un transfert hors ressort exige deux annonces légales (départ et arrivée), un dépôt aux deux greffes et une coordination entre eux. Le coût et le délai sont supérieurs.",
  },
  {
    q: "Combien coûte un transfert de siège ou d'établissement ?",
    a: "Nos forfaits sont tout inclus, sans frais cachés. Transfert dans le même ressort : 600 € TTC. Transfert hors ressort (changement de tribunal de commerce) : 800 € TTC. Dans les deux cas, les annonces légales et les frais de greffe sont compris. Vous recevez une facture unique au moment de la soumission de votre dossier.",
  },
  {
    q: "Faut-il convoquer une Assemblée Générale Extraordinaire ?",
    a: "Cela dépend de la forme sociale. En SAS, les statuts peuvent autoriser le président à transférer seul le siège sans Assemblée Générale Extraordinaire. En SARL et dans les autres formes, une Assemblée Générale Extraordinaire des associés est généralement obligatoire. Nous vérifions vos statuts dès l'audit initial.",
  },
];

const breadcrumbSchema = {
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  itemListElement: [
    { "@type": "ListItem", position: 1, name: "Accueil", item: SITE },
    {
      "@type": "ListItem",
      position: 2,
      name: "Sociétés",
      item: `${SITE}/societes`,
    },
    {
      "@type": "ListItem",
      position: 3,
      name: "Transfert de Siège Social ou d'Établissement",
      item: PAGE_URL,
    },
  ],
};

const serviceSchema = {
  "@context": "https://schema.org",
  "@type": "Service",
  name: "Transfert de Siège Social ou d'Établissement",
  serviceType: "Modification statutaire",
  description:
    "Modification statutaire de l'adresse du siège social ou d'un établissement : décision, annonce(s) légale(s), dépôt(s) au greffe et K-bis mis à jour.",
  provider: { "@id": "https://socialex.pro/#organization" },
  areaServed: { "@type": "Country", name: "France" },
  url: PAGE_URL,
  offers: {
    "@type": "Offer",
    name: "Transfert de siège",
    price: "600",
    priceCurrency: "EUR",
    url: `${PAGE_URL}/formulaire`,
    availability: "https://schema.org/InStock",
  },
};

const faqSchema = {
  "@context": "https://schema.org",
  "@type": "FAQPage",
  mainEntity: faqs.map((f) => ({
    "@type": "Question",
    name: f.q,
    acceptedAnswer: { "@type": "Answer", text: f.a },
  })),
};

export default function TransfertDeSiegePage() {
  return (
    <>
      <JsonLd data={[breadcrumbSchema, serviceSchema, faqSchema]} />

      {/* Hero */}
      <section className="pt-32 pb-24 md:pb-32">
        <div className="container-page">
          <nav
            aria-label="Fil d'ariane"
            className="flex items-center gap-2 text-xs uppercase tracking-widest text-on-surface-variant mb-12 font-serif"
          >
            <Link href="/" className="hover:text-primary transition-colors">
              Accueil
            </Link>
            <span className="opacity-50">/</span>
            <Link
              href="/societes"
              className="hover:text-primary transition-colors"
            >
              Sociétés
            </Link>
            <span className="opacity-50">/</span>
            <span className="text-primary">Transfert de siège</span>
          </nav>

          <div className="grid grid-cols-12 gap-8 lg:gap-16 items-start">
            <div className="col-span-12 lg:col-span-7 space-y-8 reveal-hero">
              <Icon name="place" className="!text-5xl text-secondary" />
              <span className="eyebrow block">Droit des Sociétés</span>
              <h1 className="display-lg text-primary">
                Transfert de Siège Social ou d'Établissement
              </h1>
              <p className="body-lg text-on-surface-variant">
                Déplacement du siège social ou d'un établissement secondaire :
                modification statutaire, annonces légales et dépôt au greffe,
                ou aux deux greffes en cas de changement de ressort.
              </p>
              <div className="flex flex-wrap gap-3 pt-4">
                <Link
                  href="/societes/transfert-de-siege-social/formulaire"
                  className="btn btn-primary"
                >
                  Démarrer mon dossier
                </Link>
                <a href="#tarif" className="btn btn-secondary">
                  Voir les tarifs
                </a>
              </div>
            </div>

            <aside className="col-span-12 lg:col-span-5 lg:sticky lg:top-32">
              <div className="bg-white border border-outline-variant p-10">
                <p className="eyebrow mb-6">Ce qui est inclus</p>
                <ul className="space-y-3">
                  {[
                    "Rédaction des documents de transfert de siège ou d'établissement",
                    "Dépôt de la formalité au greffe ou aux greffes si changement de ressort",
                    "Réception et transmission du K-bis",
                  ].map((h) => (
                    <li
                      key={h}
                      className="flex items-start gap-3 body-md text-on-surface"
                    >
                      <Icon
                        name="check_circle"
                        className="!text-base text-secondary mt-1"
                      />
                      <span>{h}</span>
                    </li>
                  ))}
                </ul>
              </div>
            </aside>
          </div>
        </div>
      </section>

      {/* Méthodologie */}
      <section className="bg-surface-container-low reveal">
        <div className="container-page py-24 md:py-32">
          <div className="max-w-3xl mb-20">
            <span className="eyebrow block mb-4">Notre méthodologie</span>
            <h2 className="headline-xl text-primary mb-6">
              De la décision
              <br />
              <span className="italic font-normal">à la réception du K-bis.</span>
            </h2>
          </div>
          <ol className="space-y-0 border-t border-outline-variant/60">
            {steps.map((s) => (
              <li
                key={s.n}
                className="grid grid-cols-12 gap-6 py-10 border-b border-outline-variant/60"
              >
                <div className="col-span-12 md:col-span-2">
                  <p className="font-serif italic text-secondary text-3xl">
                    {s.n}
                  </p>
                </div>
                <div className="col-span-12 md:col-span-10 space-y-3">
                  <h3 className="headline-md !text-xl text-primary">
                    {s.t}
                  </h3>
                  <p className="body-md text-on-surface-variant">{s.d}</p>
                </div>
              </li>
            ))}
          </ol>
        </div>
      </section>

      {/* Tarif */}
      <section id="tarif" className="reveal scroll-mt-32">
        <div className="container-page py-24 md:py-32">
          <div className="max-w-3xl mb-16 mx-auto text-center">
            <span className="eyebrow block mb-4">Tarif transparent</span>
            <h2 className="headline-xl text-primary mb-6">
              Deux situations,
              <br />
              <span className="italic font-normal">deux forfaits.</span>
            </h2>
            <p className="body-lg text-on-surface-variant">
              Annonces légales et frais de greffe inclus. Le tarif dépend du
              maintien ou du changement de ressort de tribunal.
            </p>
          </div>

          <div className="grid grid-cols-1 md:grid-cols-2 gap-6 lg:gap-8 max-w-5xl mx-auto">
            {[
              {
                eyebrow: "Procédure simplifiée",
                title: "Transfert dans le même ressort",
                price: "600 €",
                description:
                  "Une seule annonce légale et un dépôt au greffe local. Pour un déplacement à l'intérieur d'un même tribunal de commerce.",
              },
              {
                eyebrow: "Procédure étendue",
                title: "Transfert hors ressort",
                price: "800 €",
                description:
                  "Deux annonces légales (départ et arrivée) et coordination entre les deux greffes. Pour un changement de tribunal de commerce.",
              },
            ].map((card) => (
              <article
                key={card.title}
                className="bg-primary text-on-primary p-10 lg:p-12 flex flex-col"
              >
                <span className="eyebrow !text-secondary block mb-4">
                  {card.eyebrow}
                </span>
                <h3 className="font-serif text-2xl md:text-3xl mb-8 leading-tight">
                  {card.title}
                </h3>
                <p className="font-serif font-medium leading-none mb-6 text-5xl md:text-6xl tracking-[-0.02em] text-secondary">
                  {card.price}
                </p>
                <p className="body-md opacity-70 mb-10 flex-1">
                  {card.description}
                </p>
                <Link
                  href="/societes/transfert-de-siege-social/formulaire"
                  className="btn btn-light w-full justify-center"
                >
                  Démarrer mon dossier
                </Link>
              </article>
            ))}
          </div>

          <p className="text-xs uppercase tracking-widest text-on-surface-variant mt-12 font-serif text-center">
            Réponse sous 24 h ouvrées · Sans engagement
          </p>
        </div>
      </section>

      {/* FAQ */}
      <section className="bg-surface-container-low reveal">
        <div className="container-page py-24 md:py-32">
          <div className="grid grid-cols-12 gap-12">
            <div className="col-span-12 lg:col-span-4">
              <span className="eyebrow block mb-4">Questions fréquentes</span>
              <h2 className="headline-xl text-primary mb-6">
                Les vraies questions.
                <br />
                <span className="italic font-normal">
                  Les vraies réponses.
                </span>
              </h2>
              <p className="body-md text-on-surface-variant">
                Une question manque ?{" "}
                <Link
                  href="/contact"
                  className="text-primary underline hover:text-secondary"
                >
                  Contactez-nous
                </Link>
                , réponse sous 24 h ouvrées.
              </p>
            </div>
            <div className="col-span-12 lg:col-span-8">
              {faqs.map((f, i) => (
                <details
                  key={f.q}
                  className="group border-b border-outline-variant/60 py-6"
                >
                  <summary className="flex items-baseline gap-6 list-none cursor-pointer">
                    <span className="font-serif italic text-secondary text-sm w-8 shrink-0">
                      {String(i + 1).padStart(2, "0")}
                    </span>
                    <span className="flex-1 font-serif text-xl md:text-2xl text-primary tracking-[-0.01em] leading-tight">
                      {f.q}
                    </span>
                    <span className="text-xl text-on-surface-variant group-open:rotate-45 transition-transform shrink-0">
                      +
                    </span>
                  </summary>
                  <p className="mt-6 ml-14 body-md text-on-surface-variant max-w-3xl">
                    {f.a}
                  </p>
                </details>
              ))}
            </div>
          </div>
        </div>
      </section>

      {/* Cross-links */}
      <section className="reveal">
        <div className="container-page py-24 md:py-32">
          <div className="flex items-end justify-between mb-12 flex-wrap gap-6">
            <h2 className="headline-xl text-primary">
              Continuer en droit des sociétés
            </h2>
            <Link
              href="/societes"
              className="font-serif text-sm tracking-wide uppercase border-b border-primary pb-1 hover:text-secondary hover:border-secondary transition-colors"
            >
              Tous les services Sociétés
            </Link>
          </div>
          <div className="grid grid-cols-1 md:grid-cols-3 gap-6 lg:gap-8">
            {[
              {
                href: "/societes/changement-de-denomination-sociale",
                icon: "drive_file_rename_outline",
                title: "Changement de dénomination",
                desc: "Modifier le nom de votre société : décision, annonce légale et nouveau K-bis.",
              },
              {
                href: "/societes/modification-de-capital",
                icon: "trending_up",
                title: "Modification de capital",
                desc: "Augmentation ou réduction du capital social, mise à jour des statuts et déclaration au greffe.",
              },
              {
                href: "/societes/dissolution-de-societe",
                icon: "gavel",
                title: "Dissolution de société",
                desc: "Procédure complète de dissolution amiable, liquidation et radiation au RCS.",
              },
            ].map((l) => (
              <Link
                key={l.href}
                href={l.href}
                className="group bg-white border border-outline-variant p-8 hover:border-primary transition-colors duration-500"
              >
                <Icon name={l.icon} className="!text-3xl text-primary mb-6" />
                <h3 className="font-serif font-medium text-xl text-primary mb-3 group-hover:text-secondary transition-colors">
                  {l.title}
                </h3>
                <p className="body-md text-on-surface-variant">{l.desc}</p>
              </Link>
            ))}
          </div>
        </div>
      </section>

      {/* CTA final */}
      <section className="bg-primary text-on-primary reveal">
        <div className="container-page py-24 md:py-28 text-center">
          <div className="max-w-3xl mx-auto space-y-8">
            <h2 className="display-lg !text-4xl md:!text-5xl">
              Avancez sereinement sur votre dossier.
            </h2>
            <p className="body-lg opacity-70">
              Forfait clair, suivi en temps réel, réponse sous 24 h ouvrées.
            </p>
            <Link href="/contact" className="btn btn-light">
              Contacter nos experts
            </Link>
          </div>
        </div>
      </section>
    </>
  );
}