add logo

Author: p-nerd

Diff for: README.md

@@ -1,3 +1,3 @@
 # flow
 
-A powerful yet intuitive personal finance management platform that puts you in control of your money.
+A powerful yet intuitive personal finance management platform that puts you in control of your money with Laravel & React

Diff for: resources/js/components/app-logo-icon.tsx

@@ -1,13 +1,31 @@
-import { SVGAttributes } from 'react';
+import type { SVGAttributes } from 'react';
 
 export default function AppLogoIcon(props: SVGAttributes<SVGElement>) {
     return (
-        <svg {...props} viewBox="0 0 40 42" xmlns="http://www.w3.org/2000/svg">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300" {...props}>
+            <rect x={10} y={10} width={280} height={280} rx={30} ry={30} fill="#2c3e50" />
+            <circle cx={150} cy={150} r={110} fill="#3498db" />
+            <circle cx={150} cy={150} r={80} fill="#1abc9c" />
             <path
-                fillRule="evenodd"
-                clipRule="evenodd"
-                d="M17.2 5.63325L8.6 0.855469L0 5.63325V32.1434L16.2 41.1434L32.4 32.1434V23.699L40 19.4767V9.85547L31.4 5.07769L22.8 9.85547V18.2999L17.2 21.411V5.63325ZM38 18.2999L32.4 21.411V15.2545L38 12.1434V18.2999ZM36.9409 10.4439L31.4 13.5221L25.8591 10.4439L31.4 7.36561L36.9409 10.4439ZM24.8 18.2999V12.1434L30.4 15.2545V21.411L24.8 18.2999ZM23.8 20.0323L29.3409 23.1105L16.2 30.411L10.6591 27.3328L23.8 20.0323ZM7.6 27.9212L15.2 32.1434V38.2999L2 30.9666V7.92116L7.6 11.0323V27.9212ZM8.6 9.29991L3.05913 6.22165L8.6 3.14339L14.1409 6.22165L8.6 9.29991ZM30.4 24.8101L17.2 32.1434V38.2999L30.4 30.9666V24.8101ZM9.6 11.0323L15.2 7.92117V22.5221L9.6 25.6333V11.0323Z"
+                d="M90,190 L150,130 L210,190"
+                fill="none"
+                stroke="white"
+                strokeWidth={16}
+                strokeLinecap="round"
+                strokeLinejoin="round"
             />
+            <path
+                d="M150,190 L150,80"
+                fill="none"
+                stroke="white"
+                strokeWidth={16}
+                strokeLinecap="round"
+            />
+            <circle cx={150} cy={80} r={16} fill="white" />
+            <circle cx={90} cy={190} r={12} fill="white" />
+            <circle cx={210} cy={190} r={12} fill="white" />
+            <circle cx={120} cy={120} r={10} fill="white" opacity="0.5" />
+            <circle cx={110} cy={110} r={5} fill="white" opacity="0.7" />
         </svg>
     );
 }

Diff for: resources/js/components/app-logo.tsx

@@ -7,9 +7,7 @@ export default function AppLogo() {
                 <AppLogoIcon className="size-5 fill-current text-white dark:text-black" />
             </div>
             <div className="ml-1 grid flex-1 text-left text-sm">
-                <span className="mb-0.5 truncate leading-none font-semibold">
-                    Laravel Starter Kit
-                </span>
+                <span className="mb-0.5 truncate leading-none font-semibold">Flow</span>
             </div>
         </>
     );