From f72563d6fea8dc59280075fa799cbc7d6b406e80 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Wed, 29 Apr 2026 20:41:23 +0000
Subject: [PATCH] Bob AI: Revert the hero section component to its previous
 version th

---
 src/components/sections/hero/HeroTiltedCards.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/sections/hero/HeroTiltedCards.tsx b/src/components/sections/hero/HeroTiltedCards.tsx
index 5a22ff2..fd9b73e 100644
--- a/src/components/sections/hero/HeroTiltedCards.tsx
+++ b/src/components/sections/hero/HeroTiltedCards.tsx
@@ -2,7 +2,7 @@ import Button from "@/components/ui/Button";
 import HeroBackgroundSlot from "@/components/ui/HeroBackgroundSlot";
 import TextAnimation from "@/components/ui/TextAnimation";
 import ScrollReveal from "@/components/ui/ScrollReveal";
-import TiltedCarousel from "@/components/ui/TiltedCarousel"; // Import TiltedCarousel
+import ImageOrVideo from "@/components/ui/ImageOrVideo"; // Import ImageOrVideo
 
 interface HeroTiltedCardsProps {
   tag: string;
@@ -10,7 +10,7 @@ interface HeroTiltedCardsProps {
   description: string;
   primaryButton: { text: string; href: string };
   secondaryButton: { text: string; href: string };
-  items: ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never })[];
+  imageSrc: string; // Changed from items to single imageSrc
 }
 
 const HeroTiltedCards = ({
@@ -19,7 +19,7 @@ const HeroTiltedCards = ({
   description,
   primaryButton,
   secondaryButton,
-  items,
+  imageSrc, // Changed from items to single imageSrc
 }: HeroTiltedCardsProps) => {
 
   return (
@@ -51,9 +51,12 @@ const HeroTiltedCards = ({
           </div>
         </div>
 
-        {/* Replace existing image display with TiltedCarousel */}
-        <ScrollReveal variant="fade-blur" delay={0.2} className="w-full">
-          <TiltedCarousel items={items} autoPlayInterval={3000} />
+        {/* Replaced TiltedCarousel with a single ImageOrVideo */}
+        <ScrollReveal variant="fade-blur" delay={0.2} className="w-full max-w-3xl mx-auto">
+          <ImageOrVideo
+            imageSrc={imageSrc}
+            className="w-full h-auto rounded-lg shadow-xl"
+          />
         </ScrollReveal>
       </div>
     </section>
-- 
2.49.1