vafront/src/Pages/HomePage.jsx

import React from "react";

function HomePage() {
    return (
        <div className="flex flex-col gap-10 items-center justify-center w-full h-full opacity-80">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 820.615 714.558" className="w-[50%] h-[50%]">
                <path d="M519.033 169.224h-3.912V62.037A62.037 62.037 0 0 0 453.084 0h-227.09a62.037 62.037 0 0 0-62.037 62.037v588.035a62.037 62.037 0 0 0 62.037 62.036h227.09a62.037 62.037 0 0 0 62.037-62.036V245.52h3.912Z" fill="#3f3d56" />
                <path fill="#3f3d56" d="M.244 682.871h718v2h-718z" />
                <path d="M455.587 16.14h-29.643a22.01 22.01 0 0 1-20.378 30.323H275.469A22.01 22.01 0 0 1 255.09 16.14h-27.686a46.33 46.33 0 0 0-46.329 46.328V649.64a46.33 46.33 0 0 0 46.329 46.329h228.183a46.33 46.33 0 0 0 46.328-46.329V62.468a46.33 46.33 0 0 0-46.328-46.328" opacity={0.2} />
                <path d="m71.563 684.765-1.074-.402c-.236-.09-23.708-9.082-34.704-29.474s-5.612-44.945-5.556-45.19l.253-1.118 1.073.402c.236.089 23.708 9.082 34.704 29.474s5.612 44.945 5.556 45.19ZM37.546 653.94c9.296 17.241 27.845 26.079 32.545 28.097.893-5.037 3.696-25.407-5.592-42.631-9.288-17.223-27.844-26.074-32.545-28.097-.894 5.04-3.696 25.407 5.592 42.63" fill="#3f3d56" />
                <path d="M44.188 647.736c19.76 11.889 27.371 35.503 27.371 35.503s-24.427 4.339-44.188-7.55S0 640.186 0 640.186s24.428-4.339 44.188 7.55m194.479-417.849h43.962v10.583h-43.962zm180.731 0h15.468v10.583h-15.468zm30.936 0h15.468v10.583h-15.468zm-152.237 0h105.019v10.583H298.097zm65.942 68.385h15.468v10.583h-15.468zm30.936 0h15.468v10.583h-15.468zm-152.237 0h105.019v10.583H242.738zm122.115-44.776h43.962v10.583h-43.962zm59.43 0h43.962v10.583h-43.962zm-210.039 0h15.468v10.583h-15.468zm30.936 0h105.019v10.583H245.18zm72.454 33.378h-43.962v-10.583h43.962zm-59.429 0h-43.962v-10.583h43.962zm210.04 0h-15.468v-10.583h15.468zm-30.937 0H332.289v-10.583h105.019z" fill="#285c7c" />
                <circle cx={341.495} cy={453.871} r={40} fill="#285c7c" />
                <path d="M599.414 217.483c-11.607-19.612-34.57-20.526-34.57-20.526s-22.377-2.861-36.731 27.008c-13.38 27.841-31.845 54.722-2.973 61.24l5.215-16.232 3.23 17.44a113 113 0 0 0 12.353.21c30.92-.997 60.366.293 59.418-10.802-1.26-14.75 5.226-39.467-5.942-58.338" fill="#2f2e41" />
                <path d="M557.615 254.417s15 21 6 38 21 35 21 35l22-48s-26-17-19-33Z" fill="#fbbebe" />
                <circle cx={567.615} cy={237.417} r={26} fill="#fbbebe" />
                <path d="m477.635 267.473 21.728-28.034s7.65-29.384 18.732-27.895-4.377 35.24-4.377 35.24l-21.59 31.03Zm109.98 372.944 7 37 15 4-4-44zm151-40 27 37 11 5 9-15-27-35z" fill="#fbbebe" />
                <path d="m581.615 311.417-16.681-21.96s-32.32 5.96-35.32 8.96 8 58 8 58 2 15 11 23l9 6 74-15 2.783-32.926a86.4 86.4 0 0 0-22.782-66.074l-12.876 1.76Z" fill="#575a89" />
                <path d="m533.615 300.417-5-2-23-2s-8-2-6-6 4-5 0-6-5-2-4-5 7-9 7-9l-17-14s-.92.651-2.408 1.855c-8.44 6.834-35.147 31.49-15.592 56.145 23 29 50 46 72 40Z" fill="#575a89" />
                <path d="M555.615 380.417v14s-9 17-6 33 4 24 4 24a136.5 136.5 0 0 0 7 40c7 20-16 151 13 153s45 4 54-6-15-182-15-182 82 171 99 164 60-23 55-32-131-209-131-209l-4-9Zm48 290s-16-1-16 4-8 22-8 22-6 20 10 18 26-20 26-20l-4-19Zm167-35s-14-9-13-3 2 22 9 23 28 7 29 9 25 10 25-3-15-23-15-23l-17-13s-11-1-13 6-5 4-5 4" fill="#2f2e41" />
                <circle cx={567.654} cy={197.057} r={16.604} fill="#2f2e41" />
                <path d="M549.303 192.687a16.604 16.604 0 0 1 14.856-16.51 16.604 16.604 0 1 0 0 33.02 16.604 16.604 0 0 1-14.856-16.51" fill="#2f2e41" />
                <path fill="#2f2e41" d="m594.282 215.593-22.686-11.884-31.33 4.862-6.481 28.628 16.135-.62 4.508-10.518v10.344l7.445-.286 4.321-16.745 2.701 17.825 26.468-.54z" />
                <path d="m592.924 382.734-34.987.946s-29.854 5.809-28.18-6.24 30.8-7.836 30.8-7.836l31.88-4.863Z" fill="#fbbebe" />
                <path d="M620.606 269.722a7.47 7.47 0 0 1 8.236 5.128c6.85 21.584 27.95 93.814 6.985 103.723-24.693 11.672-42.714 11.158-42.714 11.158l-9.645-23.748 8.78-8.24 9.375-60.275 4.492-25.55Z" fill="#575a89" />
                <path opacity={0.4} d="m614.115 309.917-4 40-35 15 39-9z" />
            </svg>
            <p className="text-primary-700 text-4xl">Hi, Voice Assist is here to help.</p>
        </div>
    );
}

export default HomePage;