diff --git a/src/app/page.tsx b/src/app/page.tsx
index 724df6d..6eeccae 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,7 +10,7 @@ import TestimonialCardTwelve from '@/components/sections/testimonial/Testimonial
 import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
 import FooterBase1 from '@/components/sections/footer/FooterBase1';
 import { Camera, Zap, Sparkles, Monitor, Shield, Star, Heart } from "lucide-react";
-import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
+import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
 import TeamCardOne1 from '@/components/sections/team/TeamCardOne1';
 
@@ -29,7 +29,7 @@ export default function LandingPage() {
       headingFontWeight="light"
     >
       <div id="hero" data-section="hero">
-        <HeroBillboardScroll title="Explore the Latest iPhone Models" description="Discover the latest features and designs in our iPhone collection. From photography to performance, we've got you covered." background={{ variant: "downward-rays-animated" }} tag="New Arrivals" tagIcon="Calendar" buttons={[{ label: "Shop Now", href: "/iphones", className: "bg-black text-white hover:bg-gray-800" }]} imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" ariaLabel="iPhone Collection Hero Section" />
+        <HeroLogoBillboard logoText="iPhone Store" description="Explore the latest iPhone models with cutting-edge features and sleek designs." buttons={[{ label: "Shop Now", href: "/iphones", className: "bg-black text-white hover:bg-gray-800" }]} background={{ variant: "downward-rays-animated" }} imageSrc="https://images.unsplash.com/photo-1519681393784-d120267933ba?w=800&q=80" ariaLabel="iPhone Collection Hero Section" />
       </div>
 
       <div id="nav" data-section="nav">