diff --git a/src/app/page.tsx b/src/app/page.tsx
index c91125e..a73eec7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,7 +7,7 @@ import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwe
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 
 export default function LandingPage() {
@@ -80,38 +80,38 @@ export default function LandingPage() {
   </div>
 
   <div id="product" data-section="product">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="asymmetric-60-wide-40-narrow"
-      useInvertedBackground={false}
+      <HeroBillboardTiltedCarousel
       title="Worship Resources"
       description="Explore our curated collection of resources for your worship ministry."
-      products={[
-        { id: "p1", name: "Worship Guide", price: "$20", variant: "E-Book", imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104597.jpg?_wi=2" },
-        { id: "p2", name: "Online Course", price: "$50", variant: "Digital", imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104637.jpg?_wi=2" }
+      mediaItems={[
+          { imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104597.jpg?_wi=2", imageAlt: "Worship Guide" },
+          { imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104637.jpg?_wi=2", imageAlt: "Online Course" }
       ]}
+      background={{ variant: "plain" }}
     />
   </div>
 
   <div id="contact-section" data-section="contact-section">
-      <ContactCTA
-      tag="Connect"
+      <HeroBillboardTiltedCarousel
       title="Partner with RASSAD"
       description="Are you a church or organization looking to partner with RASSAD for worship training or events? Get in touch with us today."
       buttons={[{ text: "Contact Us", href: "/contact" }]}
+      mediaItems={[
+          { imageSrc: "http://img.b2bpic.net/free-photo/man-playing-drums-performance-local-event_23-2149188130.jpg", imageAlt: "Contact" },
+          { imageSrc: "http://img.b2bpic.net/free-photo/musician-man-with-bow-tie-playing-classical-guitar_23-2148465347.jpg", imageAlt: "Partnership" }
+      ]}
       background={{ variant: "plain" }}
-      useInvertedBackground={false}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      logoText="RASSAD"
-      columns={[
-        { items: [{ label: "Home", href: "/" }, { label: "About", href: "/about" }] },
-        { items: [{ label: "YouTube", href: "https://www.youtube.com/@Rassadca" }, { label: "Instagram", href: "https://www.instagram.com/rassad.ca/" }] }
+      <HeroBillboardTiltedCarousel
+      title="RASSAD"
+      description="Restoring worship, awakening hearts."
+      mediaItems={[
+          { imageSrc: "http://img.b2bpic.net/free-photo/man-playing-drums-dark_23-2148366438.jpg", imageAlt: "Footer Background" }
       ]}
+      background={{ variant: "plain" }}
     />
   </div>
       </ReactLenis>