diff --git a/src/app/page.tsx b/src/app/page.tsx
index 72c091e..de5f980 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,13 +2,13 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import { Code, Layers, Shield, Sparkles, Workflow, Zap, Star } from "lucide-react";
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 
 export default function LandingPage() {
   return (
@@ -37,14 +37,14 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogoBillboard 
-          logoText="romet kriks"
-          description="Motion graphics technical artist specializing in animation, visual effects, and creative motion design. Transforming ideas into dynamic visual experiences."
-          background={{ variant: "sparkles-gradient" }}
-          videoSrc="https://img.b2bpic.net/free-photo/software-developer-home-office-coding-desktop-using-ai-powered-script_482257-121012.jpg"
-          frameStyle="browser"
-          logoLineHeight={1.2}
-        />
+      <HeroBillboard
+      title="Hero"
+      description="Motion graphics technical artist specializing in animation, visual effects, and creative motion design. Transforming ideas into dynamic visual experiences."
+      background={{ variant: "sparkles-gradient" }}
+      tag="Label"
+      buttons={[{ label: "Primary", href: "#" }, { label: "Secondary", href: "#" }]}
+      imageSrc="https://placehold.co/600x400"
+      />
       </div>
 
       <div id="about" data-section="about">