Merge version_2 into main

Merge version_2 into main

src/app/page.tsx

@@ -1,16 +1,16 @@
-"use client";
+"use client"
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Sparkles } from "lucide-react";
+import { Sparkles, Star } from "lucide-react";
-import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
+import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import ProductCardSeven from "@/components/sections/product/ProductCardSeven";
+import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
-import MetricCardEight from "@/components/sections/metrics/MetricCardEight";
+import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
+import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import FaqBase from "@/components/sections/faq/FaqBase";
+import FaqBase from '@/components/sections/faq/FaqBase';
-import ContactInline from "@/components/sections/contact/ContactInline";
+import ContactInline from '@/components/sections/contact/ContactInline';
-import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 
 export default function CinemaPage() {
   return (
@@ -85,28 +85,32 @@ export default function CinemaPage() {
               name: "Epic Drama",
               price: "₹250",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502907661-wjlq2nxn.jpg",
-              imageAlt: "Epic Drama movie poster"
+              imageAlt: "Epic Drama movie poster",
+              rating: 4.8
             },
             {
               id: "2",
               name: "Action Thriller",
               price: "₹250",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766502909492-uldg0gxd.jpg",
-              imageAlt: "Action Thriller movie poster"
+              imageAlt: "Action Thriller movie poster",
+              rating: 4.9
             },
             {
               id: "3",
               name: "Romantic Comedy",
               price: "₹200",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766747080502-3vj543iu.jpg",
-              imageAlt: "Romantic Comedy movie poster"
+              imageAlt: "Romantic Comedy movie poster",
+              rating: 4.6
             },
             {
               id: "4",
               name: "Science Fiction",
               price: "₹280",
               imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766747081962-phshs302.jpg",
-              imageAlt: "Science Fiction movie poster"
+              imageAlt: "Science Fiction movie poster",
+              rating: 4.7
             }
           ]}
           gridVariant="uniform-all-items-equal"
@@ -117,32 +121,34 @@ export default function CinemaPage() {
       </div>
 
       <div id="metrics" data-section="metrics">
-        <MetricCardEight
+        <MetricCardTwo
           title="Why Choose Look With Us"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766747079426-9una2mtv.jpg"
+          description="Industry-leading cinema experience backed by numbers"
-          imageAlt="Premium cinema experience"
           metrics={[
             {
               id: "1",
               value: "4K Projection",
-              title: "Crystal Clear Images"
+              description: "Crystal Clear Images"
             },
             {
               id: "2",
               value: "7.1 Surround",
-              title: "Immersive Sound System"
+              description: "Immersive Sound System"
             },
             {
               id: "3",
               value: "Premium Seats",
-              title: "Reclinable Seating"
+              description: "Reclinable Seating"
             },
             {
               id: "4",
               value: "100% Online",
-              title: "Easy Bookings"
+              description: "Easy Bookings"
             }
           ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          textboxLayout="default"
           useInvertedBackground="noInvert"
         />
       </div>
@@ -262,8 +268,6 @@ export default function CinemaPage() {
           inputPlaceholder="Enter your email"
           buttonText="Subscribe"
           useInvertedBackground="noInvert"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766747079426-9una2mtv.jpg"
-          imageAlt="Cinema experience"
         />
       </div>