diff --git a/.well-known/farcaster.json b/.well-known/farcaster.json
new file mode 100644
index 00000000..2ec3baff
--- /dev/null
+++ b/.well-known/farcaster.json
@@ -0,0 +1,19 @@
+{
+ "accountAssociation": {
+ "header": "TODO:Signed Association Here",
+ "payload": "TODO:Signed Association Here",
+ "signature": "TODO:Signed Association Here"
+ },
+ "frame": {
+ "version": "1",
+ "name": "LlamaSwap",
+ "iconUrl": "https://swap.defillama.com/icon.png",
+ "homeUrl": "https://swap.defillama.com",
+ "imageUrl": "https://swap.defillama.com/loader.png",
+ "buttonTitle": "Open LlamaSwap",
+ "splashImageUrl": "https://swap.defillama.com/loader-200x200.png",
+ "splashBackgroundColor": "#22242A",
+ "webhookUrl": "",
+ "primaryCategory": "finance"
+ }
+}
diff --git a/package.json b/package.json
index 05ca8a0c..ad7f0f72 100644
--- a/package.json
+++ b/package.json
@@ -19,6 +19,7 @@
"@defillama/sdk": "^3.0.25",
"@emotion/react": "^11",
"@emotion/styled": "^11",
+ "@farcaster/frame-sdk": "^0.0.64",
"@rainbow-me/rainbowkit": "^2.2.8",
"@tanstack/react-query": "5.55.4",
"@tanstack/react-virtual": "^3.0.0-beta.36",
diff --git a/public/farcaster-miniapp-cover.png b/public/farcaster-miniapp-cover.png
new file mode 100644
index 00000000..b6ebc383
Binary files /dev/null and b/public/farcaster-miniapp-cover.png differ
diff --git a/public/loader-200x200.png b/public/loader-200x200.png
new file mode 100644
index 00000000..cf591292
Binary files /dev/null and b/public/loader-200x200.png differ
diff --git a/src/layout/index.tsx b/src/layout/index.tsx
index 2332e17f..1d510e44 100644
--- a/src/layout/index.tsx
+++ b/src/layout/index.tsx
@@ -46,6 +46,8 @@ export default function Layout({ title, children, ...props }: ILayoutProps) {
<>
{title}
+
+
diff --git a/src/pages/_app.js b/src/pages/_app.js
index 867e1ca2..7d83b33c 100644
--- a/src/pages/_app.js
+++ b/src/pages/_app.js
@@ -7,6 +7,7 @@ import { darkTheme, RainbowKitProvider } from '@rainbow-me/rainbowkit';
import '@rainbow-me/rainbowkit/styles.css';
import '~/Theme/globals.css';
import { config } from '~/components/WalletProvider';
+import sdk from '@farcaster/frame-sdk';
const Provider = styled.div`
width: 100%;
@@ -22,6 +23,8 @@ function App({ Component, pageProps }) {
React.useEffect(() => {
setIsMounted(true);
+ sdk.actions.ready();//exit mini app loader screen and display interface
+
}, []);
return (