Update src/app/page.tsx

Merge version_2 into main

src/app/page.tsx

@@ -5,7 +5,6 @@ import ReactLenis from "lenis/react";
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqSplitText from '@/components/sections/faq/FaqSplitText';
 import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
-import FooterMedia from '@/components/sections/footer/FooterMedia';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
@@ -13,19 +12,20 @@ import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import { Award, Briefcase, Building2, Crop, DollarSign, Home, Layout, MapPin, Package, Ruler, TrendingUp, User } from "lucide-react";
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="bounce-effect"
+        defaultButtonVariant="shift-hover"
-        defaultTextAnimation="entrance-slide"
+        defaultTextAnimation="reveal-blur"
-        borderRadius="soft"
+        borderRadius="rounded"
-        contentWidth="small"
+        contentWidth="compact"
-        sizing="largeSmall"
+        sizing="mediumLarge"
-        background="circleGradient"
+        background="grid"
-        cardStyle="gradient-mesh"
+        cardStyle="inset"
-        primaryButtonStyle="primary-glow"
+        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="layered"
+        secondaryButtonStyle="glass"
         headingFontWeight="semibold"
     >
       <ReactLenis root>
@@ -120,7 +120,7 @@ export default function LandingPage() {
       <PricingCardThree
       textboxLayout="default"
       useInvertedBackground={false}
-      animationType="slide-up"
+      animationType="blur-reveal"
       plans={[
         {
           id: "acquisition",          name: "Acquisition Costs",          price: "£5,554,000",          features: [
@@ -155,7 +155,7 @@ export default function LandingPage() {
 
   <div id="scenarios" data-section="scenarios">
       <MetricCardOne
-      animationType="scale-rotate"
+      animationType="depth-3d"
       textboxLayout="default"
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={true}
@@ -217,7 +217,7 @@ export default function LandingPage() {
       ]}
       sideTitle="25–34 month *journey* to exit"
       sideDescription="A clear project roadmap outlining the key phases from acquisition to final sales and exit strategy, ensuring a streamlined process."
-      faqsAnimation="slide-up"
+      faqsAnimation="blur-reveal"
       textPosition="left"
     />
   </div>
@@ -227,7 +227,7 @@ export default function LandingPage() {
       textboxLayout="default"
       gridVariant="three-columns-all-equal-width"
       useInvertedBackground={false}
-      animationType="slide-up"
+      animationType="blur-reveal"
       products={[
         {
           id: "risk-1",          name: "Build Cost Overruns",          price: "High Risk",          imageSrc: "http://img.b2bpic.net/free-photo/euro-money-coins-forklift-isolated-white-space_268835-1205.jpg",          imageAlt: "Construction site with potential cost overruns"},
@@ -266,8 +266,7 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterMedia
+      <FooterBaseReveal
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-city-building-shadows_23-2149283265.jpg"
       logoText="45 The Vineyard"
       columns={[
         {