From 5d9a520107deb2d7629026b4ab99e6cfc8408717 Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Sat, 27 Jun 2026 20:02:17 +0000 Subject: [PATCH 1/2] Bob AI: Add products page --- src/App.tsx | 2 ++ src/components/Layout.tsx | 4 ++- src/pages/ProductsPage.tsx | 71 ++++++++++++++++++++++++++++++++++++++ src/routes.ts | 1 + 4 files changed, 77 insertions(+), 1 deletion(-) create mode 100644 src/pages/ProductsPage.tsx diff --git a/src/App.tsx b/src/App.tsx index 33d15f9..c9c6d8e 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -2,11 +2,13 @@ import { Routes, Route } from 'react-router-dom'; import Layout from './components/Layout'; import HomePage from './pages/HomePage'; +import ProductsPage from "@/pages/ProductsPage"; export default function App() { return ( }> } /> + } /> ); diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index 833b65f..f995033 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -34,7 +34,9 @@ export default function Layout() { { "name": "Metrics", "href": "#metrics" - } + }, + { name: "Products", href: "/products" }, + ]; return ( diff --git a/src/pages/ProductsPage.tsx b/src/pages/ProductsPage.tsx new file mode 100644 index 0000000..1d4a2ce --- /dev/null +++ b/src/pages/ProductsPage.tsx @@ -0,0 +1,71 @@ +import { routes } from "@/routes"; +import NavbarCentered from "@/components/ui/NavbarCentered"; +import HeroBillboard from "@/components/sections/hero/HeroBillboard"; +import FeaturesTaggedCards from "@/components/sections/features/FeaturesTaggedCards"; +import FooterSimple from "@/components/sections/footer/FooterSimple"; + +export default function ProductsPage() { + const productItems = [ + { tag: "Everyday", title: "Checking", description: "Flexible accounts designed for your daily transactions and easy access." }, + { tag: "Growth", title: "Savings", description: "Build your financial safety net with our competitive interest rates." }, + { tag: "Retirement", title: "CDs & IRA", description: "Secure, long-term savings options to help you plan for the future." }, + { tag: "Access", title: "Digital Banking", description: "Manage your money 24/7 from your computer or mobile device." }, + { tag: "Borrowing", title: "Lending", description: "Personal and auto loans tailored to fit your specific financial needs." }, + { tag: "Real Estate", title: "Mortgage & Home", description: "Financing solutions to help you buy, build, or refinance your home." }, + { tag: "Spending", title: "Credit Card", description: "Enhance your purchasing power while earning valuable rewards." }, + { tag: "Wealth", title: "Investing", description: "Professional guidance and tools to help you grow your portfolio." }, + { tag: "Extras", title: "Related Services", description: "Wire transfers, safe deposit boxes, notary services, and more." }, + { tag: "Help", title: "OLB Guides & Videos", description: "Step-by-step tutorials to master our online banking platform." }, + { tag: "Education", title: "Home Lending Resources", description: "Calculators and articles to guide you through the mortgage process." }, + { tag: "Payment", title: "Debit Card", description: "Secure and convenient access to your checking account funds worldwide." }, + { tag: "Family", title: "Greenlight®", description: "The smart debit card and money app designed specifically for kids and teens." }, + { tag: "Switching", title: "ClickSWITCH®", description: "The fastest and safest way to move your direct deposits and automatic payments." }, + { tag: "Onboarding", title: "Online Account Opening", description: "Start your journey with us by opening a new account in just a few minutes." } + ]; + + return ( +
+ ({ name: r.label, href: r.path }))} + ctaButton={{ text: "Open Account", href: "/open" }} + /> + +
+ + + +
+ + +
+ ); +} \ No newline at end of file diff --git a/src/routes.ts b/src/routes.ts index 362ecb5..93d7fae 100644 --- a/src/routes.ts +++ b/src/routes.ts @@ -6,4 +6,5 @@ export interface Route { export const routes: Route[] = [ { path: '/', label: 'Home', pageFile: 'HomePage' }, + { path: '/products', label: 'Products', pageFile: 'ProductsPage' }, ]; -- 2.49.1 From 4b4398a054f4871e31f3df76801bd68ad2a367bc Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Sat, 27 Jun 2026 20:03:14 +0000 Subject: [PATCH 2/2] Bob AI: Populate src/pages/ProductsPage.tsx (snippet builder, 2 sections) --- src/pages/ProductsPage.tsx | 84 ++++++++------------------------------ 1 file changed, 17 insertions(+), 67 deletions(-) diff --git a/src/pages/ProductsPage.tsx b/src/pages/ProductsPage.tsx index 1d4a2ce..9d0a249 100644 --- a/src/pages/ProductsPage.tsx +++ b/src/pages/ProductsPage.tsx @@ -1,71 +1,21 @@ -import { routes } from "@/routes"; -import NavbarCentered from "@/components/ui/NavbarCentered"; -import HeroBillboard from "@/components/sections/hero/HeroBillboard"; -import FeaturesTaggedCards from "@/components/sections/features/FeaturesTaggedCards"; -import FooterSimple from "@/components/sections/footer/FooterSimple"; +import Button from "@/components/ui/Button"; +import HeroBackgroundSlot from "@/components/ui/HeroBackgroundSlot"; +import TextAnimation from "@/components/ui/TextAnimation"; +import ImageOrVideo from "@/components/ui/ImageOrVideo"; +import ScrollReveal from "@/components/ui/ScrollReveal"; +import AvatarGroup from "@/components/ui/AvatarGroup"; +import GridOrCarousel from "@/components/ui/GridOrCarousel"; export default function ProductsPage() { - const productItems = [ - { tag: "Everyday", title: "Checking", description: "Flexible accounts designed for your daily transactions and easy access." }, - { tag: "Growth", title: "Savings", description: "Build your financial safety net with our competitive interest rates." }, - { tag: "Retirement", title: "CDs & IRA", description: "Secure, long-term savings options to help you plan for the future." }, - { tag: "Access", title: "Digital Banking", description: "Manage your money 24/7 from your computer or mobile device." }, - { tag: "Borrowing", title: "Lending", description: "Personal and auto loans tailored to fit your specific financial needs." }, - { tag: "Real Estate", title: "Mortgage & Home", description: "Financing solutions to help you buy, build, or refinance your home." }, - { tag: "Spending", title: "Credit Card", description: "Enhance your purchasing power while earning valuable rewards." }, - { tag: "Wealth", title: "Investing", description: "Professional guidance and tools to help you grow your portfolio." }, - { tag: "Extras", title: "Related Services", description: "Wire transfers, safe deposit boxes, notary services, and more." }, - { tag: "Help", title: "OLB Guides & Videos", description: "Step-by-step tutorials to master our online banking platform." }, - { tag: "Education", title: "Home Lending Resources", description: "Calculators and articles to guide you through the mortgage process." }, - { tag: "Payment", title: "Debit Card", description: "Secure and convenient access to your checking account funds worldwide." }, - { tag: "Family", title: "Greenlight®", description: "The smart debit card and money app designed specifically for kids and teens." }, - { tag: "Switching", title: "ClickSWITCH®", description: "The fastest and safest way to move your direct deposits and automatic payments." }, - { tag: "Onboarding", title: "Online Account Opening", description: "Start your journey with us by opening a new account in just a few minutes." } - ]; - return ( -
- ({ name: r.label, href: r.path }))} - ctaButton={{ text: "Open Account", href: "/open" }} - /> - -
- - - -
- - -
+ <> +
+

Our Products

Checking Accounts

Flexible checking options with no hidden fees, designed for your everyday banking needs.

+

Savings, CDs & IRA

Grow your wealth securely with our competitive yield savings accounts and certificates of deposit.

+

Mortgage & Home

Find the perfect home loan with competitive rates and personalized guidance from local experts.

+

Digital Banking

Manage your money anytime, anywhere with our secure and intuitive online and mobile banking tools.

+

Lending Solutions

Flexible loan and line of credit options tailored to support your personal or business growth.

+

Investing & Wealth

Comprehensive investment strategies and trust services to protect and grow your legacy.

+ ); -} \ No newline at end of file +} -- 2.49.1