Databuddy/apps/docs/components/landing/backgroundFlow.tsx at 1ff2ea32e528a11cbb1f8a803bd68ca9937d6d07 · databuddy-analytics/Databuddy · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
const backgroundFlow = () => {
	return (
		<div className="pointer-events-none absolute -top-20 right-0 bottom-0 left-0">
			<svg
				className="h-full w-full"
				fill="none"
				preserveAspectRatio="xMinYMid slice"
				viewBox="200 0 2215 1865"
				xmlns="http://www.w3.org/2000/svg"
			>
				<g filter="url(#filter0_f_163_6)">
					<path
						d="M2209.09 140.6C2186.01 292.573 2037.51 644.522 1746.1 748.229C1381.83 877.863 228.596 931.229 250.096 2230.23"
						stroke="#E3A514"
						strokeWidth="257"
					/>
				</g>
				<g filter="url(#filter1_f_163_6)">
					<path
						d="M2208.74 150.229C2185.66 302.202 1885.24 802.522 1616.74 842.022C368.707 1025.63 335.243 1733.02 356.743 2230.52"
						stroke="#CD5F20"
						strokeWidth="194"
					/>
				</g>
				<g filter="url(#filter2_f_163_6)">
					<path
						d="M2234.1 143.729C2211.01 295.702 2027.6 797.813 1614.6 911.694C519.948 1213.53 509.096 1756.19 509.096 2228.69"
						stroke="#B24A7E"
						strokeWidth="225"
					/>
				</g>
				<g filter="url(#filter3_f_163_6)">
					<path
						d="M2261.1 149.229C2237.04 301.202 2199.59 791.522 1895.99 895.229C1660.88 975.538 1132.31 1207.7 1041.67 1264.23C652.019 1507.23 669.209 2035.23 669.209 2230.23"
						stroke="#714075"
						strokeWidth="200"
					/>
				</g>
				<g filter="url(#filter4_f_163_6)">
					<path
						d="M2286.6 154.729C2263.51 306.702 2190.87 903.816 1899.46 1007.52C1705.38 1076.59 1621.96 1081.7 1317.96 1202.36C794.957 1348.06 781.457 1996.06 794.957 2228.06"
						stroke="#483C7B"
						strokeWidth="166"
					/>
				</g>
				<defs>
					<filter
						colorInterpolationFilters="sRGB"
						filterUnits="userSpaceOnUse"
						height="2353.66"
						id="filter0_f_163_6"
						width="2457.44"
						x="4.57764e-05"
						y="1.52588e-05"
					>
						<feFlood floodOpacity="0" result="BackgroundImageFix" />
						<feBlend
							in="SourceGraphic"
							in2="BackgroundImageFix"
							mode="normal"
							result="shape"
						/>
						<feGaussianBlur
							result="effect1_foregroundBlur_163_6"
							stdDeviation="60.65"
						/>
					</filter>
					<filter
						colorInterpolationFilters="sRGB"
						filterUnits="userSpaceOnUse"
						height="2341.65"
						id="filter1_f_163_6"
						width="2291.19"
						x="134.752"
						y="14.3603"
					>
						<feFlood floodOpacity="0" result="BackgroundImageFix" />
						<feBlend
							in="SourceGraphic"
							in2="BackgroundImageFix"
							mode="normal"
							result="shape"
						/>
						<feGaussianBlur
							result="effect1_foregroundBlur_163_6"
							stdDeviation="60.65"
						/>
					</filter>
					<filter
						colorInterpolationFilters="sRGB"
						filterUnits="userSpaceOnUse"
						height="2344.46"
						id="filter2_f_163_6"
						width="2191.32"
						x="275.296"
						y="5.53233"
					>
						<feFlood floodOpacity="0" result="BackgroundImageFix" />
						<feBlend
							in="SourceGraphic"
							in2="BackgroundImageFix"
							mode="normal"
							result="shape"
						/>
						<feGaussianBlur
							result="effect1_foregroundBlur_163_6"
							stdDeviation="60.65"
						/>
					</filter>
					<filter
						colorInterpolationFilters="sRGB"
						filterUnits="userSpaceOnUse"
						height="2339.23"
						id="filter3_f_163_6"
						width="2033.39"
						x="447.775"
						y="12.2962"
					>
						<feFlood floodOpacity="0" result="BackgroundImageFix" />
						<feBlend
							in="SourceGraphic"
							in2="BackgroundImageFix"
							mode="normal"
							result="shape"
						/>
						<feGaussianBlur
							result="effect1_foregroundBlur_163_6"
							stdDeviation="60.65"
						/>
					</filter>
					<filter
						colorInterpolationFilters="sRGB"
						filterUnits="userSpaceOnUse"
						height="2333.22"
						id="filter4_f_163_6"
						width="1902.16"
						x="587.793"
						y="20.963"
					>
						<feFlood floodOpacity="0" result="BackgroundImageFix" />
						<feBlend
							in="SourceGraphic"
							in2="BackgroundImageFix"
							mode="normal"
							result="shape"
						/>
						<feGaussianBlur
							result="effect1_foregroundBlur_163_6"
							stdDeviation="60.65"
						/>
					</filter>
				</defs>
			</svg>
		</div>
	);
};

export default backgroundFlow;