feat: redesign homepage with triptych process + admin image management

- Redesign Hero section with new copy focused on the triptych offering
- Add Process component (replaces System) with zigzag layout for 3 pillars:
  Google Maps reviews, managed Facebook, converting website
- Redesign AboutMe with orange background and stats row
- Add admin panel for managing site image URLs (replaces Sanity dependency)
- Create site_images API routes and Supabase-backed storage with defaults
- Update FAQ to reference built-in admin panel
- Add site_images table type to database types
- Pass images prop through homepage components

https://claude.ai/code/session_01V8YAjpqRQ3bfBYsABYsEgo
This commit is contained in:
Claude
2026-02-17 18:40:30 +00:00
parent 97744fe3d3
commit c62998d0c2
11 changed files with 685 additions and 205 deletions

View File

@@ -1,19 +1,19 @@
import Navbar from "@/components/marketing/Navbar";
import Hero from "@/components/marketing/Hero";
import Problematique from "@/components/marketing/Problematique";
import System from "@/components/marketing/System";
import Process from "@/components/marketing/Process";
import DemosLive from "@/components/marketing/DemosLive";
import AboutMe from "@/components/marketing/AboutMe";
import FAQ from "@/components/marketing/FAQ";
import Contact from "@/components/marketing/Contact";
import Footer from "@/components/marketing/Footer";
import { getSiteSettings } from "@/lib/sanity/queries";
import { getSiteImages } from "@/lib/site-images";
// Revalider les données Sanity toutes les 60 secondes
// Revalider les images toutes les 60 secondes
export const revalidate = 60;
export default async function LandingPage() {
const siteSettings = await getSiteSettings();
const images = await getSiteImages();
return (
<main id="main-content" className="min-h-screen">
@@ -21,19 +21,19 @@ export default async function LandingPage() {
<Navbar />
{/* Hero - Le Choc Visuel */}
<Hero />
<Hero images={images} />
{/* La Problématique - L'Identification */}
<Problematique />
{/* La Solution HookLab Tech */}
<System />
{/* Le Triptyque HookLab - Les 3 Piliers */}
<Process images={images} />
{/* Démos Live - 3 Dossiers de Confiance */}
<DemosLive />
<DemosLive images={images} />
{/* Qui suis-je - Ancrage Local (Sanity) */}
<AboutMe settings={siteSettings} />
{/* Qui suis-je - Ancrage Local */}
<AboutMe images={images} />
{/* FAQ - Objections */}
<FAQ />