chore: Remove QR sharing section from preview

Author: Mishra-coder

frontend/src/Preview.jsx

@@ -99,27 +99,6 @@ export default function Preview() {
             <div className="home-bar" />
           </div>
         </div>
-
-        <motion.div 
-          className="qr-section"
-          initial={{ opacity: 0, y: 20 }}
-          animate={{ opacity: 1, y: 0 }}
-          transition={{ delay: 1, duration: 0.5 }}
-        >
-          <div className="qr-text">
-            <h3>Experience on Mobile</h3>
-            <p>Scan to see the real Zappify app on your phone</p>
-          </div>
-          <div className="qr-code-wrapper">
-             <img src={`https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=${encodeURIComponent(window.location.origin)}`} alt="QR Code" />
-          </div>
-          <button className="share-btn" onClick={() => {
-            navigator.clipboard.writeText(window.location.origin);
-            alert("Link copied! Share it with anyone.");
-          }}>
-            Copy App Link
-          </button>
-        </motion.div>
       </div>
     </div>
   );

frontend/src/index.css

@@ -1510,59 +1510,4 @@ ul {
   margin-bottom: 20px;
 }
 
-.qr-section {
-  margin-top: 40px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  gap: 15px;
-  background: rgba(255, 255, 255, 0.05);
-  padding: 24px;
-  border-radius: 24px;
-  border: 1px solid rgba(255, 255, 255, 0.1);
-  backdrop-filter: blur(10px);
-}
-
-.qr-code-wrapper {
-  background: white;
-  padding: 12px;
-  border-radius: 16px;
-  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
-}
-
-.qr-code-wrapper img {
-  display: block;
-}
-
-.qr-text {
-  color: #fff;
-  text-align: center;
-}
-
-.qr-text h3 {
-  margin: 0;
-  font-size: 18px;
-  font-weight: 700;
-}
-
-.qr-text p {
-  margin: 5px 0 0;
-  font-size: 13px;
-  opacity: 0.6;
-}
 
-.share-btn {
-  margin-top: 10px;
-  background: var(--brand-red);
-  color: white;
-  border: none;
-  padding: 10px 20px;
-  border-radius: 12px;
-  font-weight: 600;
-  cursor: pointer;
-  transition: transform 0.2s;
-}
-
-.share-btn:hover {
-  transform: scale(1.05);
-}