const HeaderBg = () => {
	return (
		<svg
			className="absolute top-0 left-0 pointer-events-none z-[10]"
			width="1440"
			height="690"
			viewBox="0 0 1440 690"
			fill="none"
			xmlns="http://www.w3.org/2000/svg"
		>
			<g filter="url(#filter0_f_459_2096)">
				<ellipse
					cx="491"
					cy="339"
					rx="584"
					ry="251"
					transform="rotate(180 491 339)"
					fill="url(#paint0_linear_459_2096)"
				/>
			</g>
			<g
				style={{
					mixBlendMode: "plus-lighter",
					opacity: "0.5",
				}}
				filter="url(#filter1_f_459_2096)"
			>
				<ellipse
					cx="293.5"
					cy="328.5"
					rx="375.5"
					ry="77.5"
					transform="rotate(180 293.5 328.5)"
					fill="url(#paint1_linear_459_2096)"
				/>
			</g>
			<g filter="url(#filter2_f_459_2096)">
				<ellipse
					cx="947"
					cy="154"
					rx="584"
					ry="251"
					fill="url(#paint2_linear_459_2096)"
				/>
			</g>
			<g
				style={{
					mixBlendMode: "plus-lighter",
					opacity: "0.5",
				}}
				opacity="0.5"
				filter="url(#filter3_f_459_2096)"
			>
				<ellipse
					cx="215"
					cy="77.5"
					rx="215"
					ry="77.5"
					transform="matrix(1 0 0 -1 1088 251)"
					fill="url(#paint3_linear_459_2096)"
				/>
			</g>
			<defs>
				<filter
					id="filter0_f_459_2096"
					x="-193"
					y="-12"
					width="1368"
					height="702"
					filterUnits="userSpaceOnUse"
					color-interpolation-filters="sRGB"
				>
					<feFlood flood-opacity="0" result="BackgroundImageFix" />
					<feBlend
						mode="normal"
						in="SourceGraphic"
						in2="BackgroundImageFix"
						result="shape"
					/>
					<feGaussianBlur
						stdDeviation="50"
						result="effect1_foregroundBlur_459_2096"
					/>
				</filter>
				<filter
					id="filter1_f_459_2096"
					x="-152"
					y="181"
					width="891"
					height="295"
					filterUnits="userSpaceOnUse"
					color-interpolation-filters="sRGB"
				>
					<feFlood flood-opacity="0" result="BackgroundImageFix" />
					<feBlend
						mode="normal"
						in="SourceGraphic"
						in2="BackgroundImageFix"
						result="shape"
					/>
					<feGaussianBlur
						stdDeviation="35"
						result="effect1_foregroundBlur_459_2096"
					/>
				</filter>
				<filter
					id="filter2_f_459_2096"
					x="263"
					y="-197"
					width="1368"
					height="702"
					filterUnits="userSpaceOnUse"
					color-interpolation-filters="sRGB"
				>
					<feFlood flood-opacity="0" result="BackgroundImageFix" />
					<feBlend
						mode="normal"
						in="SourceGraphic"
						in2="BackgroundImageFix"
						result="shape"
					/>
					<feGaussianBlur
						stdDeviation="50"
						result="effect1_foregroundBlur_459_2096"
					/>
				</filter>
				<filter
					id="filter3_f_459_2096"
					x="1018"
					y="26"
					width="570"
					height="295"
					filterUnits="userSpaceOnUse"
					color-interpolation-filters="sRGB"
				>
					<feFlood flood-opacity="0" result="BackgroundImageFix" />
					<feBlend
						mode="normal"
						in="SourceGraphic"
						in2="BackgroundImageFix"
						result="shape"
					/>
					<feGaussianBlur
						stdDeviation="35"
						result="effect1_foregroundBlur_459_2096"
					/>
				</filter>
				<linearGradient
					id="paint0_linear_459_2096"
					x1="1001.5"
					y1="339"
					x2="56.5"
					y2="375.5"
					gradientUnits="userSpaceOnUse"
				>
					<stop stop-color="#75A3FE" />
					<stop offset="1" stop-color="white" stop-opacity="0" />
				</linearGradient>
				<linearGradient
					id="paint1_linear_459_2096"
					x1="615.5"
					y1="349"
					x2="15.8448"
					y2="376.824"
					gradientUnits="userSpaceOnUse"
				>
					<stop stop-color="white" />
					<stop offset="1" stop-color="white" stop-opacity="0" />
				</linearGradient>
				<linearGradient
					id="paint2_linear_459_2096"
					x1="1457.5"
					y1="154"
					x2="512.5"
					y2="190.5"
					gradientUnits="userSpaceOnUse"
				>
					<stop stop-color="#A6D7FF" />
					<stop offset="1" stop-color="white" stop-opacity="0" />
				</linearGradient>
				<linearGradient
					id="paint3_linear_459_2096"
					x1="399.368"
					y1="98"
					x2="55.5264"
					y2="107.135"
					gradientUnits="userSpaceOnUse"
				>
					<stop stop-color="white" />
					<stop offset="1" stop-color="white" stop-opacity="0" />
				</linearGradient>
			</defs>
		</svg>
	);
};

export default HeaderBg;
