diff --git a/src/app/blog/page.tsx b/src/app/blog/page.tsx
index 9f3bcb3..5865561 100644
--- a/src/app/blog/page.tsx
+++ b/src/app/blog/page.tsx
@@ -54,7 +54,8 @@ export default function BlogPage() {
                 const url = `${apiUrl}/posts/${projectId}?status=published`;
                 const response = await fetch(url, {
                     method: "GET",                    headers: {
-                        "Content-Type": "application/json"},
+                        "Content-Type": "application/json"
+                    },
                 });
 
                 if (response.ok) {
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 70f1120..b0b25e3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,8 +1,8 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroLogo from '@/components/sections/hero/HeroLogo';
+import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
 import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
@@ -37,17 +37,24 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroLogo
-          logoText="A Detailing"
+        <HeroBillboardRotatedCarousel
+          title="A Detailing"
           description="Premium auto detailing services in San Diego, near SDSU. Expert hand-washing, polishing, and protective coatings for cars that shine."
+          background={{ variant: "plain" }}
           buttons={[
             { text: "Book Your Appointment", href: "#contact" },
             { text: "Learn More", href: "#services" }
           ]}
-          imageSrc="https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg"
-          imageAlt="Professional auto detailing showcase"
-          showDimOverlay={true}
-          logoLineHeight={1.15}
+          carouselItems={[
+            { id: "1", imageSrc: "https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg", imageAlt: "Professional auto detailing showcase" },
+            { id: "2", imageSrc: "https://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg", imageAlt: "Car polishing service" },
+            { id: "3", imageSrc: "https://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194139.jpg", imageAlt: "Exterior detailing" },
+            { id: "4", imageSrc: "https://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194132.jpg", imageAlt: "Professional cleaning" },
+            { id: "5", imageSrc: "https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg", imageAlt: "Detailing station" },
+            { id: "6", imageSrc: "https://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg", imageAlt: "Polishing service" }
+          ]}
+          autoPlay={true}
+          autoPlayInterval={4000}
         />
       </div>