Merge version_5 into main

Merge version_5 into main

src/app/page.tsx

@@ -3,6 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
+import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
 import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
 import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
 import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
@@ -54,6 +55,21 @@ export default function LandingPage() {
         />
       </div>
 
+      <div id="hero-carousel" data-section="hero-carousel">
+        <HeroBillboardScroll
+          title="Featured Tinting Projects"
+          description="See our professional work on various vehicles – from sedans to SUVs, every project showcases our commitment to quality."
+          background={{ variant: "fluid" }}
+          tag="Gallery"
+          tagAnimation="slide-up"
+          buttons={[{ text: "View All Projects", href: "#contact" }]}
+          buttonAnimation="slide-up"
+          imageSrc="http://img.b2bpic.net/free-photo/male-mechanics-working-together-car-shop_23-2150376984.jpg?_wi=1"
+          imageAlt="Professional tinting installation"
+          mediaAnimation="blur-reveal"
+        />
+      </div>
+
       <div id="about" data-section="about">
         <TextSplitAbout
           title="Why Choose Shades Of Black Tint"
@@ -191,4 +207,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}