Update theme colors

2026-06-11 15:11:08 +00:00 · 2026-06-11 15:11:00 +00:00 · 2026-06-11 15:10:53 +00:00 · 2026-06-11 15:10:47 +00:00 · 2026-06-11 15:10:27 +00:00 · 2026-06-11 15:09:52 +00:00
4 changed files with 33 additions and 32 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -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({
+const dmSans = DM_Sans({
-  variable: "--font-inter",
+  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
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -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/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"
    />
  </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>
  );
-}
+}
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -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;
 }
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */
-  --background: #f5faff;
+  --background: #f7f6f7;
  --card: #ffffff;
-  --foreground: #001122;
+  --foreground: #250c0d;
-  --primary-cta: #15479c;
+  --primary-cta: #b82b40;
-  --primary-cta-text: #f5faff;
+  --primary-cta-text: #f7f6f7;
  --secondary-cta: #ffffff;
-  --secondary-cta-text: #001122;
+  --secondary-cta-text: #250c0d;
-  --accent: #a8cce8;
+  --accent: #b90941;
-  --background-accent: #7ba3cf;
+  --background-accent: #e8a8b6;
  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	9ff9c8dbd0	Update theme colors	2026-06-11 15:11:08 +00:00
bender	99b75bf1ad	Update theme colors	2026-06-11 15:11:00 +00:00
bender	4b94fece25	Update theme colors	2026-06-11 15:10:53 +00:00
bender	0019194ecb	Update theme colors	2026-06-11 15:10:47 +00:00
bender	79a9ab5d98	Update theme colors	2026-06-11 15:10:27 +00:00
bender	a06d1f192c	Update theme fonts	2026-06-11 15:09:52 +00:00
bender	9ea86adb77	Update theme fonts	2026-06-11 15:09:52 +00:00
bender	31c6d537a0	Update theme fonts	2026-06-11 15:09:41 +00:00
bender	8992dbd703	Update theme fonts	2026-06-11 15:09:41 +00:00
bender	ba438292b1	Update src/app/page.tsx	2026-06-11 15:08:28 +00:00
bender	f4cc7e885e	Merge version_4 into main Merge version_4 into main	2026-06-11 15:06:38 +00:00
bender	c4503262c9	Update src/app/page.tsx	2026-06-11 15:06:35 +00:00
bender	e29c2e3402	Merge version_3 into main Merge version_3 into main	2026-06-11 15:04:28 +00:00
bender	0bb7708fa4	Update theme colors	2026-06-11 15:04:25 +00:00
bender	b404f4e16a	Merge version_2 into main Merge version_2 into main	2026-06-11 15:04:19 +00:00
bender	add8c13ef3	Merge version_1 into main Merge version_1 into main	2026-06-11 15:02:32 +00:00