From 94ce8459557f94af3310b0b19857251530173168 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 21 Jun 2026 17:34:38 +0000
Subject: [PATCH 1/2] Update src/pages/PortfolioPage.tsx

---
 src/pages/PortfolioPage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/PortfolioPage.tsx b/src/pages/PortfolioPage.tsx
index e487230..bc03a69 100644
--- a/src/pages/PortfolioPage.tsx
+++ b/src/pages/PortfolioPage.tsx
@@ -14,7 +14,7 @@ export default function PortfolioPage() {
 <div key="0.00%" className="flex flex-col justify-between gap-6 p-6 md:p-10 min-h-60 md:min-h-70 2xl:min-h-80 h-full card rounded"><span className="text-9xl md:text-8xl font-semibold leading-none truncate">0.00%</span><p className="text-base leading-snug text-balance">Average APY</p></div>
 <div key="0" className="flex flex-col justify-between gap-6 p-6 md:p-10 min-h-60 md:min-h-70 2xl:min-h-80 h-full card rounded"><span className="text-9xl md:text-8xl font-semibold leading-none truncate">0</span><p className="text-base leading-snug text-balance">Active Pools</p></div></GridOrCarousel></ScrollReveal></div></section></div>
       <div data-webild-section="FeaturesMediaCards"><section aria-label="Features section" className="py-20"><div className="flex flex-col gap-8 md:gap-10"><div className="flex flex-col items-center w-content-width mx-auto gap-2"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>Your Portfolio</p></div><TextAnimation text="Track Your Yields and Assets" variant="fade" gradientText={true} tag="h2" className="md:max-w-8/10 text-6xl 2xl:text-7xl leading-[1.15] font-semibold text-center text-balance" /><TextAnimation text="Monitor your liquidity positions, track earned fees, and manage your assets across all Orca pools in one unified dashboard." variant="fade" gradientText={false} tag="p" className="md:max-w-7/10 text-lg md:text-xl leading-snug text-center text-balance" /><div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3"><Button text="Connect Wallet" href="#connect" variant="primary" /><Button text="Explore Pools" href="/liquidity-pools" variant="secondary" animationDelay={0.1} /></div></div><ScrollReveal variant="fade"><GridOrCarousel><div key="Real-Time Analytics" className="flex flex-col gap-3 xl:gap-3.5 2xl:gap-4 p-3 xl:p-3.5 2xl:p-4 h-full card rounded"><div className="aspect-square rounded overflow-hidden button-secondary shadow shadow-foreground/5"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/financial-stock-market-graph-chart-background_53876-104930.jpg" /></div><div className="flex flex-col gap-1 p-3 xl:p-3.5 2xl:p-4"><h3 className="text-2xl font-semibold leading-snug">Real-Time Analytics</h3><p className="text-base leading-snug">View live performance metrics, including APY, TVL, and accumulated fees for your active positions.</p></div></div>
-<div key="Position Management" className="flex flex-col gap-3 xl:gap-3.5 2xl:gap-4 p-3 xl:p-3.5 2xl:p-4 h-full card rounded"><div className="aspect-square rounded overflow-hidden button-secondary shadow shadow-foreground/5"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/cryptocurrency-coding-digital-black-background-open-source-blockchain-concept_53876-124640.jpg" /></div><div className="flex flex-col gap-1 p-3 xl:p-3.5 2xl:p-4"><h3 className="text-2xl font-semibold leading-snug">Position Management</h3><p className="text-base leading-snug">Easily adjust your price ranges, add or remove liquidity, and harvest your earned rewards.</p></div></div>
+<div key="Position Management" className="flex flex-col gap-3 xl:gap-3.5 2xl:gap-4 p-3 xl:p-3.5 2xl:p-4 h-full card rounded"><div className="aspect-square rounded overflow-hidden button-secondary shadow shadow-foreground/5"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/cryptocurrency-coding-digital-black-background-open-source-blockchain-concept_53876-124640.jpg?_wi=1" /></div><div className="flex flex-col gap-1 p-3 xl:p-3.5 2xl:p-4"><h3 className="text-2xl font-semibold leading-snug">Position Management</h3><p className="text-base leading-snug">Easily adjust your price ranges, add or remove liquidity, and harvest your earned rewards.</p></div></div>
 <div key="Capital Efficiency" className="flex flex-col gap-3 xl:gap-3.5 2xl:gap-4 p-3 xl:p-3.5 2xl:p-4 h-full card rounded"><div className="aspect-square rounded overflow-hidden button-secondary shadow shadow-foreground/5"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/business-finance-data-analytics-graph-chart-concept_53876-124615.jpg" /></div><div className="flex flex-col gap-1 p-3 xl:p-3.5 2xl:p-4"><h3 className="text-2xl font-semibold leading-snug">Capital Efficiency</h3><p className="text-base leading-snug">Analyze your concentrated liquidity performance to ensure your capital is maximizing returns.</p></div></div></GridOrCarousel></ScrollReveal></div></section></div>
     </>
   );
-- 
2.49.1


From aecdb5509437817006090058c5ff23318547a5cd Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 21 Jun 2026 17:34:38 +0000
Subject: [PATCH 2/2] Update src/pages/ProductsPage.tsx

---
 src/pages/ProductsPage.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/ProductsPage.tsx b/src/pages/ProductsPage.tsx
index 5866f46..2cebd2c 100644
--- a/src/pages/ProductsPage.tsx
+++ b/src/pages/ProductsPage.tsx
@@ -27,7 +27,7 @@ export default function ProductsPage() {
         items={[{"title":"Lightning-Fast Trading","description":"Swap tokens on Solana with minimal slippage and ultra-low fees using our smart router.","primaryButton":{"text":"Trade Now","href":"/trade"},"imageSrc":"https://img.freepik.com/free-vector/cryptocurrency-trading-concept-illustration_114360-4717.jpg"},{"title":"Capital-Efficient Pools","description":"Create concentrated liquidity pools to maximize your yield and earn deeper rewards with less capital.","primaryButton":{"text":"Create Pool","href":"/pools/create"},"imageSrc":"https://img.freepik.com/free-vector/digital-currency-concept-illustration_114360-4668.jpg"},{"title":"Track Your Portfolio","description":"Monitor your positions, track accumulated fees, and manage your liquidity across all Orca pools.","primaryButton":{"text":"View Portfolio","href":"/portfolio"},"imageSrc":"https://img.freepik.com/free-vector/dashboard-concept-illustration_114360-4122.jpg"},{"title":"Stake & Earn","description":"Lock your tokens to participate in governance and earn protocol emissions while securing the network.","primaryButton":{"text":"Start Staking","href":"/staking"},"imageSrc":"https://img.freepik.com/free-vector/bitcoin-mining-concept-illustration_114360-4357.jpg"},{"title":"Developer Documentation","description":"Build the next generation of DeFi on Solana with our comprehensive SDKs and API references.","primaryButton":{"text":"Read Docs","href":"/docs"},"imageSrc":"https://img.freepik.com/free-vector/programming-concept-illustration_114360-1351.jpg"}]}
       /></div>
       <div data-webild-section="FeaturesDetailedSteps"><section aria-label="Features detailed steps section" className="py-20"><div className="flex flex-col gap-8 md:gap-10"><div className="flex flex-col items-center w-content-width mx-auto gap-2"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>Wavebreak | Tokens</p></div><TextAnimation text="Explore the Orca Ecosystem" variant="fade" gradientText={true} tag="h2" className="md:max-w-8/10 text-6xl 2xl:text-7xl leading-[1.15] font-semibold text-center text-balance" /><TextAnimation text="Discover our suite of high-performance DeFi products designed for traders and liquidity providers on Solana." variant="fade" gradientText={false} tag="p" className="md:max-w-7/10 text-lg md:text-xl leading-snug text-center text-balance" /><div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3"><Button text="Start Trading" href="/trade" variant="primary" /><Button text="View Documentation" href="/docs" variant="secondary" animationDelay={0.1} /></div></div><div className="flex flex-col w-content-width mx-auto gap-5"><ScrollReveal variant="fade" key="Portfolio Dashboard" className="flex flex-col md:flex-row justify-between 2xl:w-8/10 mx-auto gap-6 p-6 md:p-10 card rounded overflow-hidden"><div className="flex flex-col justify-between w-full md:w-1/2"><div className="flex flex-col gap-2"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>Manage Assets</p></div><h3 className="text-7xl md:text-8xl font-semibold leading-[1.15] text-balance">Portfolio Dashboard</h3></div><div className="block md:hidden w-full h-px my-5 bg-accent/20" /><div className="flex flex-col gap-2"><h4 className="text-2xl md:text-3xl font-semibold leading-snug text-balance">Track your DeFi performance.</h4><p className="text-base md:text-lg leading-snug text-balance">Monitor token balances, liquidity positions, and earned yields in one unified view.</p></div></div><div className="flex flex-col w-full md:w-35/100 gap-10"><span className="hidden md:block self-end text-7xl md:text-8xl font-semibold text-accent"></span><div className="aspect-square rounded overflow-hidden -rotate-3"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/digital-currency-concept-with-tablet_23-2149161033.jpg" /></div></div></ScrollReveal>
-<ScrollReveal variant="fade" key="Token Swaps" className="flex flex-col md:flex-row justify-between 2xl:w-8/10 mx-auto gap-6 p-6 md:p-10 card rounded overflow-hidden"><div className="flex flex-col justify-between w-full md:w-1/2"><div className="flex flex-col gap-2"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>Low Slippage</p></div><h3 className="text-7xl md:text-8xl font-semibold leading-[1.15] text-balance">Token Swaps</h3></div><div className="block md:hidden w-full h-px my-5 bg-accent/20" /><div className="flex flex-col gap-2"><h4 className="text-2xl md:text-3xl font-semibold leading-snug text-balance">Trade with lightning speed.</h4><p className="text-base md:text-lg leading-snug text-balance">Execute trades instantly on Solana with minimal slippage and efficient routing.</p></div></div><div className="flex flex-col w-full md:w-35/100 gap-10"><span className="hidden md:block self-end text-7xl md:text-8xl font-semibold text-accent"></span><div className="aspect-square rounded overflow-hidden -rotate-3"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/cryptocurrency-coding-digital-black-background-open-source-blockchain-concept_53876-124640.jpg" /></div></div></ScrollReveal>
+<ScrollReveal variant="fade" key="Token Swaps" className="flex flex-col md:flex-row justify-between 2xl:w-8/10 mx-auto gap-6 p-6 md:p-10 card rounded overflow-hidden"><div className="flex flex-col justify-between w-full md:w-1/2"><div className="flex flex-col gap-2"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>Low Slippage</p></div><h3 className="text-7xl md:text-8xl font-semibold leading-[1.15] text-balance">Token Swaps</h3></div><div className="block md:hidden w-full h-px my-5 bg-accent/20" /><div className="flex flex-col gap-2"><h4 className="text-2xl md:text-3xl font-semibold leading-snug text-balance">Trade with lightning speed.</h4><p className="text-base md:text-lg leading-snug text-balance">Execute trades instantly on Solana with minimal slippage and efficient routing.</p></div></div><div className="flex flex-col w-full md:w-35/100 gap-10"><span className="hidden md:block self-end text-7xl md:text-8xl font-semibold text-accent"></span><div className="aspect-square rounded overflow-hidden -rotate-3"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/cryptocurrency-coding-digital-black-background-open-source-blockchain-concept_53876-124640.jpg?_wi=2" /></div></div></ScrollReveal>
 <ScrollReveal variant="fade" key="Create Liquidity Pools" className="flex flex-col md:flex-row justify-between 2xl:w-8/10 mx-auto gap-6 p-6 md:p-10 card rounded overflow-hidden"><div className="flex flex-col justify-between w-full md:w-1/2"><div className="flex flex-col gap-2"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>Provide Liquidity</p></div><h3 className="text-7xl md:text-8xl font-semibold leading-[1.15] text-balance">Create Liquidity Pools</h3></div><div className="block md:hidden w-full h-px my-5 bg-accent/20" /><div className="flex flex-col gap-2"><h4 className="text-2xl md:text-3xl font-semibold leading-snug text-balance">Maximize capital efficiency.</h4><p className="text-base md:text-lg leading-snug text-balance">Deploy concentrated liquidity pools to earn trading fees and optimize yields.</p></div></div><div className="flex flex-col w-full md:w-35/100 gap-10"><span className="hidden md:block self-end text-7xl md:text-8xl font-semibold text-accent"></span><div className="aspect-square rounded overflow-hidden -rotate-3"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/business-data-analysis-graphs_53876-133902.jpg" /></div></div></ScrollReveal>
 <ScrollReveal variant="fade" key="Asset Staking" className="flex flex-col md:flex-row justify-between 2xl:w-8/10 mx-auto gap-6 p-6 md:p-10 card rounded overflow-hidden"><div className="flex flex-col justify-between w-full md:w-1/2"><div className="flex flex-col gap-2"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>Earn Rewards</p></div><h3 className="text-7xl md:text-8xl font-semibold leading-[1.15] text-balance">Asset Staking</h3></div><div className="block md:hidden w-full h-px my-5 bg-accent/20" /><div className="flex flex-col gap-2"><h4 className="text-2xl md:text-3xl font-semibold leading-snug text-balance">Put your tokens to work.</h4><p className="text-base md:text-lg leading-snug text-balance">Stake your assets to secure the network and earn continuous rewards.</p></div></div><div className="flex flex-col w-full md:w-35/100 gap-10"><span className="hidden md:block self-end text-7xl md:text-8xl font-semibold text-accent"></span><div className="aspect-square rounded overflow-hidden -rotate-3"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/golden-bitcoin-coins-with-growth-graph_1232-3151.jpg" /></div></div></ScrollReveal>
 <ScrollReveal variant="fade" key="Developer Documentation" className="flex flex-col md:flex-row justify-between 2xl:w-8/10 mx-auto gap-6 p-6 md:p-10 card rounded overflow-hidden"><div className="flex flex-col justify-between w-full md:w-1/2"><div className="flex flex-col gap-2"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>Build on Orca</p></div><h3 className="text-7xl md:text-8xl font-semibold leading-[1.15] text-balance">Developer Documentation</h3></div><div className="block md:hidden w-full h-px my-5 bg-accent/20" /><div className="flex flex-col gap-2"><h4 className="text-2xl md:text-3xl font-semibold leading-snug text-balance">Integrate with our contracts.</h4><p className="text-base md:text-lg leading-snug text-balance">Access comprehensive guides, API references, and SDKs to build DeFi apps.</p></div></div><div className="flex flex-col w-full md:w-35/100 gap-10"><span className="hidden md:block self-end text-7xl md:text-8xl font-semibold text-accent"></span><div className="aspect-square rounded overflow-hidden -rotate-3"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/programming-background-with-person-working-with-codes-computer_23-2150010125.jpg" /></div></div></ScrollReveal></div></div></section></div>
-- 
2.49.1