diff --git a/app/globals.css b/app/globals.css index 9789af3..26b9d54 100644 --- a/app/globals.css +++ b/app/globals.css @@ -29,7 +29,12 @@ body { font-family: var(--font-sans); } -/* Scrollbar personnalisée */ +/* Smooth scroll for anchor links */ +html { + scroll-behavior: smooth; +} + +/* Scrollbar personnalisee */ ::-webkit-scrollbar { width: 6px; } @@ -90,3 +95,25 @@ body { .pulse-glow { animation: pulse-glow 2s ease-in-out infinite; } + +/* Scale in animation for popups */ +@keyframes scale-in { + 0% { + transform: scale(0.9); + opacity: 0; + } + 100% { + transform: scale(1); + opacity: 1; + } +} + +.animate-scale-in { + animation: scale-in 0.3s ease-out; +} + +/* Selection color */ +::selection { + background: rgba(109, 94, 246, 0.3); + color: #ffffff; +} diff --git a/app/layout.tsx b/app/layout.tsx index 25e5e40..1c88230 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -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 ( + +