From 30d6f908c166e312a9833dbce87082c66ac55270 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sat, 27 Jun 2026 20:05:49 +0000
Subject: [PATCH 1/2] Bob AI: Add about page

---
 src/App.tsx               |  2 ++
 src/components/Layout.tsx |  2 ++
 src/pages/AboutPage.tsx   | 64 +++++++++++++++++++++++++++++++++++++++
 src/routes.ts             |  1 +
 4 files changed, 69 insertions(+)
 create mode 100644 src/pages/AboutPage.tsx

diff --git a/src/App.tsx b/src/App.tsx
index c9c6d8e..57debb8 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -3,12 +3,14 @@ import Layout from './components/Layout';
 import HomePage from './pages/HomePage';
 
 import ProductsPage from "@/pages/ProductsPage";
+import AboutPage from "@/pages/AboutPage";
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
         <Route path="/products" element={<ProductsPage />} />
+        <Route path="/about" element={<AboutPage />} />
       </Route>
     </Routes>
   );
diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx
index f995033..7b14b0b 100644
--- a/src/components/Layout.tsx
+++ b/src/components/Layout.tsx
@@ -36,6 +36,8 @@ export default function Layout() {
     "href": "#metrics"
   },
   { name: "Products", href: "/products" },
+  { name: "About", href: "/about" },
+
 
 ];
 
diff --git a/src/pages/AboutPage.tsx b/src/pages/AboutPage.tsx
new file mode 100644
index 0000000..7d654fc
--- /dev/null
+++ b/src/pages/AboutPage.tsx
@@ -0,0 +1,64 @@
+import React from "react";
+import { routes } from "@/routes";
+import NavbarCentered from "@/components/ui/NavbarCentered";
+import HeroSplit from "@/components/sections/hero/HeroSplit";
+import AboutTextSplit from "@/components/sections/about/AboutTextSplit";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
+
+export default function AboutPage() {
+  return (
+    <div className="min-h-screen bg-background text-foreground flex flex-col">
+      <NavbarCentered
+        logo="Montecito Bank"
+        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
+        ctaButton={{ text: "Open Account", href: "/contact" }}
+      />
+
+      <main className="flex-grow">
+        <HeroSplit
+          tag="About Us"
+          title="Meet your community's bank"
+          description="Community banking at its best!"
+          primaryButton={{ text: "Our History", href: "#history" }}
+          secondaryButton={{ text: "Locations", href: "/locations" }}
+          imageSrc="https://images.unsplash.com/photo-1578507065211-1c4e99a5fd24?auto=format&fit=crop&q=80"
+        />
+
+        <AboutTextSplit
+          title="Committed to the Central Coast"
+          descriptions={[
+            "We are proud to be the largest locally owned community bank on the Central Coast. Our roots run deep in the communities we serve, and our commitment to local prosperity is unwavering.",
+            "From our flagship branch in downtown Santa Barbara to our locations across the region, we are dedicated to providing exceptional service and reinvesting in the neighborhoods that make our community thrive."
+          ]}
+        />
+      </main>
+
+      <FooterSimple
+        brand="Montecito Bank & Trust"
+        columns={[
+          {
+            title: "Company",
+            items: [
+              { label: "About Us", href: "/about" },
+              { label: "Careers", href: "/careers" },
+              { label: "Contact", href: "/contact" }
+            ]
+          },
+          {
+            title: "Services",
+            items: [
+              { label: "Personal Banking", href: "/personal" },
+              { label: "Business Banking", href: "/business" },
+              { label: "Wealth Management", href: "/wealth" }
+            ]
+          }
+        ]}
+        copyright="© 2024 Montecito Bank & Trust. All rights reserved."
+        links={[
+          { label: "Privacy Policy", href: "/privacy" },
+          { label: "Terms of Service", href: "/terms" }
+        ]}
+      />
+    </div>
+  );
+}
\ No newline at end of file
diff --git a/src/routes.ts b/src/routes.ts
index 93d7fae..2a62f3d 100644
--- a/src/routes.ts
+++ b/src/routes.ts
@@ -7,4 +7,5 @@ export interface Route {
 export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
   { path: '/products', label: 'Products', pageFile: 'ProductsPage' },
+  { path: '/about', label: 'About', pageFile: 'AboutPage' },
 ];
-- 
2.49.1


From 59e9750da4343cb1c9e36704ba07a7d42d253a9b Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sat, 27 Jun 2026 20:06:24 +0000
Subject: [PATCH 2/2] Bob AI: Populate src/pages/AboutPage.tsx (snippet
 builder, 1 sections)

---
 src/pages/AboutPage.tsx | 69 ++++++-----------------------------------
 1 file changed, 9 insertions(+), 60 deletions(-)

diff --git a/src/pages/AboutPage.tsx b/src/pages/AboutPage.tsx
index 7d654fc..0ee214e 100644
--- a/src/pages/AboutPage.tsx
+++ b/src/pages/AboutPage.tsx
@@ -1,64 +1,13 @@
-import React from "react";
-import { routes } from "@/routes";
-import NavbarCentered from "@/components/ui/NavbarCentered";
-import HeroSplit from "@/components/sections/hero/HeroSplit";
-import AboutTextSplit from "@/components/sections/about/AboutTextSplit";
-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";
 
 export default function AboutPage() {
   return (
-    <div className="min-h-screen bg-background text-foreground flex flex-col">
-      <NavbarCentered
-        logo="Montecito Bank"
-        navItems={routes.map((r) => ({ name: r.label, href: r.path }))}
-        ctaButton={{ text: "Open Account", href: "/contact" }}
-      />
-
-      <main className="flex-grow">
-        <HeroSplit
-          tag="About Us"
-          title="Meet your community's bank"
-          description="Community banking at its best!"
-          primaryButton={{ text: "Our History", href: "#history" }}
-          secondaryButton={{ text: "Locations", href: "/locations" }}
-          imageSrc="https://images.unsplash.com/photo-1578507065211-1c4e99a5fd24?auto=format&fit=crop&q=80"
-        />
-
-        <AboutTextSplit
-          title="Committed to the Central Coast"
-          descriptions={[
-            "We are proud to be the largest locally owned community bank on the Central Coast. Our roots run deep in the communities we serve, and our commitment to local prosperity is unwavering.",
-            "From our flagship branch in downtown Santa Barbara to our locations across the region, we are dedicated to providing exceptional service and reinvesting in the neighborhoods that make our community thrive."
-          ]}
-        />
-      </main>
-
-      <FooterSimple
-        brand="Montecito Bank & Trust"
-        columns={[
-          {
-            title: "Company",
-            items: [
-              { label: "About Us", href: "/about" },
-              { label: "Careers", href: "/careers" },
-              { label: "Contact", href: "/contact" }
-            ]
-          },
-          {
-            title: "Services",
-            items: [
-              { label: "Personal Banking", href: "/personal" },
-              { label: "Business Banking", href: "/business" },
-              { label: "Wealth Management", href: "/wealth" }
-            ]
-          }
-        ]}
-        copyright="© 2024 Montecito Bank & Trust. All rights reserved."
-        links={[
-          { label: "Privacy Policy", href: "/privacy" },
-          { label: "Terms of Service", href: "/terms" }
-        ]}
-      />
-    </div>
+    <>
+      <div data-webild-section="HeroSplit"><section aria-label="Hero section" className="relative flex items-center h-fit md:h-svh pt-25 pb-20 md:py-0"><HeroBackgroundSlot /><div className="flex flex-col md:flex-row items-center gap-12 md:gap-20 w-content-width mx-auto"><div className="w-full md:w-1/2"><div className="flex flex-col items-center md:items-start gap-3"><div className="px-3 py-1 mb-1 text-sm card rounded w-fit"><p>About</p></div><TextAnimation text="Meet your community's bank" variant="fade-blur" gradientText={true} tag="h1" className="text-7xl 2xl:text-8xl leading-[1.15] font-semibold text-center md:text-left text-balance" /><TextAnimation text="Community banking at its best! We are the largest locally owned community bank on the Central Coast, deeply committed to serving and improving the communities we call home." variant="fade-blur" gradientText={false} tag="p" className="md:max-w-8/10 text-lg md:text-xl leading-snug text-center md:text-left text-balance" /><div className="flex flex-wrap max-md:justify-center gap-3 mt-2 md:mt-3"><Button text="Our Story" href="#our-story" variant="primary" /><Button text="Contact Us" href="/contact" variant="secondary" animationDelay={0.1} /></div></div></div><ScrollReveal variant="fade-blur" delay={0.2} className="w-full md:w-1/2 h-100 md:h-[65vh] md:max-h-[75svh] p-2 xl:p-3 2xl:p-4 card rounded overflow-hidden"><ImageOrVideo imageSrc="https://img.freepik.com/free-photo/beautiful-spanish-style-architecture-with-white-walls-red-tile-roof_181624-44820.jpg" /></ScrollReveal></div></section></div>
+    </>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1