Bob AI: Remove hero section

src/app/page.tsx

@@ -6,7 +6,6 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { Clapperboard, Sparkles, Star, Package } from 'lucide-react';
-import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 
 export default function MoviePlayPage() {
   return (
@@ -37,24 +36,6 @@ export default function MoviePlayPage() {
         />
       </div>
 
-      <div id="hero" data-section="hero">
-      <FeatureCardOne
-      features={[{ title: "Feature 1", description: "Feature description" }, { title: "Feature 2", description: "Feature description" }, { title: "Feature 3", description: "Feature description" }]}
-      carouselMode="auto"
-      gridVariant="uniform-all-items-equal"
-      animationType="none"
-      title="Experience Cinema Like Never Before"
-      description="Immerse yourself in stunning visuals, premium sound, and unforgettable moments at Movie Play. The ultimate destination for movie lovers."
-      tag="Premium Cinema Experience"
-      buttons={[
-      { text: "Book Tickets Now", href: "#contact" },
-      { text: "View Schedule", href: "#products" }
-      ]}
-      textboxLayout="default"
-      useInvertedBackground="noInvert"
-      />
-      </div>
-
       <div id="products" data-section="products">
         <ProductCardFour
           title="Now Showing"