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 ( +
+ + + {children} ); diff --git a/app/page.tsx b/app/page.tsx index f72052e..bbd18d6 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -1,23 +1,72 @@ +import AnnouncementBar from "@/components/marketing/AnnouncementBar"; import Navbar from "@/components/marketing/Navbar"; import Hero from "@/components/marketing/Hero"; -import Testimonials from "@/components/marketing/Testimonials"; -import PersonaCards from "@/components/marketing/PersonaCards"; +import ResultsShowcase from "@/components/marketing/ResultsShowcase"; import Method from "@/components/marketing/Method"; +import PersonaCards from "@/components/marketing/PersonaCards"; +import ComparisonTable from "@/components/marketing/ComparisonTable"; +import Testimonials from "@/components/marketing/Testimonials"; import Pricing from "@/components/marketing/Pricing"; +import TrustBadges from "@/components/marketing/TrustBadges"; import FAQ from "@/components/marketing/FAQ"; +import FinalCTA from "@/components/marketing/FinalCTA"; import Footer from "@/components/marketing/Footer"; +import SocialProofTicker from "@/components/marketing/SocialProofTicker"; +import ExitIntentPopup from "@/components/marketing/ExitIntentPopup"; +import StickyMobileCTA from "@/components/marketing/StickyMobileCTA"; export default function LandingPage() { return (+ Pourquoi choisir un accompagnement spécialisé plutôt que de te lancer seul. +
+| + |
+
+ HookLab
+
+ |
+
+
+ Se lancer seul
+
+ |
+
+
+ Autre formation
+
+ |
+
|---|---|---|---|
| {f.label} | +
+ |
+
+ |
+
+ |
+
+ * Se lancer seul est gratuit mais les erreurs coûtent du temps (et souvent de l'argent). +
+ + {/* CTA */} ++ TikTok Shop vient d'arriver en France et le marché n'est pas encore saturé. + Les premiers créateurs sont ceux qui gagnent le plus. Ne laisse pas passer ta chance. +
+ + {/* Stats */} +50,5M€
+Marché FR en 2 mois
+10-30%
+Commission par vente
+- Tout ce que tu dois savoir avant de te lancer. + Tout ce que tu dois savoir sur l'affiliation TikTok Shop et + notre programme de coaching.
+ Chaque jour sans action est un jour de commissions perdues. + Les places sont limitées pour garantir un accompagnement de qualité. +
+ +- Le programme de coaching complet pour devenir créateur affilié - TikTok Shop et générer tes premiers revenus en ligne. + Apprends à gagner des commissions sur TikTok Shop en + créant du contenu vidéo. Programme de coaching complet en 8 semaines : + de zéro à tes premiers revenus d'affiliation.
{/* CTAs */} @@ -41,9 +42,9 @@ export default function Hero() { Candidater maintenant - ++ Programme compatible avec +
+