From 911f3b1ab6e6895b3ca11eaece9d32daa428730b Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sat, 18 Apr 2026 12:48:43 +0000
Subject: [PATCH] Bob AI: Implement a dynamic, animated background effect
 across the e

---
 src/App.tsx   | 1 +
 src/index.css | 4 +++-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/App.tsx b/src/App.tsx
index 49ff7d2..73a5869 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -9,6 +9,7 @@ import NavbarCentered from '@/components/ui/NavbarCentered';
 import PricingHighlightedCards from '@/components/sections/pricing/PricingHighlightedCards';
 import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
 import { Award, CheckCircle, Zap } from "lucide-react";
+import './styles/animations.css';
 
 export default function App() {
   return (
diff --git a/src/index.css b/src/index.css
index c99c01f..72af015 100644
--- a/src/index.css
+++ b/src/index.css
@@ -134,13 +134,15 @@ html {
 
 body {
   margin: 0;
-  background-color: var(--background);
   color: var(--foreground);
   font-family: '${nunito.variable}', sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
   overscroll-behavior-y: none;
+  background: linear-gradient(-45deg, var(--background), color-mix(in srgb, var(--primary-cta) 5%, var(--background)), var(--background));
+  background-size: 400% 400%;
+  animation: animated-gradient 15s ease infinite;
 }
 
 h1,