From 9bae7de79b38fe2e6265e3139bff3d2fb0485feb Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Sun, 21 Jun 2026 17:25:30 +0000 Subject: [PATCH 1/2] Bob AI: Add products page --- src/App.tsx | 2 ++ src/components/Layout.tsx | 2 ++ src/pages/ProductsPage.tsx | 64 ++++++++++++++++++++++++++++++++++++++ src/routes.ts | 1 + 4 files changed, 69 insertions(+) create mode 100644 src/pages/ProductsPage.tsx diff --git a/src/App.tsx b/src/App.tsx index 8591d72..6921b93 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -4,6 +4,7 @@ import HomePage from './pages/HomePage'; import PortfolioPage from "@/pages/PortfolioPage"; import AboutPage from "@/pages/AboutPage"; +import ProductsPage from "@/pages/ProductsPage"; export default function App() { return ( @@ -11,6 +12,7 @@ export default function App() { } /> } /> } /> + } /> ); diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index 8876bfe..23969f9 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -37,6 +37,8 @@ export default function Layout() { }, { name: "Portfolio", href: "/portfolio" }, { name: "About", href: "/about" }, + { name: "Products", href: "/products" }, + ]; diff --git a/src/pages/ProductsPage.tsx b/src/pages/ProductsPage.tsx new file mode 100644 index 0000000..778b3f1 --- /dev/null +++ b/src/pages/ProductsPage.tsx @@ -0,0 +1,64 @@ +import { routes } from "@/routes"; +import NavbarCentered from "@/components/ui/NavbarCentered"; +import HeroSplit from "@/components/sections/hero/HeroSplit"; +import FeaturesBentoGrid from "@/components/sections/features/FeaturesBentoGrid"; +import ContactCta from "@/components/sections/contact/ContactCta"; + +export default function ProductsPage() { + return ( +
+ ({ name: r.label, href: r.path }))} + ctaButton={{ text: "Connect Wallet", href: "/connect" }} + /> + +
+ + + + + +
+
+ ); +} \ No newline at end of file diff --git a/src/routes.ts b/src/routes.ts index f2db14b..75c734a 100644 --- a/src/routes.ts +++ b/src/routes.ts @@ -8,4 +8,5 @@ export const routes: Route[] = [ { path: '/', label: 'Home', pageFile: 'HomePage' }, { path: '/portfolio', label: 'Portfolio', pageFile: 'PortfolioPage' }, { path: '/about', label: 'About', pageFile: 'AboutPage' }, + { path: '/products', label: 'Products', pageFile: 'ProductsPage' }, ]; -- 2.49.1 From ec079c5596829b4edf105bbcf8f6b3f9d710c10a Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Sun, 21 Jun 2026 17:26:26 +0000 Subject: [PATCH 2/2] Bob AI: Populate src/pages/ProductsPage.tsx (snippet builder, 5 sections) --- src/pages/ProductsPage.tsx | 105 ++++++++++++++++--------------------- 1 file changed, 45 insertions(+), 60 deletions(-) diff --git a/src/pages/ProductsPage.tsx b/src/pages/ProductsPage.tsx index 778b3f1..5866f46 100644 --- a/src/pages/ProductsPage.tsx +++ b/src/pages/ProductsPage.tsx @@ -1,64 +1,49 @@ -import { routes } from "@/routes"; -import NavbarCentered from "@/components/ui/NavbarCentered"; -import HeroSplit from "@/components/sections/hero/HeroSplit"; -import FeaturesBentoGrid from "@/components/sections/features/FeaturesBentoGrid"; -import ContactCta from "@/components/sections/contact/ContactCta"; +import Button from "@/components/ui/Button"; +import TextAnimation from "@/components/ui/TextAnimation"; +import ImageOrVideo from "@/components/ui/ImageOrVideo"; +import GridOrCarousel from "@/components/ui/GridOrCarousel"; +import ScrollReveal from "@/components/ui/ScrollReveal"; +import FeaturesAlternatingSplit from "@/components/sections/features/FeaturesAlternatingSplit"; +import { cls } from "@/lib/utils"; +import { ArrowUpRight, Loader2 } from "lucide-react"; +import { useButtonClick } from "@/hooks/useButtonClick"; +import useBlogPosts from "@/hooks/useBlogPosts"; +import { Check } from "lucide-react"; export default function ProductsPage() { return ( -
- ({ name: r.label, href: r.path }))} - ctaButton={{ text: "Connect Wallet", href: "/connect" }} - /> - -
- - - - - -
-
+ <> +

Wavebreak Ecosystem

Lightning-Fast Trading

Swap tokens with minimal slippage and deep liquidity across the Solana ecosystem.

+

Concentrated Liquidity

Create custom pools and maximize capital efficiency to earn higher trading fees.

+

Portfolio Management

Track your assets, monitor yields, and manage your liquidity positions in real-time.

+

Yield Staking

Stake your tokens securely to earn passive rewards and participate in protocol governance.

+

Developer Docs

Integrate with Orca's smart contracts using our comprehensive SDKs and API guides.

+
+

Wavebreak | Tokens

Manage Assets

Portfolio Dashboard

Track your DeFi performance.

Monitor token balances, liquidity positions, and earned yields in one unified view.

+

Low Slippage

Token Swaps

Trade with lightning speed.

Execute trades instantly on Solana with minimal slippage and efficient routing.

+

Provide Liquidity

Create Liquidity Pools

Maximize capital efficiency.

Deploy concentrated liquidity pools to earn trading fees and optimize yields.

+

Earn Rewards

Asset Staking

Put your tokens to work.

Stake your assets to secure the network and earn continuous rewards.

+

Build on Orca

Developer Documentation

Integrate with our contracts.

Access comprehensive guides, API references, and SDKs to build DeFi apps.

+
+

Wavebreak | Tokens

FastTrading Execution
Lightning-fast swaps
+
Smart order routing
+
Minimal slippage
+
DeepLiquidity Pools
Concentrated liquidity
+
Permissionless creation
+
Custom fee tiers
+
EarnToken Staking
Earn ORCA rewards
+
Governance voting
+
Flexible lockups
+
24/7Portfolio Tracking
Yield analytics
+
Position management
+
Performance history
+ ); -} \ No newline at end of file +} -- 2.49.1