From 67739bfe6fbf2c29e4d057dc996d9db30e408355 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 16 Apr 2026 01:23:02 +0000
Subject: [PATCH 1/2] Update src/app/layout.tsx

---
 src/app/layout.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index b54349e..7cb469e 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -18,7 +18,7 @@ const inter = Inter({
   subsets: ["latin"],
 });
 
-export const metadata: Metadata = { title: 'Formation OFM Hybride IA | Accompagnement 1:1', description: 'Apprenez à lancer et scaler votre agence OFM avec l\'IA. Coaching 1:1 pour transformer votre business. Réservez votre appel stratégique dès aujourd\'hui.' };
+export const metadata: Metadata = { title: 'AI-OFM Pro | Automatisation IA pour agences OFM', description: 'Lancez votre business d\'agence OnlyFans automatisé par l\'IA. 1000€+ de CA visés avec un système 1:1 sans montrer votre visage.' };
 
 export default function RootLayout({
   children,
-- 
2.49.1


From f816f3cbcc03365171a723369ead92e7c2c3894a Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 16 Apr 2026 01:23:03 +0000
Subject: [PATCH 2/2] Update src/app/page.tsx

---
 src/app/page.tsx | 163 ++++++++++++++++++-----------------------------
 1 file changed, 62 insertions(+), 101 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index c03b993..511afc7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,16 +1,15 @@
 "use client";
 
 import ReactLenis from "lenis/react";
-import HeroCarouselLogo from "@/components/sections/hero/HeroCarouselLogo";
-import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
-import FeatureCardOne from "@/components/sections/feature/FeatureCardOne";
-import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
-import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
-import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
-import FooterCard from "@/components/sections/footer/FooterCard";
-import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
+import SplitAbout from "@/components/sections/about/SplitAbout";
+import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
+import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Sparkles, BrainCircuit, Target, TrendingUp, Instagram, Twitter, Linkedin } from "lucide-react";
+import { BrainCircuit, Target, TrendingUp } from "lucide-react";
 
 export default function OFMCoachingPage() {
     return (
@@ -27,123 +26,85 @@ export default function OFMCoachingPage() {
             headingFontWeight="semibold"
         >
             <ReactLenis root>
-                <NavbarLayoutFloatingInline
-                    navItems={[
-                        { name: "Méthode", id: "about" },
-                        { name: "Services", id: "services" },
-                        { name: "Résultats", id: "reviews" },
-                        { name: "Contact", id: "contact" },
-                    ]}
-                    brandName="AI-OFM Pro"
-                    button={{ text: "Réserver mon appel", href: "#contact" }}
-                />
-                <HeroCarouselLogo
-                    logoText="AI-OFM Pro"
-                    description="Lancez votre business d'agence OnlyFans automatisé par l'IA. 1000€+ de CA visés avec un système 1:1 sans montrer votre visage."
-                    buttons={[
-                        { text: "Réserver mon appel stratégique", href: "#contact" },
-                        { text: "Découvrir la méthode", href: "#about" },
-                    ]}
-                    slides={[
-                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eadr8o", imageAlt: "Digital Business" },
-                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eucp17", imageAlt: "AI Automation" },
-                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mor1yk", imageAlt: "Management" },
-                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h0s85a", imageAlt: "Automation" },
-                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=utu3a4", imageAlt: "Scaling" },
-                        { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xg1y9g", imageAlt: "Growth" },
-                    ]}
-                    showDimOverlay={true}
-                />
-                <div id="about">
-                    <InlineImageSplitTextAbout
-                        className="pt-40"
-                        heading={[
-                            { type: "text", content: "Nous transformons" },
-                            { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2bk8kf", alt: "AI" },
-                            { type: "text", content: "le chaos de l'OFM en un système" },
-                            { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=rrfsgd", alt: "Profit" },
-                            { type: "text", content: "prévisible et automatisé" },
+                <div id="nav" data-section="nav">
+                    <NavbarLayoutFloatingOverlay
+                        navItems={[
+                            { name: "Méthode", id: "about" },
+                            { name: "Services", id: "services" },
+                            { name: "Résultats", id: "reviews" },
+                            { name: "Contact", id: "contact" },
                         ]}
+                        brandName="AI-OFM Pro"
+                        button={{ text: "Réserver mon appel", href: "#contact" }}
+                    />
+                </div>
+                <div id="hero" data-section="hero">
+                    <HeroBillboardRotatedCarousel
+                        title="AI-OFM Pro"
+                        description="Lancez votre business d'agence OnlyFans automatisé par l'IA. 1000€+ de CA visés avec un système 1:1 sans montrer votre visage."
+                        background={{ variant: "sparkles-gradient" }}
                         buttons={[
-                            { text: "Voir notre approche", href: "#services" },
+                            { text: "Réserver mon appel stratégique", href: "#contact" },
+                            { text: "Découvrir la méthode", href: "#about" },
                         ]}
+                        carouselItems={[
+                            { id: "1", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eadr8o", imageAlt: "Digital Business" },
+                            { id: "2", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=eucp17", imageAlt: "AI Automation" },
+                            { id: "3", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mor1yk", imageAlt: "Management" },
+                            { id: "4", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h0s85a", imageAlt: "Automation" },
+                            { id: "5", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=utu3a4", imageAlt: "Scaling" },
+                            { id: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xg1y9g", imageAlt: "Growth" },
+                        ]}
+                    />
+                </div>
+                <div id="about" data-section="about">
+                    <SplitAbout
+                        title="Nous transformons le chaos de l'OFM"
+                        description="Un système prévisible et automatisé."
+                        textboxLayout="default"
+                        buttons={[{ text: "Voir notre approche", href: "#services" }]}
                         imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6guumo"
                     />
                 </div>
-                <div id="services">
-                    <FeatureCardOne
-                        tag="Nos Piliers"
-                        tagIcon={BrainCircuit}
+                <div id="services" data-section="services">
+                    <FeatureCardTen
                         title="Ce que vous allez maîtriser"
                         description="Un écosystème complet pour bâtir votre agence de A à Z."
                         textboxLayout="default"
                         animationType="slide-up"
-                        gridVariant="three-columns-all-equal-width"
                         features={[
-                            {
-                                title: "Sourcing de Modèles",                                description: "Apprenez les scripts exacts pour recruter des modèles sans effort.",                                media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mor1yk", imageAlt: "Sourcing" }
-                            },
-                            {
-                                title: "Automatisation IA",                                description: "Utilisez nos prompts exclusifs pour gérer les chats et le contenu.",                                media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h0s85a", imageAlt: "Automation" }
-                            },
-                            {
-                                title: "Scaling Stratégique",                                description: "Optimisez vos tunnels de conversion pour maximiser les revenus.",                                media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=utu3a4", imageAlt: "Scaling" }
-                            }
+                            { title: "Sourcing de Modèles", description: "Apprenez les scripts exacts pour recruter des modèles sans effort.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mor1yk" }, items: [{ icon: BrainCircuit, text: "Scripting" }, { icon: BrainCircuit, text: "Recrutement" }] },
+                            { title: "Automatisation IA", description: "Utilisez nos prompts exclusifs pour gérer les chats et le contenu.", media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=h0s85a" }, items: [{ icon: Target, text: "Prompts" }, { icon: Target, text: "Automatisation" }] },
                         ]}
                     />
                 </div>
-                <FeatureCardNine
-                    tag="Processus"
-                    tagIcon={Target}
-                    title="Le chemin vers vos premiers 1000€"
-                    description="Un accompagnement structuré en 3 étapes clés."
-                    showStepNumbers={true}
-                    animationType="slide-up"
-                    features={[
-                        {
-                            title: "Configuration",                            description: "Mise en place de votre infrastructure technique et IA.",                            phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=xg1y9g" },
-                            phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=19jn82" },
-                        },
-                        {
-                            title: "Acquisition",                            description: "Stratégie d'acquisition de modèles et visibilité.",                            phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0ds8j2" },
-                            phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=vk8pgk" },
-                        },
-                        {
-                            title: "Optimisation",                            description: "Analyse des données et scaling du profit.",                            phoneOne: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1ljioy" },
-                            phoneTwo: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=666ab5" },
-                        },
-                    ]}
-                />
-                <div id="reviews">
-                    <TestimonialCardFive
-                        tag="Preuves"
-                        tagIcon={TrendingUp}
+                <div id="reviews" data-section="reviews">
+                    <TestimonialCardTen
                         title="Ils ont rejoint l'aventure"
-                        description="Résultats concrets obtenus par nos partenaires en moins de 90 jours."
+                        description="Résultats concrets obtenus par nos partenaires."
+                        textboxLayout="default"
                         testimonials={[
-                            {
-                                id: "1",                                name: "Alexandre P.",                                title: "Le déclic attendu",                                quote: "J'ai généré mes premiers 1200€ dès le mois 2 grâce à l'automatisation IA suggérée.",                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5izgov"
-                            },
-                            {
-                                id: "2",                                name: "Sarah M.",                                title: "Gain de temps énorme",                                quote: "L'IA a divisé mon temps de gestion par 3. Je peux me concentrer sur le recrutement.",                                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avj0tf"
-                            }
+                            { id: "1", title: "Le déclic attendu", quote: "J'ai généré mes premiers 1200€ dès le mois 2.", name: "Alexandre P.", role: "Founder", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5izgov" },
+                            { id: "2", title: "Gain de temps énorme", quote: "L'IA a divisé mon temps de gestion par 3.", name: "Sarah M.", role: "Founder", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=avj0tf" }
                         ]}
                     />
                 </div>
-                <div id="contact">
-                    <ContactSplitForm
+                <div id="contact" data-section="contact">
+                    <ContactCTA
                         tag="Contact"
                         title="Réserver votre diagnostic"
                         description="Vous avez le profil pour scaler ? Discutons de votre projet lors d'un appel gratuit."
-                        imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6guumo"
                         buttons={[{ text: "Postuler maintenant" }]}
+                        background={{ variant: "sparkles-gradient" }}
+                    />
+                </div>
+                <div id="footer" data-section="footer">
+                    <FooterLogoReveal
+                        logoText="AI-OFM Pro"
+                        leftLink={{ text: "Mentions Légales", href: "#" }}
+                        rightLink={{ text: "Politique de confidentialité", href: "#" }}
                     />
                 </div>
-                <FooterCard
-                    logoText="AI-OFM Pro"
-                    leftLink={{ text: "Mentions Légales", href: "#" }}
-                    rightLink={{ text: "Politique de confidentialité", href: "#" }}
-                />
             </ReactLenis>
         </ThemeProvider>
     );
-- 
2.49.1