Bob AI: Implement a dynamic, animated background effect across the e
This commit is contained in:
@@ -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 (
|
||||
|
||||
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user