Add Farcaster mini app manifest and metadata

plagtech · plagtech · commit bc0e1ddc794b · 2025-10-21T19:32:26.000-07:00
diff --git a/.well-known/farcaster.json b/.well-known/farcaster.json
@@ -0,0 +1,26 @@
+{
+  "accountAssociation": {
+    "header": "",
+    "payload": "",
+    "signature": ""
+  },
+  "frame": {
+    "version": "1",
+    "name": "MangoSwap",
+    "subtitle": "Automated Trading on Base",
+    "description": "A secure automated trading platform on Base that enables instant swaps, scheduled swaps, and limit orders. Features include time-based execution, price-triggered orders, and multi-DEX routing with enhanced security.",
+    "iconUrl": "https://mangoswap.xyz/icon.png",
+    "splashImageUrl": "https://mangoswap.xyz/splash.png",
+    "splashBackgroundColor": "#f18435",
+    "imageUrl": "https://mangoswap.xyz/preview.png",
+    "screenshotUrls": [
+      "https://mangoswap.xyz/screenshots/limit-order.png",
+      "https://mangoswap.xyz/screenshots/limit-order-details.png",
+      "https://mangoswap.xyz/screenshots/instant-swap.png",
+      "https://mangoswap.xyz/screenshots/swap-rates.png"
+    ],
+    "homeUrl": "https://mangoswap.xyz",
+    "primaryCategory": "defi",
+    "tags": ["defi", "swap", "dex", "trading", "automation", "limit-orders", "base"]
+  }
+}
diff --git a/index.html b/index.html
@@ -7,6 +7,19 @@
     <link rel="icon" type="image/png" href="mango-logo.png">
     <script src="https://cdn.jsdelivr.net/npm/ethers@5.7.2/dist/ethers.umd.min.js"></script>
     <script src="https://cdn.tailwindcss.com"></script>
+<!-- Farcaster Frame Metadata -->
+  <meta property="fc:frame" content='{"version":"1","imageUrl":"https://mangoswap.xyz/preview.png","button":{"title":"Launch MangoSwap","action":{"type":"launch_frame","name":"MangoSwap","url":"https://mangoswap.xyz","splashImageUrl":"https://mangoswap.xyz/splash.png","splashBackgroundColor":"#f18435"}}}' />
+  
+  <!-- Open Graph Metadata -->
+  <meta property="og:title" content="MangoSwap" />
+  <meta property="og:description" content="Automated Trading on Base - Instant swaps, scheduled swaps, and limit orders" />
+  <meta property="og:image" content="https://mangoswap.xyz/preview.png" />
+  
+  <!-- Twitter Card Metadata -->
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:title" content="MangoSwap" />
+  <meta name="twitter:description" content="Automated Trading on Base" />
+  <meta name="twitter:image" content="https://mangoswap.xyz/preview.png" />
 </head>
 <body class="bg-gradient-to-br from-orange-100 via-yellow-50 to-green-100 min-h-screen transition-colors duration-300">
     <div class="container mx-auto px-4 py-4 max-w-3xl">
