16 Commits

Author SHA1 Message Date
9ff9c8dbd0 Update theme colors 2026-06-11 15:11:08 +00:00
99b75bf1ad Update theme colors 2026-06-11 15:11:00 +00:00
4b94fece25 Update theme colors 2026-06-11 15:10:53 +00:00
0019194ecb Update theme colors 2026-06-11 15:10:47 +00:00
79a9ab5d98 Update theme colors 2026-06-11 15:10:27 +00:00
a06d1f192c Update theme fonts 2026-06-11 15:09:52 +00:00
9ea86adb77 Update theme fonts 2026-06-11 15:09:52 +00:00
31c6d537a0 Update theme fonts 2026-06-11 15:09:41 +00:00
8992dbd703 Update theme fonts 2026-06-11 15:09:41 +00:00
ba438292b1 Update src/app/page.tsx 2026-06-11 15:08:28 +00:00
f4cc7e885e Merge version_4 into main
Merge version_4 into main
2026-06-11 15:06:38 +00:00
c4503262c9 Update src/app/page.tsx 2026-06-11 15:06:35 +00:00
e29c2e3402 Merge version_3 into main
Merge version_3 into main
2026-06-11 15:04:28 +00:00
0bb7708fa4 Update theme colors 2026-06-11 15:04:25 +00:00
b404f4e16a Merge version_2 into main
Merge version_2 into main
2026-06-11 15:04:19 +00:00
add8c13ef3 Merge version_1 into main
Merge version_1 into main
2026-06-11 15:02:32 +00:00
4 changed files with 33 additions and 32 deletions

View File

@@ -7,6 +7,8 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
import { getVisualEditScript } from "@/utils/visual-edit-script";
import { DM_Sans } from "next/font/google";
import { Figtree } from "next/font/google";
import { Manrope } from "next/font/google";
@@ -41,12 +43,14 @@ export const metadata: Metadata = {
},
};
const dmSans = DM_Sans({
variable: "--font-dm-sans",
const manrope = Manrope({
variable: "--font-manrope",
subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter",
const dmSans = DM_Sans({
variable: "--font-dm-sans",
subsets: ["latin"],
});
@@ -58,7 +62,7 @@ export default function RootLayout({
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body className={`${dmSans.variable} ${inter.variable} antialiased`}>
<body className={`${manrope.variable} ${dmSans.variable} antialiased`}>
<Tag />
{children}
<script

View File

@@ -5,9 +5,9 @@ import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
@@ -54,7 +54,7 @@ export default function LandingPage() {
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
<HeroBillboardScroll
background={{
variant: "gradient-bars"}}
title="Optimisez votre flux d'édition avec ÉditeurPro"
@@ -67,15 +67,8 @@ export default function LandingPage() {
{
text: "Essai Gratuit", href: "#contact"},
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/tablet-heap-books_23-2147845956.jpg", imageAlt: "Interface logicielle ÉditeurPro affichant des outils de collaboration et de relecture"},
{
imageSrc: "http://img.b2bpic.net/free-photo/code-testing-quality-assurance-done-computers-startup-workplace_482257-120129.jpg", imageAlt: "Bureau d'éditeur freelance moderne avec l'interface ÉditeurPro"},
]}
mediaAnimation="slide-up"
rating={5}
ratingText="5/5 par les éditeurs freelance"
imageSrc="http://img.b2bpic.net/free-photo/tablet-heap-books_23-2147845956.jpg"
imageAlt="Interface logicielle ÉditeurPro affichant des outils de collaboration et de relecture"
/>
</div>
@@ -99,19 +92,23 @@ export default function LandingPage() {
</div>
<div id="features" data-section="features">
<FeatureCardMedia
<FeatureCardTwentyFour
textboxLayout="default"
useInvertedBackground={false}
animationType="slide-up"
features={[
{
id: "f1", title: "Relecture assistée par IA", description: "Détectez les erreurs grammaticales et stylistiques avec une précision inégalée, optimisée pour le contexte littéraire.", tag: "Innovation", imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-concept_23-2151977497.jpg", imageAlt: "Icône de relecture assistée par IA"},
id: "f1", title: "Relecture assistée par IA", description: "Détectez les erreurs grammaticales et stylistiques avec une précision inégalée, optimisée pour le contexte littéraire.", tags: ["Innovation"], imageSrc: "http://img.b2bpic.net/free-photo/artificial-intelligence-concept_23-2151977497.jpg", imageAlt: "Icône de relecture assistée par IA", author: "ÉditeurPro"
},
{
id: "f2", title: "Collaboration en temps réel", description: "Travaillez simultanément avec vos auteurs et relecteurs sur un document unique, avec suivi des modifications transparent.", tag: "Efficacité", imageSrc: "http://img.b2bpic.net/free-photo/jigsaw-puzzle-partnership-teamwork-team-concept_53876-21149.jpg", imageAlt: "Icône de collaboration en temps réel"},
id: "f2", title: "Collaboration en temps réel", description: "Travaillez simultanément avec vos auteurs et relecteurs sur un document unique, avec suivi des modifications transparent.", tags: ["Efficacité"], imageSrc: "http://img.b2bpic.net/free-photo/jigsaw-puzzle-partnership-teamwork-team-concept_53876-21149.jpg", imageAlt: "Icône de collaboration en temps réel", author: "ÉditeurPro"
},
{
id: "f3", title: "Gestion de projet intuitive", description: "Organisez vos projets d'édition, définissez les étapes et suivez les délais grâce à un tableau de bord clair et personnalisable.", tag: "Organisation", imageSrc: "http://img.b2bpic.net/free-photo/analysis-model-flow-chart-icon_53876-167121.jpg", imageAlt: "Icône de gestion de projet"},
id: "f3", title: "Gestion de projet intuitive", description: "Organisez vos projets d'édition, définissez les étapes et suivez les délais grâce à un tableau de bord clair et personnalisable.", tags: ["Organisation"], imageSrc: "http://img.b2bpic.net/free-photo/analysis-model-flow-chart-icon_53876-167121.jpg", imageAlt: "Icône de gestion de projet", author: "ÉditeurPro"
},
{
id: "f4", title: "Portail client sécurisé", description: "Partagez les manuscrits et recueillez les retours de vos clients dans un espace privé et sécurisé, renforçant la confiance.", tag: "Confidentialité", imageSrc: "http://img.b2bpic.net/free-photo/folder-icon-with-lock-secret-security-document-directory-encryption-technology-icon-symbol-background-3d-illustration_56104-2071.jpg", imageAlt: "Icône de portail client sécurisé"},
id: "f4", title: "Portail client sécurisé", description: "Partagez les manuscrits et recueillez les retours de vos clients dans un espace privé et sécurisé, renforçant la confiance.", tags: ["Confidentialité"], imageSrc: "http://img.b2bpic.net/free-photo/folder-icon-with-lock-secret-security-document-directory-encryption-technology-icon-symbol-background-3d-illustration_56104-2071.jpg", imageAlt: "Icône de portail client sécurisé", author: "ÉditeurPro"
},
]}
title="Des fonctionnalités conçues pour l'excellence"
description="ÉditeurPro intègre des outils puissants pour transformer votre processus d'édition, de la première ébauche à la publication finale."
@@ -305,4 +302,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -11,7 +11,7 @@ html {
body {
background-color: var(--background);
color: var(--foreground);
font-family: var(--font-inter), sans-serif;
font-family: var(--font-dm-sans), sans-serif;
position: relative;
min-height: 100vh;
overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
h4,
h5,
h6 {
font-family: var(--font-dm-sans), sans-serif;
font-family: var(--font-manrope), sans-serif;
}

View File

@@ -10,15 +10,15 @@
--accent: #ffffff;
--background-accent: #ffffff; */
--background: #f5faff;
--background: #f7f6f7;
--card: #ffffff;
--foreground: #001122;
--primary-cta: #15479c;
--primary-cta-text: #f5faff;
--foreground: #250c0d;
--primary-cta: #b82b40;
--primary-cta-text: #f7f6f7;
--secondary-cta: #ffffff;
--secondary-cta-text: #001122;
--accent: #a8cce8;
--background-accent: #7ba3cf;
--secondary-cta-text: #250c0d;
--accent: #b90941;
--background-accent: #e8a8b6;
/* text sizing - set by ThemeProvider */
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);