Merge version_33 into main

Merge version_33 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 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"
     />
   </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="text-sm md:text-base"
-      valueClassName="text-base md:text-lg"
     />
   </div>
 
@@ -169,13 +166,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 !text-black"
-      logoClassName="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>