Merge version_3 into main

Merge version_3 into main

src/app/page.tsx

@@ -10,6 +10,7 @@ import ContactText from "@/components/sections/contact/ContactText";
 import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
 import PricingCardTwo from "@/components/sections/pricing/PricingCardTwo";
 import FooterSimple from "@/components/sections/footer/FooterSimple";
+import RadialGradientBackground from "@/components/background/RadialGradientBackground";
 import { Database, Globe, Shield, Sparkles, Zap, ArrowRight, Check } from "lucide-react";
 
 export default function LandingPage() {
@@ -39,6 +40,13 @@ export default function LandingPage() {
       </div>
 
       <div id="hero" data-section="hero">
+        <div className="relative">
+          <RadialGradientBackground
+            centerColor="var(--background)"
+            edgeColor="var(--color-background-accent)"
+            size="130% 130%"
+            position="50% 15%"
+          />
           <HeroBillboardRotatedCarousel
             title="The investment analysis platform Europe's property market deserves."
             description="Paste any European property listing URL. Get a full investment report in 60 seconds — net yield, tax breakdown, risk score, three scenarios."
@@ -70,8 +78,16 @@ export default function LandingPage() {
             autoPlayInterval={5000}
           />
         </div>
+      </div>
 
       <div id="social-proof" data-section="social-proof">
+        <div className="relative">
+          <RadialGradientBackground
+            centerColor="var(--background)"
+            edgeColor="var(--color-background-accent)"
+            size="140% 140%"
+            position="50% 20%"
+          />
           <SocialProofOne
             title="Trusted by investors across Europe"
             description="Join hundreds of property investors already using Terrivio"
@@ -84,8 +100,16 @@ export default function LandingPage() {
             showCard={true}
           />
         </div>
+      </div>
 
       <div id="metrics" data-section="metrics">
+        <div className="relative">
+          <RadialGradientBackground
+            centerColor="var(--background)"
+            edgeColor="var(--color-background-accent)"
+            size="135% 135%"
+            position="50% 25%"
+          />
           <MetricCardThree
             title="Why Terrivio Stands Out"
             description="Powerful metrics that drive investor confidence"
@@ -100,8 +124,16 @@ export default function LandingPage() {
             ]}
           />
         </div>
+      </div>
 
       <div id="features" data-section="features">
+        <div className="relative">
+          <RadialGradientBackground
+            centerColor="var(--background)"
+            edgeColor="var(--color-background-accent)"
+            size="130% 130%"
+            position="50% 30%"
+          />
           <FeatureCardTwentyOne
             title="From URL to investment decision."
             description="No account needed. No spreadsheets. No guesswork."
@@ -124,8 +156,16 @@ export default function LandingPage() {
             ]}
           />
         </div>
+      </div>
 
       <div id="demo" data-section="demo">
+        <div className="relative">
+          <RadialGradientBackground
+            centerColor="var(--background)"
+            edgeColor="var(--color-background-accent)"
+            size="125% 125%"
+            position="50% 35%"
+          />
           <ContactText
             text="Try it yourself. Paste any real listing URL. No account needed."
             animationType="reveal-blur"
@@ -134,8 +174,16 @@ export default function LandingPage() {
             buttons={[{ text: "Analyze →", href: "#analyze" }]}
           />
         </div>
+      </div>
 
       <div id="markets" data-section="markets">
+        <div className="relative">
+          <RadialGradientBackground
+            centerColor="var(--background)"
+            edgeColor="var(--color-background-accent)"
+            size="140% 140%"
+            position="50% 40%"
+          />
           <TestimonialAboutCard
             tag="COVERAGE"
             title="13 European markets."
@@ -148,8 +196,16 @@ export default function LandingPage() {
             useInvertedBackground={false}
           />
         </div>
+      </div>
 
       <div id="pricing" data-section="pricing">
+        <div className="relative">
+          <RadialGradientBackground
+            centerColor="var(--background)"
+            edgeColor="var(--color-background-accent)"
+            size="135% 135%"
+            position="50% 45%"
+          />
           <PricingCardTwo
             title="Simple, transparent pricing."
             description="Founding Member pricing locked in at signup. Price increases after launch."
@@ -182,8 +238,16 @@ export default function LandingPage() {
             ]}
           />
         </div>
+      </div>
 
       <div id="final-cta" data-section="final-cta">
+        <div className="relative">
+          <RadialGradientBackground
+            centerColor="var(--background)"
+            edgeColor="var(--color-background-accent)"
+            size="130% 130%"
+            position="50% 50%"
+          />
           <ContactText
             text="847 investors are already waiting. Join them. Founding Member pricing is limited."
             animationType="entrance-slide"
@@ -195,6 +259,7 @@ export default function LandingPage() {
             ]}
           />
         </div>
+      </div>
 
       <div id="footer" data-section="footer">
         <FooterSimple