bender/a61e6751-d6e5-4f88-bd2e-36ac367c297e
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-06-11 14:53:07 +00:00
parent 0965a4fd7e
commit dd8320b141
1 changed files with 71 additions and 254 deletions
Download Patch File Download Diff File Expand all files Collapse all files

325
src/app/page.tsx
View File

@@ -33,37 +33,21 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Accueil",
id: "#hero",
},
name: "Accueil", id: "#hero"},
{
name: "À Propos",
id: "#about",
},
name: "À Propos", id: "#about"},
{
name: "Fonctionnalités",
id: "#features",
},
name: "Fonctionnalités", id: "#features"},
{
name: "Produit",
id: "#product",
},
name: "Produit", id: "#product"},
{
name: "Tarifs",
id: "#pricing",
},
name: "Tarifs", id: "#pricing"},
{
name: "Témoignages",
id: "#testimonials",
},
name: "Témoignages", id: "#testimonials"},
{
name: "FAQ",
id: "#faq",
},
name: "FAQ", id: "#faq"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="L'Éditeur Pro"
/>
@@ -72,69 +56,44 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroCentered
background={{
variant: "cell-wave",
}}
variant: "cell-wave"}}
title="L'Éditeur Pro : La Révolution de l'Édition Indépendante"
description="Optimisez vos projets, gérez vos collaborateurs et publiez avec une efficacité inégalée. Notre plateforme SaaS B2B est conçue pour les éditeurs de livres freelance exigeants."
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-covered-blanket-holding-book_171337-19323.jpg",
alt: "Freelance editor Sarah",
},
src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-covered-blanket-holding-book_171337-19323.jpg", alt: "Freelance editor Sarah"},
{
src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1532.jpg",
alt: "Freelance editor David",
},
src: "http://img.b2bpic.net/free-photo/portrait-brutal-bearded-macho-male-dressed-suit-dark-grey-background_613910-1532.jpg", alt: "Freelance editor David"},
{
src: "http://img.b2bpic.net/free-photo/woman-journalist-eyeglasses-typing-typewriter-indoors_171337-19241.jpg",
alt: "Freelance editor Emily",
},
src: "http://img.b2bpic.net/free-photo/woman-journalist-eyeglasses-typing-typewriter-indoors_171337-19241.jpg", alt: "Freelance editor Emily"},
{
src: "http://img.b2bpic.net/free-photo/happy-friendly-mature-business-man-wearing-jacket-glasses-posing-indoors-looking-camera_74855-9997.jpg",
alt: "Freelance editor Michael",
},
src: "http://img.b2bpic.net/free-photo/happy-friendly-mature-business-man-wearing-jacket-glasses-posing-indoors-looking-camera_74855-9997.jpg", alt: "Freelance editor Michael"},
{
src: "http://img.b2bpic.net/free-photo/smart-businesswoman-with-papers-looking-away_23-2148452659.jpg",
alt: "Freelance editor Chloe",
},
src: "http://img.b2bpic.net/free-photo/smart-businesswoman-with-papers-looking-away_23-2148452659.jpg", alt: "Freelance editor Chloe"},
]}
avatarText="Rejoignez une communauté d'éditeurs d'élite"
buttons={[
{
text: "Découvrir la Plateforme",
href: "#features",
},
text: "Découvrir la Plateforme", href: "#features"},
{
text: "Demander une Démo",
href: "#contact",
},
text: "Demander une Démo", href: "#contact"},
]}
buttonAnimation="slide-up"
marqueeItems={[
{
type: "text-icon",
text: "Gestion de Projet",
icon: Edit,
type: "text-icon", text: "Gestion de Projet", icon: Edit,
},
{
type: "text-icon",
text: "Collaboration en Temps Réel",
icon: Users,
type: "text-icon", text: "Collaboration en Temps Réel", icon: Users,
},
{
type: "text-icon",
text: "Sécurité Avancée",
icon: ShieldCheck,
type: "text-icon", text: "Sécurité Avancée", icon: ShieldCheck,
},
{
type: "text-icon",
text: "Innovation Éditoriale",
icon: Lightbulb,
type: "text-icon", text: "Innovation Éditoriale", icon: Lightbulb,
},
{
type: "text-icon",
text: "Efficacité Garantie",
icon: CheckCircle,
type: "text-icon", text: "Efficacité Garantie", icon: CheckCircle,
},
]}
/>
@@ -157,23 +116,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Gestion de Projet Intuitive",
description: "Un tableau de bord clair pour suivre vos manuscrits, les échéances et les cycles de révision, garantissant une organisation sans faille.",
imageSrc: "http://img.b2bpic.net/free-photo/laptop-coworking-space-wth-schedule_53876-94967.jpg",
imageAlt: "Interface de gestion de projet d'édition",
},
title: "Gestion de Projet Intuitive", description: "Un tableau de bord clair pour suivre vos manuscrits, les échéances et les cycles de révision, garantissant une organisation sans faille.", imageSrc: "http://img.b2bpic.net/free-photo/laptop-coworking-space-wth-schedule_53876-94967.jpg", imageAlt: "Interface de gestion de projet d'édition"},
{
title: "Collaboration Fluide et Temps Réel",
description: "Partagez, annotez et révisez avec les auteurs et les correcteurs en temps réel, optimisant chaque étape du processus éditorial.",
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-her-colleagues-brainstorming-while-using-desktop-pc-office_637285-2664.jpg",
imageAlt: "Interface de collaboration en édition",
},
title: "Collaboration Fluide et Temps Réel", description: "Partagez, annotez et révisez avec les auteurs et les correcteurs en temps réel, optimisant chaque étape du processus éditorial.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-her-colleagues-brainstorming-while-using-desktop-pc-office_637285-2664.jpg", imageAlt: "Interface de collaboration en édition"},
{
title: "Sécurité des Données Avancée",
description: "Protégez vos œuvres et celles de vos clients avec un chiffrement de bout en bout et des protocoles de sécurité de pointe.",
imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269937.jpg",
imageAlt: "Illustration de la sécurité des données",
},
title: "Sécurité des Données Avancée", description: "Protégez vos œuvres et celles de vos clients avec un chiffrement de bout en bout et des protocoles de sécurité de pointe.", imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269937.jpg", imageAlt: "Illustration de la sécurité des données"},
]}
title="Des Fonctionnalités Conçues pour Votre Succès"
description="De la première ébauche à la publication finale, L'Éditeur Pro vous équipe des outils dont vous avez besoin pour exceller."
@@ -189,53 +136,17 @@ export default function LandingPage() {
carouselMode="buttons"
products={[
{
id: "dashboard",
name: "Tableau de Bord de Projet",
price: "Vue Globale",
variant: "Optimisée",
imageSrc: "http://img.b2bpic.net/free-photo/old-couturier-checking-fashion-sketches-atelier-working-modern-designs-with-laptop-tablet-experienced-designer-searching-handmade-models-online-needlework-handheld-shot_482257-67826.jpg",
imageAlt: "Interface du tableau de bord L'Éditeur Pro",
},
id: "dashboard", name: "Tableau de Bord de Projet", price: "Vue Globale", variant: "Optimisée", imageSrc: "http://img.b2bpic.net/free-photo/old-couturier-checking-fashion-sketches-atelier-working-modern-designs-with-laptop-tablet-experienced-designer-searching-handmade-models-online-needlework-handheld-shot_482257-67826.jpg", imageAlt: "Interface du tableau de bord L'Éditeur Pro"},
{
id: "editor",
name: "Éditeur Collaboratif",
price: "Travail d'Équipe",
variant: "Harmonisé",
imageSrc: "http://img.b2bpic.net/free-photo/girl-student-is-talking-phone-home-conversation-phone_169016-67694.jpg",
imageAlt: "Interface de l'éditeur en temps réel",
},
id: "editor", name: "Éditeur Collaboratif", price: "Travail d'Équipe", variant: "Harmonisé", imageSrc: "http://img.b2bpic.net/free-photo/girl-student-is-talking-phone-home-conversation-phone_169016-67694.jpg", imageAlt: "Interface de l'éditeur en temps réel"},
{
id: "royalties",
name: "Suivi des Redevances",
price: "Gestion Financière",
variant: "Transparente",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-helpful-methods-travel_23-2148232524.jpg",
imageAlt: "Tableau de suivi des redevances",
},
id: "royalties", name: "Suivi des Redevances", price: "Gestion Financière", variant: "Transparente", imageSrc: "http://img.b2bpic.net/free-photo/close-up-helpful-methods-travel_23-2148232524.jpg", imageAlt: "Tableau de suivi des redevances"},
{
id: "clients",
name: "Gestion des Clients",
price: "Relations Éditées",
variant: "Facilitées",
imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg",
imageAlt: "Interface de gestion des clients",
},
id: "clients", name: "Gestion des Clients", price: "Relations Éditées", variant: "Facilitées", imageSrc: "http://img.b2bpic.net/free-photo/sales-assistant-planning-business-charts-digital-laptop-working-with-e-commerce-e-shopping-management-company-office-manager-using-statistics-develop-creative-project_482257-39076.jpg", imageAlt: "Interface de gestion des clients"},
{
id: "library",
name: "Bibliothèque de Ressources",
price: "Contenu Centralisé",
variant: "Accessible",
imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-analyzing-architectural-sketches-blueprints-his-home_482257-90908.jpg",
imageAlt: "Interface de la bibliothèque de ressources",
},
id: "library", name: "Bibliothèque de Ressources", price: "Contenu Centralisé", variant: "Accessible", imageSrc: "http://img.b2bpic.net/free-photo/entrepreneur-analyzing-architectural-sketches-blueprints-his-home_482257-90908.jpg", imageAlt: "Interface de la bibliothèque de ressources"},
{
id: "analytics",
name: "Analytique des Performances",
price: "Insights Précis",
variant: "Stratégiques",
imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-planning-new-strategy-analyzing-online-company-information-startup-office-business-partners-collaborating-analytics-presentation-using-laptop-papers_482257-75252.jpg",
imageAlt: "Tableau d'analyse des performances",
},
id: "analytics", name: "Analytique des Performances", price: "Insights Précis", variant: "Stratégiques", imageSrc: "http://img.b2bpic.net/free-photo/two-coworkers-planning-new-strategy-analyzing-online-company-information-startup-office-business-partners-collaborating-analytics-presentation-using-laptop-papers_482257-75252.jpg", imageAlt: "Tableau d'analyse des performances"},
]}
title="Découvrez l'Interface L'Éditeur Pro"
description="Une expérience utilisateur sans précédent, alliant puissance et simplicité, pour vous concentrer sur ce qui compte le plus : l'édition."
@@ -249,64 +160,31 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "essential",
badge: "Essentiel",
badgeIcon: Sparkles,
price: "49€/mois",
subtitle: "Pour démarrer votre activité d'éditeur freelance.",
buttons: [
id: "essential", badge: "Essentiel", badgeIcon: Sparkles,
price: "49€/mois", subtitle: "Pour démarrer votre activité d'éditeur freelance.", buttons: [
{
text: "Commencer l'Essai Gratuit",
href: "#contact",
},
text: "Commencer l'Essai Gratuit", href: "#contact"},
],
features: [
"Gestion de 3 projets simultanés",
"1 utilisateur",
"10 Go de stockage sécurisé",
"Support par email",
],
"Gestion de 3 projets simultanés", "1 utilisateur", "10 Go de stockage sécurisé", "Support par email"],
},
{
id: "pro",
badge: "Pro",
badgeIcon: Award,
price: "99€/mois",
subtitle: "Idéal pour les éditeurs établis et en croissance.",
buttons: [
id: "pro", badge: "Pro", badgeIcon: Award,
price: "99€/mois", subtitle: "Idéal pour les éditeurs établis et en croissance.", buttons: [
{
text: "Choisir le Plan Pro",
href: "#contact",
},
text: "Choisir le Plan Pro", href: "#contact"},
],
features: [
"Gestion de projets illimitée",
"Jusqu'à 5 utilisateurs",
"50 Go de stockage sécurisé",
"Collaboration en temps réel",
"Support prioritaire",
],
"Gestion de projets illimitée", "Jusqu'à 5 utilisateurs", "50 Go de stockage sécurisé", "Collaboration en temps réel", "Support prioritaire"],
},
{
id: "agency",
badge: "Agence",
badgeIcon: Star,
price: "199€/mois",
subtitle: "La solution complète pour les agences ou gros volumes.",
buttons: [
id: "agency", badge: "Agence", badgeIcon: Star,
price: "199€/mois", subtitle: "La solution complète pour les agences ou gros volumes.", buttons: [
{
text: "Contacter les Ventes",
href: "#contact",
},
text: "Contacter les Ventes", href: "#contact"},
],
features: [
"Gestion de projets illimitée",
"Utilisateurs illimités",
"200 Go de stockage sécurisé",
"Toutes les fonctionnalités Pro",
"Gestion d'équipe avancée",
"Accompagnement dédié",
],
"Gestion de projets illimitée", "Utilisateurs illimités", "200 Go de stockage sécurisé", "Toutes les fonctionnalités Pro", "Gestion d'équipe avancée", "Accompagnement dédié"],
},
]}
title="Des Plans Flexibles pour Tous les Éditeurs Freelance"
@@ -322,25 +200,15 @@ export default function LandingPage() {
author="Sophie Dubois, Éditrice Indépendante"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/positive-female-student-glasses-doing-homework_1262-15095.jpg",
alt: "Sophie Dubois, Éditrice Indépendante",
},
src: "http://img.b2bpic.net/free-photo/positive-female-student-glasses-doing-homework_1262-15095.jpg", alt: "Sophie Dubois, Éditrice Indépendante"},
{
src: "http://img.b2bpic.net/free-photo/attractive-middleaged-woman-working-laptop-while-sitting-table_169016-26997.jpg",
alt: "Marc Lefebvre, Correcteur Expert",
},
src: "http://img.b2bpic.net/free-photo/attractive-middleaged-woman-working-laptop-while-sitting-table_169016-26997.jpg", alt: "Marc Lefebvre, Correcteur Expert"},
{
src: "http://img.b2bpic.net/free-photo/woman-turning-book-pages-looking-camera_23-2147848169.jpg",
alt: "Chloé Martin, Agente Littéraire",
},
src: "http://img.b2bpic.net/free-photo/woman-turning-book-pages-looking-camera_23-2147848169.jpg", alt: "Chloé Martin, Agente Littéraire"},
{
src: "http://img.b2bpic.net/free-photo/freedom-positivity-hipster-music-hipster_53876-21292.jpg",
alt: "Thomas Bernard, Rédacteur Freelance",
},
src: "http://img.b2bpic.net/free-photo/freedom-positivity-hipster-music-hipster_53876-21292.jpg", alt: "Thomas Bernard, Rédacteur Freelance"},
{
src: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-holding-papers_23-2148452669.jpg",
alt: "Laura Petit, Directrice Éditoriale",
},
src: "http://img.b2bpic.net/free-photo/portrait-confident-young-woman-holding-papers_23-2148452669.jpg", alt: "Laura Petit, Directrice Éditoriale"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -353,30 +221,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "faq-1",
title: "Qu'est-ce que L'Éditeur Pro ?",
content: "L'Éditeur Pro est une plateforme SaaS B2B conçue pour les éditeurs de livres freelance, offrant des outils avancés de gestion de projet, de collaboration et de publication pour optimiser leur workflow.",
},
id: "faq-1", title: "Qu'est-ce que L'Éditeur Pro ?", content: "L'Éditeur Pro est une plateforme SaaS B2B conçue pour les éditeurs de livres freelance, offrant des outils avancés de gestion de projet, de collaboration et de publication pour optimiser leur workflow."},
{
id: "faq-2",
title: "Comment L'Éditeur Pro sécurise-t-il mes données ?",
content: "Nous utilisons un chiffrement de bout en bout, des serveurs sécurisés et des protocoles de sécurité stricts pour garantir la protection de toutes vos données et de celles de vos clients.",
},
id: "faq-2", title: "Comment L'Éditeur Pro sécurise-t-il mes données ?", content: "Nous utilisons un chiffrement de bout en bout, des serveurs sécurisés et des protocoles de sécurité stricts pour garantir la protection de toutes vos données et de celles de vos clients."},
{
id: "faq-3",
title: "Puis-je collaborer avec des auteurs qui ne sont pas sur la plateforme ?",
content: "Oui, notre plateforme permet une collaboration facile avec des invités externes. Vous pouvez partager des documents et recueillir des commentaires, même si vos auteurs n'ont pas de compte L'Éditeur Pro.",
},
id: "faq-3", title: "Puis-je collaborer avec des auteurs qui ne sont pas sur la plateforme ?", content: "Oui, notre plateforme permet une collaboration facile avec des invités externes. Vous pouvez partager des documents et recueillir des commentaires, même si vos auteurs n'ont pas de compte L'Éditeur Pro."},
{
id: "faq-4",
title: "Quels sont les modes de paiement acceptés ?",
content: "Nous acceptons les principales cartes de crédit (Visa, MasterCard, American Express) et les virements bancaires pour les abonnements annuels. Des options de paiement flexibles peuvent être discutées pour les plans Agence.",
},
id: "faq-4", title: "Quels sont les modes de paiement acceptés ?", content: "Nous acceptons les principales cartes de crédit (Visa, MasterCard, American Express) et les virements bancaires pour les abonnements annuels. Des options de paiement flexibles peuvent être discutées pour les plans Agence."},
{
id: "faq-5",
title: "Proposez-vous une période d'essai gratuite ?",
content: "Oui, nous offrons une période d'essai gratuite de 14 jours pour le plan Freelance Essentiel, vous permettant de découvrir toutes les fonctionnalités sans engagement.",
},
id: "faq-5", title: "Proposez-vous une période d'essai gratuite ?", content: "Oui, nous offrons une période d'essai gratuite de 14 jours pour le plan Freelance Essentiel, vous permettant de découvrir toutes les fonctionnalités sans engagement."},
]}
title="Questions Fréquemment Posées"
description="Trouvez les réponses à vos questions sur L'Éditeur Pro."
@@ -391,27 +244,16 @@ export default function LandingPage() {
description="Contactez-nous pour une démo personnalisée et découvrez comment L'Éditeur Pro peut booster votre activité. Notre équipe est là pour répondre à toutes vos questions."
inputs={[
{
name: "name",
type: "text",
placeholder: "Votre Nom Complet",
required: true,
name: "name", type: "text", placeholder: "Votre Nom Complet", required: true,
},
{
name: "email",
type: "email",
placeholder: "Votre Adresse Email",
required: true,
name: "email", type: "email", placeholder: "Votre Adresse Email", required: true,
},
{
name: "company",
type: "text",
placeholder: "Votre Société / Nom de Freelance",
},
name: "company", type: "text", placeholder: "Votre Société / Nom de Freelance"},
]}
textarea={{
name: "message",
placeholder: "Votre Message...",
rows: 4,
name: "message", placeholder: "Votre Message...", rows: 4,
}}
imageSrc="http://img.b2bpic.net/free-photo/team-technicians-working-server-farm-using-laptops-analyze-data_482257-125909.jpg"
imageAlt="Réunion d'affaires sur un logiciel SaaS d'édition"
@@ -425,62 +267,37 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Solutions",
items: [
title: "Solutions", items: [
{
label: "Gestion de Projet",
href: "#features",
},
label: "Gestion de Projet", href: "#features"},
{
label: "Édition Collaboratif",
href: "#features",
},
label: "Édition Collaboratif", href: "#features"},
{
label: "Suivi de Redevances",
href: "#product",
},
label: "Suivi de Redevances", href: "#product"},
{
label: "Sécurité des Données",
href: "#features",
},
label: "Sécurité des Données", href: "#features"},
],
},
{
title: "Entreprise",
items: [
title: "Entreprise", items: [
{
label: "À Propos",
href: "#about",
},
label: "À Propos", href: "#about"},
{
label: "Tarifs",
href: "#pricing",
},
label: "Tarifs", href: "#pricing"},
{
label: "Témoignages",
href: "#testimonials",
},
label: "Témoignages", href: "#testimonials"},
{
label: "Carrières",
href: "#",
},
label: "Carrières", href: "#"},
],
},
{
title: "Support",
items: [
title: "Support", items: [
{
label: "Centre d'Aide",
href: "#",
},
label: "Centre d'Aide", href: "#"},
{
label: "Documentation API",
href: "#",
},
label: "Documentation API", href: "#"},
{
label: "Contactez-nous",
href: "#contact",
},
label: "Contactez-nous", href: "#contact"},
],
},
]}
@@ -491,4 +308,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}