Update src/app/page.tsx

Merge version_20 into main

src/app/page.tsx

@@ -5,11 +5,11 @@ import ReactLenis from "lenis/react";
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import ProductCardThree from '@/components/sections/product/ProductCardThree';
+import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import { Building2, Globe, Utensils } from "lucide-react";
@@ -84,15 +84,15 @@ export default function LandingPage() {
   </div>
 
   <div id="services" data-section="services">
-      <ProductCardThree
+      <ProductCardTwo
       animationType="slide-up"
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
       products={[
-        { id: "p1", name: "Credit Card Processing", price: "Flagship", imageSrc: "https://images.unsplash.com/photo-1554224155-8d04cb21cd6c?auto=format&fit=crop&q=80&w=800"},
-        { id: "p2", name: "Business Loans and Lines of Credit", price: "Custom", imageSrc: "https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&q=80&w=800"},
-        { id: "p3", name: "POS Solutions", price: "Modern", imageSrc: "https://images.unsplash.com/photo-1563986768609-322da13575f3?auto=format&fit=crop&q=80&w=800"},
+        { id: "p1", brand: "MCG", name: "Credit Card Processing", price: "Custom", rating: 5, reviewCount: "150+", imageSrc: "https://images.unsplash.com/photo-1554224155-8d04cb21cd6c?auto=format&fit=crop&q=80&w=800"},
+        { id: "p2", brand: "MCG", name: "Business Loans and Lines of Credit", price: "Custom", rating: 5, reviewCount: "80+", imageSrc: "https://images.unsplash.com/photo-1454165804606-c3d57bc86b40?auto=format&fit=crop&q=80&w=800"},
+        { id: "p3", brand: "MCG", name: "POS Solutions", price: "Custom", rating: 5, reviewCount: "200+", imageSrc: "https://images.unsplash.com/photo-1563986768609-322da13575f3?auto=format&fit=crop&q=80&w=800"},
       ]}
       title="Built for Modern Merchants"
       description="Our core solutions designed to scale with your business."
@@ -169,12 +169,13 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJIeKqO7zvo0s4wbiXzT3hoGtU/uploaded-1779129893777-rqhh2f16.png"
-      logoText="© 2025 MCG Merchant Services Inc."
-      leftLink={{ text: "Privacy Policy", href: "#" }}
-      rightLink={{ text: "Terms of Service", href: "#" }}
-      className="bg-white"
+      <FooterLogoEmphasis
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJIeKqO7zvo0s4wbiXzT3hoGtU/uploaded-1779131050506-0utjqe19.png"
+      logoText="MCG Merchant Services"
+      columns={[
+        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
+      ]}
+      className="bg-[#000612] text-white"
     />
   </div>
       </ReactLenis>