import React from 'react'

const SplashScreen = () => {
  return (
    <div className="h-screen w-screen flex items-center justify-center bg-gray-900">
        <svg xmlns="http://www.w3.org/2000/svg" width="577" height="423" viewBox="0 0 577 423" fill="none">
          <path d="M212.077 289.14C232.346 316.921 259.836 332.529 288.5 332.529C317.163 332.529 344.653 316.921 364.922 289.14" stroke="url(#paint0_linear_227_11)" strokeWidth="21" strokeLinecap="round"/>
          <path d="M104 141C124.268 168.782 151.758 184.389 180.422 184.389C209.086 184.389 236.576 168.782 256.845 141" stroke="url(#paint1_linear_227_11)" strokeWidth="21" strokeLinecap="round"/>
          <path d="M472.999 141C452.731 168.782 425.241 184.389 396.577 184.389C367.913 184.389 340.423 168.782 320.154 141" stroke="url(#paint2_linear_227_11)" strokeWidth="21" strokeLinecap="round"/>
          <path d="M287.82 11L11.0006 60.9048" stroke="url(#paint3_linear_227_11)" strokeWidth="21" strokeLinecap="round"/>
          <path d="M566 60.9053L289.18 11.0004" stroke="url(#paint4_linear_227_11)" strokeWidth="21" strokeLinecap="round"/>
          <line x1="56.5" y1="97.5" x2="56.5" y2="376.5" stroke="url(#paint5_linear_227_11)" strokeWidth="21" strokeLinecap="round"/>
          <line x1="516.5" y1="97.5" x2="516.5" y2="376.5" stroke="url(#paint6_linear_227_11)" strokeWidth="21" strokeLinecap="round"/>
          <line x1="89.5" y1="412.5" x2="488.5" y2="412.5" stroke="url(#paint7_linear_227_11)" strokeWidth="21" strokeLinecap="round"/>
          <defs>
          <linearGradient id="paint0_linear_227_11" x1="288.5" y1="289.14" x2="288.5" y2="332.529" gradientUnits="userSpaceOnUse">
          <stop stopColor="#6CD2A4"/>
          <stop offset="1" stopColor="#6BD3D5" stopOpacity="0.69"/>
          </linearGradient>
          <linearGradient id="paint1_linear_227_11" x1="180.422" y1="141" x2="180.422" y2="184.389" gradientUnits="userSpaceOnUse">
          <stop stopColor="#6CD2A4"/>
          <stop offset="1" stopColor="#6BD3D5" stopOpacity="0.69"/>
          </linearGradient>
          <linearGradient id="paint2_linear_227_11" x1="396.577" y1="141" x2="396.577" y2="184.389" gradientUnits="userSpaceOnUse">
          <stop stopColor="#6CD2A4"/>
          <stop offset="1" stopColor="#6BD3D5" stopOpacity="0.69"/>
          </linearGradient>
          <linearGradient id="paint3_linear_227_11" x1="288" y1="11.0011" x2="9.81013" y2="53.1459" gradientUnits="userSpaceOnUse">
          <stop stopColor="#6CD2A4"/>
          <stop offset="1" stopColor="#6BD3D5" stopOpacity="0.69"/>
          </linearGradient>
          <linearGradient id="paint4_linear_227_11" x1="289" y1="10.9994" x2="566" y2="60.9994" gradientUnits="userSpaceOnUse">
          <stop stopColor="#6CD2A4"/>
          <stop offset="1" stopColor="#6BD3D5" stopOpacity="0.69"/>
          </linearGradient>
          <linearGradient id="paint5_linear_227_11" x1="46" y1="183.33" x2="46.0001" y2="237" gradientUnits="userSpaceOnUse">
          <stop stopColor="#6CD2A4" stopOpacity="0.69"/>
          <stop offset="1" stopColor="#6BD3D5" stopOpacity="0.69"/>
          </linearGradient>
          <linearGradient id="paint6_linear_227_11" x1="506" y1="183.33" x2="506" y2="237" gradientUnits="userSpaceOnUse">
          <stop stopColor="#6CD2A4" stopOpacity="0.69"/>
          <stop offset="1" stopColor="#6BD3D5" stopOpacity="0.69"/>
          </linearGradient>
          <linearGradient id="paint7_linear_227_11" x1="289" y1="374" x2="289" y2="423" gradientUnits="userSpaceOnUse">
          <stop stopColor="#6CD2A4" stopOpacity="0.42"/>
          <stop offset="1" stopColor="#6BD3D5" stopOpacity="0.69"/>
          </linearGradient>
          </defs>
        </svg>    
    </div>
  )
}

export default SplashScreen