Update src/App.jsx

src/App.jsx

@@ -1,32 +1,28 @@
 import { useState } from 'react'
+import reactLogo from './assets/react.svg'
+import './App.css'
 
 function App() {
   const [count, setCount] = useState(0)
 
   return (
-    <div style={{ padding: '20px', textAlign: 'center' }}>
-      <h1>Welcome to Your React App</h1>
-      <p>Edit <code>src/App.jsx</code> and save to reload.</p>
-      
-      <div style={{ marginTop: '20px' }}>
-        <button 
-          onClick={() => setCount((count) => count + 1)}
-          style={{
-            padding: '10px 20px',
-            fontSize: '16px',
-            backgroundColor: '#007bff',
-            color: 'white',
-            border: 'none',
-            borderRadius: '5px',
-            cursor: 'pointer'
-          }}
-        >
-          Count is: {count}
+    <div className="App">
+      <div>
+        <a href="https://reactjs.org" target="_blank">
+          <img src={reactLogo} className="logo react" alt="React logo" />
+        </a>
+      </div>
+      <h1>Vite + React</h1>
+      <div className="card">
+        <button onClick={() => setCount((count) => count + 1)}>
+          count is {count}
         </button>
+        <p>
+          Edit <code>src/App.jsx</code> and save to test HMR
+        </p>
       </div>
-      
-      <p style={{ marginTop: '20px', color: '#666' }}>
-        Click the button to test React state management
+      <p className="read-the-docs">
+        Click on the Vite and React logos to learn more
       </p>
     </div>
   )