diff --git a/src/app/page.tsx b/src/app/page.tsx
index 77b93a8..b94e4cf 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,7 +3,7 @@
 import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import { Sparkles } from "lucide-react";
+import { HeroLogo } from "@/components/sections/hero/HeroLogo";
 
 export default function EditorPlatformPage() {
   return (
@@ -21,7 +21,7 @@ export default function EditorPlatformPage() {
     >
       <ReactLenis root>
         <NavbarLayoutFloatingOverlay
-          brandName="EditFlow"
+          brandName="EditPro"
           navItems={[
             { name: "Home", id: "/" },
             { name: "Features", id: "/features" },
@@ -30,7 +30,15 @@ export default function EditorPlatformPage() {
           button={{ text: "Open Editor", href: "#contact" }}
         />
         <main className="py-24">
-            <h1 className="text-center">Welcome to EditFlow</h1>
+            <div id="hero">
+                <HeroLogo
+                    logoText="EditPro"
+                    description="Professional creative suite for pro editors."
+                    buttons={[{ text: "Get Started", href: "#" }]}
+                    imageSrc="https://images.unsplash.com/photo-1579783902614-a3fb3927b6a5?q=80&w=1600&auto=format&fit=crop"
+                    imageAlt="Professional Editing Workflow"
+                />
+            </div>
         </main>
       </ReactLenis>
     </ThemeProvider>