Bob AI: [Block: testimonial-card-one|Testimonial Card One|...

src/app/page.tsx

@@ -2,14 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
-import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
-import ContactText from '@/components/sections/contact/ContactText';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import { Clapperboard, Sparkles, Star, Package } from 'lucide-react';
+import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 
 export default function MoviePlayPage() {
   return (
@@ -40,29 +37,6 @@ export default function MoviePlayPage() {
         />
       </div>
 
-      <div id="hero" data-section="hero">
-        <HeroSplitKpi
-          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"
-          tagIcon={Clapperboard}
-          background={{ variant: "glowing-orb" }}
-          kpis={[
-            { value: "50+", label: "Movies Monthly" },
-            { value: "1000+", label: "Happy Customers" },
-            { value: "4.9★", label: "Average Rating" }
-          ]}
-          enableKpiAnimation={true}
-          imageSrc="https://img.b2bpic.net/free-photo/cinema-seats-still-life_23-2148115374.jpg"
-          imageAlt="Movie theater with premium seating"
-          imagePosition="right"
-          buttons={[
-            { text: "Book Tickets Now", href: "#contact" },
-            { text: "View Schedule", href: "#products" }
-          ]}
-        />
-      </div>
-
       <div id="products" data-section="products">
         <ProductCardFour
           title="Now Showing"
@@ -91,80 +65,28 @@ export default function MoviePlayPage() {
         />
       </div>
 
-      <div id="feature" data-section="feature">
-        <FeatureCardSix
-          title="Why Choose Movie Play?"
-          description="Discover what makes us the premier cinema destination"
-          tag="Premium Features"
-          tagIcon={Sparkles}
+      <div id="text_split_about" data-section="text_split_about">
+        <TextSplitAbout
+          title="Explore Cinematic Magic"
+          description={["Discover a world of iconic films and timeless classics.", "Experience the best of cinema with Movie Play."]}
+          buttons={[{ label: "View Now Showing", href: "#" }, { label: "Read Reviews", href: "#" }]}
+          useInvertedBackground="noInvert"
+        />
+      </div>
+      <div id="testimonial_card_one" data-section="testimonial_card_one">
+        <TestimonialCardOne
+          testimonials={[{ name: "Emily Carter", role: "Movie Enthusiast", content: "Movie Play has transformed my movie-watching experience. The selection is vast, and the user interface is incredibly intuitive.", avatar: "" }]}
+          carouselMode="auto"
+          gridVariant="uniform-all-items-equal"
+          animationType="none"
+          title="Experience the Magic"
+          description="Hear from our community about their incredible movie-watching journeys."
+          tag="Stories"
+          buttons={[{ label: "View All", href: "" }, { label: "Submit Your Story", href: "" }]}
           textboxLayout="default"
           useInvertedBackground="noInvert"
-          features={[
-            {
-              id: 1,
-              title: "4K Projection Technology",              description: "Crystal-clear visuals with our state-of-the-art 4K projection systems, delivering cinema-quality picture every single time.",              imageSrc: "https://img.b2bpic.net/free-photo/musicial-music-live-band-performing-stage-with-different-lights_627829-10063.jpg",              imageAlt: "4K projection screen"
-            },
-            {
-              id: 2,
-              title: "Premium Sound Systems",              description: "Immersive Dolby Atmos surround sound that transports you into the heart of the action with perfect audio clarity.",              imageSrc: "https://img.b2bpic.net/free-photo/man-looking-cinema-screen_23-2147803840.jpg",              imageAlt: "Sound system"
-            },
-            {
-              id: 3,
-              title: "Luxury Seating",              description: "Reclinable leather seats with ample legroom and cup holders for the ultimate comfort during your movie experience.",              imageSrc: "https://img.b2bpic.net/free-photo/man-speaking-phone-cinema_23-2147803832.jpg",              imageAlt: "Luxury cinema seats"
-            },
-            {
-              id: 4,
-              title: "Gourmet Concessions",              description: "Premium snacks and beverages including specialty popcorn, artisan candies, and craft beverages to enhance your visit.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hand-holding-clapperboard-front-male-mime_23-2147891564.jpg",              imageAlt: "Gourmet popcorn"
-            }
-          ]}
         />
       </div>
-
-      <div id="metric" data-section="metric">
-        <MetricCardFourteen
-          title="Movie Play has become the trusted choice for cinema enthusiasts across the region, delivering unforgettable entertainment experiences."
-          tag="Our Impact"
-          useInvertedBackground="invertDefault"
-          metrics={[
-            {
-              id: "1",              value: "50,000+",              description: "Total satisfied customers who have experienced premium cinema at Movie Play"
-            },
-            {
-              id: "2",              value: "98%",              description: "Customer satisfaction rate reflecting our commitment to excellence and quality service"
-            }
-          ]}
-        />
-      </div>
-
-      <div id="testimonial" data-section="testimonial">
-        <TestimonialCardFifteen
-          testimonial="Movie Play absolutely transformed my cinema experience. The picture quality is stunning, the seats are incredibly comfortable, and the entire atmosphere is just perfect. I've been coming here every weekend!"
-          rating={5}
-          author="Sarah Mitchell, Movie Enthusiast"
-          useInvertedBackground="noInvert"
-          avatars={[
-            { src: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Customer 1" },
-            { src: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", alt: "Customer 2" },
-            { src: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg", alt: "Customer 3" },
-            { src: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", alt: "Customer 4" },
-            { src: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "Customer 5" },
-            { src: "https://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg", alt: "Customer 6" }
-          ]}
-        />
-      </div>
-
-      <div id="contact" data-section="contact">
-        <ContactText
-          text="Ready to book your next movie night? Reserve your premium seats now and enjoy an unforgettable cinema experience at Movie Play."
-          animationType="entrance-slide"
-          useInvertedBackground="invertDefault"
-          buttons={[
-            { text: "Book Tickets", href: "#" },
-            { text: "View Schedule", href: "#products" }
-          ]}
-        />
-      </div>
-
       <div id="footer" data-section="footer">
         <FooterBaseReveal
           columns={[