<svg viewBox="0 0 500 100" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="gradient1" x1="0%" y1="0%" x2="100%" y2="0%">
<stop offset="0%" style="stop-color:#ff0000; stop-opacity:1" />
<stop offset="100%" style="stop-color:#0000ff; stop-opacity:1" />
</linearGradient>
</defs>
<text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle"
fill="none" stroke="url(#gradient1)" stroke-width="2"
font-size="48" font-family="Arial" font-weight="normal"
stroke-dasharray="500" stroke-dashoffset="500">
B U i D T E C H . c o m
<animate attributeName="stroke-dashoffset" from="500" to="0" dur="3s" fill="freeze" />
</text>
</svg>