Update src/app/page.tsx

Merge version_31 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 FooterMedia from '@/components/sections/footer/FooterMedia';
+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 NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+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";
@@ -30,18 +30,17 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarLayoutFloatingInline
       navItems={[
-        { name: "About", id: "about"},
         { name: "Services", id: "services"},
-        { name: "Why MCG", id: "difference"},
-        { name: "Industries", id: "industries"},
-        { name: "Process", id: "process"},
         { name: "Contact", id: "contact"},
       ]}
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJIeKqO7zvo0s4wbiXzT3hoGtU/uploaded-1779127012413-b6g19ocl.png"
       logoAlt="MCG Merchant Services Logo"
       brandName="MCG Merchant Services"
+      button={{ text: "Get Started", href: "#contact" }}
+      className="bg-[#020617] pl-0 pr-4 md:pr-8"
+      logoClassName="h-24 w-auto scale-150 origin-left mr-auto"
     />
   </div>
 
@@ -84,15 +83,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."
@@ -123,8 +122,6 @@ export default function LandingPage() {
       ]}
       title="Industries We Power"
       description="Trusted by businesses across various sectors."
-      metricTitleClassName="whitespace-nowrap"
-      valueClassName="whitespace-nowrap"
     />
   </div>
 
@@ -169,30 +166,16 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJIeKqO7zvo0s4wbiXzT3hoGtU/uploaded-1779128537596-ac8jibq5.png"
-      imageAlt="MCG Merchant Services Logo"
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJIeKqO7zvo0s4wbiXzT3hoGtU/uploaded-1779128537596-ac8jibq5.png"
-      logoAlt="MCG Merchant Services Logo"
+      <FooterLogoEmphasis
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CJIeKqO7zvo0s4wbiXzT3hoGtU/uploaded-1779131050506-0utjqe19.png"
       logoText="MCG Merchant Services"
       columns={[
-        {
-          title: "Resources", items: [
-            { label: "Privacy Policy", href: "#"},
-            { label: "Terms of Service", href: "#"},
-          ],
-        },
-        {
-          title: "Contact", items: [
-            { label: "516.658.7646", href: "tel:5166587646"},
-            { label: "info@mcgmerchantservices.com", href: "mailto:info@mcgmerchantservices.com"},
-          ],
-        },
+        { items: [{ label: "Privacy Policy", href: "#" }, { label: "Terms of Service", href: "#" }] }
       ]}
-      copyrightText="© 2025 | MCG Merchant Services Inc. All rights reserved."
+      className="bg-[#000612] text-white"
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}