25 lines
1.0 KiB
TypeScript
25 lines
1.0 KiB
TypeScript
"use client";
|
|
|
|
import React from "react";
|
|
|
|
const Background = () => {
|
|
return (
|
|
<div className="fixed inset-0 z-[-1] overflow-hidden bg-background">
|
|
<div className="absolute inset-0 bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-secondary/20 via-background to-background"></div>
|
|
<div
|
|
className="absolute inset-0 opacity-30"
|
|
style={{
|
|
backgroundImage:
|
|
"linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px)",
|
|
backgroundSize: "40px 40px",
|
|
}}
|
|
></div>
|
|
{/* Decorative glows */}
|
|
<div className="absolute -top-40 -left-40 w-96 h-96 bg-primary/30 rounded-full blur-3xl opacity-50 animate-pulse"></div>
|
|
<div className="absolute top-1/2 right-0 w-80 h-80 bg-accent/20 rounded-full blur-3xl opacity-30"></div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Background;
|