Update src/app/page.tsx

Merge version_1 into main

src/app/page.tsx

@@ -4,14 +4,13 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
-import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
+import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
-import { Award, Globe, Star } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -118,17 +117,16 @@ export default function LandingPage() {
   </div>
 
   <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      animationType="depth-3d"
-      textboxLayout="inline-image"
-      useInvertedBackground={false}
-      metrics={[
-        { id: "m1", icon: Star, title: "Avg. Customer Rating", value: "4.9/5" },
-        { id: "m2", icon: Globe, title: "Countries Served", value: "40+" },
-        { id: "m3", icon: Award, title: "Industry Awards", value: "12" }
-      ]}
+      <MetricCardFourteen
       title="Impact by Numbers"
-      description="Our community thrives on radiant, healthy skin transformations."
+      tag="Our Success"
+      useInvertedBackground={false}
+      metricsAnimation="slide-up"
+      metrics={[
+        { id: "m1", value: "4.9/5", description: "Customer Rating" },
+        { id: "m2", value: "40+", description: "Countries Served" },
+        { id: "m3", value: "12", description: "Industry Awards" }
+      ]}
     />
   </div>
 
@@ -160,12 +158,10 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoReveal
       logoText="Lumière"
-      columns={[
-        { title: "Shop", items: [{ label: "All Products", href: "#products" }, { label: "Bundles", href: "#" }] },
-        { title: "Support", items: [{ label: "Help Center", href: "#" }, { label: "Shipping", href: "#" }] }
-      ]}
+      leftLink={{ text: "Privacy", href: "#" }}
+      rightLink={{ text: "Terms", href: "#" }}
     />
   </div>
       </ReactLenis>