Update src/app/page.tsx

Merge version_3 into main

src/app/page.tsx

@@ -10,7 +10,7 @@ import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarou
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 import { Award, Clock, Users } from "lucide-react";
 
@@ -87,27 +87,21 @@ export default function LandingPage() {
   </div>
 
   <div id="catalog" data-section="catalog">
-      <ProductCardOne
+      <ProductCardFour
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="asymmetric-60-wide-40-narrow"
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",          name: "Action Hero",          price: "Included",          imageSrc: "http://img.b2bpic.net/free-photo/illustrated-rendering-twin-avatar_23-2151061375.jpg"},
+          id: "h1",          name: "Hollywood Classics",          price: "100+ Titles",          variant: "Hollywood",          imageSrc: "http://img.b2bpic.net/free-photo/illustrated-rendering-twin-avatar_23-2151061375.jpg"},
         {
-          id: "p2",          name: "Space Odyssey",          price: "Included",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-putting-headphones-play-videogames-with-teammates_482257-120651.jpg"},
+          id: "b1",          name: "Bollywood Hits",          price: "80+ Titles",          variant: "Bollywood",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-putting-headphones-play-videogames-with-teammates_482257-120651.jpg"},
         {
-          id: "p3",          name: "Drama Lane",          price: "Included",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118172.jpg"},
+          id: "i1",          name: "Global Cinema",          price: "150+ Titles",          variant: "International",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-portrait-with-light-effects_23-2151118172.jpg"}
-        {
-          id: "p4",          name: "Dark Forest",          price: "Included",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-terrifing-clown_23-2150549668.jpg"},
-        {
-          id: "p5",          name: "Wild World",          price: "Included",          imageSrc: "http://img.b2bpic.net/free-photo/hello-november-composition-with-mushroom_23-2149675060.jpg"},
-        {
-          id: "p6",          name: "Magic Tale",          price: "Included",          imageSrc: "http://img.b2bpic.net/free-photo/collage-about-movie-time-with-woman-girl_23-2149946313.jpg"},
       ]}
-      title="Trending Now"
+      title="Browse By Category"
-      description="Discover popular hits everyone is talking about."
+      description="Explore our curated film collections from around the world."
     />
   </div>
 
@@ -205,7 +199,7 @@ export default function LandingPage() {
         variant: "plain"}}
       tag="Stay Updated"
       title="Ready to Start Streaming?"
-      description="Sign up today and get your first month on us."
+      description="Sign up in seconds and get your first 30 days free."
       imageSrc="http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301602.jpg"
       mediaAnimation="slide-up"
     />
@@ -245,4 +239,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}