From 80d84310a61c6af0a18712befce83bc8dc13f569 Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Sun, 28 Jun 2026 11:12:03 +0000 Subject: [PATCH 1/2] Bob AI: Add about page --- src/App.tsx | 2 + src/components/Layout.tsx | 2 + src/pages/AboutPage.tsx | 79 +++++++++++++++++++++++++++++++++++++++ src/routes.ts | 1 + 4 files changed, 84 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 ( }> } /> } /> + } /> ); diff --git a/src/components/Layout.tsx b/src/components/Layout.tsx index 7c54d99..af58c97 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -29,6 +29,8 @@ export default function Layout() { "name": "Metrics", "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..378baf1 --- /dev/null +++ b/src/pages/AboutPage.tsx @@ -0,0 +1,79 @@ +import { routes } from "@/routes"; +import NavbarCentered from "@/components/ui/NavbarCentered"; +import HeroBrand from "@/components/sections/hero/HeroBrand"; +import AboutFeaturesSplit from "@/components/sections/about/AboutFeaturesSplit"; +import FeaturesIconCards from "@/components/sections/features/FeaturesIconCards"; +import TeamProfileCards from "@/components/sections/team/TeamProfileCards"; +import ContactCta from "@/components/sections/contact/ContactCta"; +import FooterMinimal from "@/components/sections/footer/FooterMinimal"; +import NoiseBackground from "@/components/ui/NoiseBackground"; + +export default function AboutPage() { + return ( +
+ + + ({ name: r.label, href: r.path }))} + ctaButton={{ text: "Join Us", href: "/join" }} + /> + +
+ + + + +
+ + +
+ ); +} \ 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 f7cdbfdef88567b7265508ef0cd97ab62ce81b6e Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Sun, 28 Jun 2026 11:14:10 +0000 Subject: [PATCH 2/2] Bob AI: Populate the newly-created page at src/pages/AboutPage.tsx w --- src/pages/AboutPage.tsx | 182 ++++++++++++++++++++++++++-------------- 1 file changed, 120 insertions(+), 62 deletions(-) diff --git a/src/pages/AboutPage.tsx b/src/pages/AboutPage.tsx index 378baf1..5d30794 100644 --- a/src/pages/AboutPage.tsx +++ b/src/pages/AboutPage.tsx @@ -1,79 +1,137 @@ import { routes } from "@/routes"; -import NavbarCentered from "@/components/ui/NavbarCentered"; -import HeroBrand from "@/components/sections/hero/HeroBrand"; -import AboutFeaturesSplit from "@/components/sections/about/AboutFeaturesSplit"; -import FeaturesIconCards from "@/components/sections/features/FeaturesIconCards"; -import TeamProfileCards from "@/components/sections/team/TeamProfileCards"; -import ContactCta from "@/components/sections/contact/ContactCta"; -import FooterMinimal from "@/components/sections/footer/FooterMinimal"; +import ScrollReveal from "@/components/ui/ScrollReveal"; +import TextAnimation from "@/components/ui/TextAnimation"; +import Card from "@/components/ui/Card"; +import GridOrCarousel from "@/components/ui/GridOrCarousel"; +import Button from "@/components/ui/Button"; import NoiseBackground from "@/components/ui/NoiseBackground"; export default function AboutPage() { return ( -
+
- - ({ name: r.label, href: r.path }))} - ctaButton={{ text: "Join Us", href: "/join" }} - />
- + {/* Community & Foundation */} +
+ +
+
+ +

+ We are deeply rooted in the communities we serve. Our commitment goes beyond banking; we actively participate in local initiatives, sponsor community events, and volunteer our time to make a positive impact where our members live and work. +

+
+
+ +

+ The Suncoast Foundation was established to support the educational, health, and emotional well-being of children in our communities. Through scholarships, grants, and partnerships, we strive to create a brighter future for the next generation. +

+
+
+ +
- + {/* The Suncoast Difference & Membership Perks */} +
+
+
+ + + +

Member-Owned

+

As a not-for-profit cooperative, our earnings are returned to you in the form of lower rates on loans, higher yields on savings, and fewer fees.

+ + +

Local Decision Making

+

Our decisions are made locally by people who understand the unique needs of our community, ensuring faster and more personalized service.

+ + +

Financial Education

+

We empower our members with the knowledge and tools they need to make informed financial decisions and achieve their goals.

+ + +
-
+
- + {/* Diversity, Equity and Inclusion & Green Sunco */} +
+ +
+
+ +

+ We believe that our differences make us stronger. We are committed to fostering an inclusive environment where all members and employees feel valued, respected, and empowered to reach their full potential. +

+
+
+ Diverse team collaborating +
+
+ - + +
+
+ +

+ Protecting our environment is a core value. Through our Green Sunco initiatives, we implement sustainable practices in our operations, support eco-friendly community projects, and offer green loans to help our members reduce their carbon footprint. +

+
+
+ Solar panels and green energy +
+
+ +
+ + {/* Suncoast Leadership */} +
+
+ +
+ {[ + { name: "Jane Doe", role: "Chief Executive Officer", img: "https://i.pravatar.cc/300?u=jane" }, + { name: "John Smith", role: "Chief Financial Officer", img: "https://i.pravatar.cc/300?u=john" }, + { name: "Alice Johnson", role: "Chief Operations Officer", img: "https://i.pravatar.cc/300?u=alice" }, + { name: "Robert Davis", role: "Chief Information Officer", img: "https://i.pravatar.cc/300?u=robert" } + ].map((leader) => ( + +
+ {leader.name} +
+
+

{leader.name}

+

{leader.role}

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