feat: refonte complète landing page - tunnel de vente + SEO optimisé

- SEO technique: sitemap.ts, robots.ts, structured data JSON-LD (Organization, Course, FAQPage)
- Meta tags optimisés pour 12+ mots-clés TikTok Shop France
- Hero SEO-optimisé: H1 ciblant "formation TikTok Shop" + "créateur affilié France"
- Nouvelle section ResultsShowcase: stats marché TikTok Shop + timeline 8 semaines
- Tableau comparatif HookLab vs alternatives
- 6 témoignages avec disclaimer Google-compliant (pas de faux avis)
- Pricing avec prix barré, bonus inclus, garantie satisfait ou remboursé
- Badges de confiance (paiement sécurisé, RGPD, support, garantie)
- Pop-up exit-intent (desktop) avec stats marché
- Barre sticky CTA mobile
- Notifications social proof animées
- CTA final avant footer
- Barre d'annonce urgence en haut
- FAQ enrichie (10 questions) avec structured data FAQPage
- Smooth scroll + animations CSS ajoutées

https://claude.ai/code/session_01H2aRGDaKgarPvhay2HxN6Y
This commit is contained in:
Claude
2026-02-11 12:02:42 +00:00
parent fe0df7448f
commit ba1d24fa02
18 changed files with 1113 additions and 106 deletions

View File

@@ -1,22 +1,75 @@
import type { Metadata } from "next";
import "./globals.css";
const BASE_URL = process.env.NEXT_PUBLIC_APP_URL || "https://hooklab.eu";
export const metadata: Metadata = {
title: "HookLab | Programme coaching TikTok Shop 8 semaines",
metadataBase: new URL(BASE_URL),
title: {
default:
"HookLab | Formation TikTok Shop France - Deviens Cr\u00e9ateur Affili\u00e9",
template: "%s | HookLab",
},
description:
"Rejoins HookLab et lance ton business TikTok Shop en 8 semaines. Programme de coaching complet pour créateurs affiliés.",
"Formation coaching TikTok Shop en 8 semaines. Deviens cr\u00e9ateur affili\u00e9 et g\u00e9n\u00e8re des revenus avec l\u2019affiliation TikTok Shop en France. Programme complet : strat\u00e9gie, contenu, mon\u00e9tisation.",
keywords: [
"TikTok Shop",
"coaching",
"affiliation",
"créateur",
"formation",
"formation TikTok Shop",
"coaching TikTok Shop",
"affiliation TikTok Shop France",
"gagner de l'argent TikTok Shop",
"cr\u00e9ateur TikTok Shop France",
"commission TikTok Shop",
"programme affiliation TikTok",
"revenus TikTok Shop",
"devenir affili\u00e9 TikTok Shop",
"mon\u00e9tisation TikTok France",
"tuto TikTok Shop d\u00e9butant",
"revenus passifs TikTok",
],
authors: [{ name: "HookLab" }],
creator: "HookLab",
publisher: "HookLab",
robots: {
index: true,
follow: true,
googleBot: {
index: true,
follow: true,
"max-video-preview": -1,
"max-image-preview": "large",
"max-snippet": -1,
},
},
openGraph: {
title: "HookLab | Programme coaching TikTok Shop",
description:
"Lance ton business TikTok Shop en 8 semaines avec notre programme de coaching.",
type: "website",
locale: "fr_FR",
url: BASE_URL,
siteName: "HookLab",
title:
"HookLab | Formation TikTok Shop France - Deviens Cr\u00e9ateur Affili\u00e9",
description:
"Formation coaching TikTok Shop en 8 semaines. Deviens cr\u00e9ateur affili\u00e9 et g\u00e9n\u00e8re tes premiers revenus avec l\u2019affiliation TikTok Shop en France.",
images: [
{
url: "/og-image.png",
width: 1200,
height: 630,
alt: "HookLab - Formation TikTok Shop France",
},
],
},
twitter: {
card: "summary_large_image",
title: "HookLab | Formation TikTok Shop France",
description:
"Deviens cr\u00e9ateur affili\u00e9 TikTok Shop et g\u00e9n\u00e8re des revenus en 8 semaines de coaching.",
images: ["/og-image.png"],
},
alternates: {
canonical: BASE_URL,
},
verification: {
google: process.env.GOOGLE_SITE_VERIFICATION || undefined,
},
};
@@ -25,8 +78,62 @@ export default function RootLayout({
}: Readonly<{
children: React.ReactNode;
}>) {
const jsonLdOrganization = {
"@context": "https://schema.org",
"@type": "Organization",
name: "HookLab",
url: BASE_URL,
logo: `${BASE_URL}/logo.png`,
description:
"Programme de coaching TikTok Shop pour devenir cr\u00e9ateur affili\u00e9 en France.",
contactPoint: {
"@type": "ContactPoint",
contactType: "customer service",
availableLanguage: "French",
},
};
const jsonLdCourse = {
"@context": "https://schema.org",
"@type": "Course",
name: "Formation TikTok Shop - HookLab",
description:
"Programme de coaching intensif de 8 semaines pour devenir cr\u00e9ateur affili\u00e9 TikTok Shop. Apprenez \u00e0 cr\u00e9er du contenu, s\u00e9lectionner des produits et g\u00e9n\u00e9rer des commissions.",
provider: {
"@type": "Organization",
name: "HookLab",
url: BASE_URL,
},
offers: {
"@type": "Offer",
price: "490",
priceCurrency: "EUR",
availability: "https://schema.org/LimitedAvailability",
},
hasCourseInstance: {
"@type": "CourseInstance",
courseMode: "online",
duration: "P8W",
inLanguage: "fr",
},
};
return (
<html lang="fr">
<head>
<script
type="application/ld+json"
dangerouslySetInnerHTML={{
__html: JSON.stringify(jsonLdOrganization),
}}
/>
<script
type="application/ld+json"
dangerouslySetInnerHTML={{
__html: JSON.stringify(jsonLdCourse),
}}
/>
</head>
<body className="antialiased">{children}</body>
</html>
);