From 163877a4ee498602c37c68c0a700d0170ca367f3 Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Mon, 22 Jun 2026 20:48:00 +0000 Subject: [PATCH 1/2] Bob AI: Add products page --- src/App.tsx | 2 + src/components/Layout.tsx | 4 +- src/pages/ProductsPage.tsx | 77 ++++++++++++++++++++++++++++++++++++++ src/routes.ts | 1 + 4 files changed, 83 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 20a4636..036991a 100644 --- a/src/components/Layout.tsx +++ b/src/components/Layout.tsx @@ -27,7 +27,9 @@ export default function Layout() { }, { "name": "Faq", "href": "#faq" - } + }, + { name: "Products", href: "/products" }, + ]; return ( diff --git a/src/pages/ProductsPage.tsx b/src/pages/ProductsPage.tsx new file mode 100644 index 0000000..4ae5bdc --- /dev/null +++ b/src/pages/ProductsPage.tsx @@ -0,0 +1,77 @@ +import React from "react"; +import { routes } from "@/routes"; +import NavbarCentered from "@/components/ui/NavbarCentered"; +import HeroSplit from "@/components/sections/hero/HeroSplit"; +import ProductMediaCards from "@/components/sections/product/ProductMediaCards"; +import SocialProofMarquee from "@/components/sections/social-proof/SocialProofMarquee"; +import FooterMinimal from "@/components/sections/footer/FooterMinimal"; + +export default function ProductsPage() { + return ( +
+ ({ name: r.label, href: r.path }))} + ctaButton={{ text: "Get in Touch", href: "/contact" }} + /> + +
+ + + console.log("Residential clicked") + }, + { + name: "Commercial Leasing", + price: "Custom Quote", + imageSrc: "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&q=80", + onClick: () => console.log("Commercial clicked") + }, + { + name: "Property Management", + price: "From $150/month", + imageSrc: "https://images.unsplash.com/photo-1556912172-45b7abe8b7e1?auto=format&fit=crop&q=80", + onClick: () => console.log("Management clicked") + } + ]} + /> + +
+ +
+
+ + +
+ ); +} \ 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 cd5a20297d9dbd155793e05170f229a263ecf465 Mon Sep 17 00:00:00 2001 From: kudinDmitriyUp Date: Mon, 22 Jun 2026 20:48:39 +0000 Subject: [PATCH 2/2] Bob AI: Populate src/pages/ProductsPage.tsx (snippet builder, 2 sections) --- src/pages/ProductsPage.tsx | 104 +++++++++++-------------------------- 1 file changed, 31 insertions(+), 73 deletions(-) diff --git a/src/pages/ProductsPage.tsx b/src/pages/ProductsPage.tsx index 4ae5bdc..fb639b6 100644 --- a/src/pages/ProductsPage.tsx +++ b/src/pages/ProductsPage.tsx @@ -1,77 +1,35 @@ -import React from "react"; -import { routes } from "@/routes"; -import NavbarCentered from "@/components/ui/NavbarCentered"; -import HeroSplit from "@/components/sections/hero/HeroSplit"; -import ProductMediaCards from "@/components/sections/product/ProductMediaCards"; -import SocialProofMarquee from "@/components/sections/social-proof/SocialProofMarquee"; -import FooterMinimal from "@/components/sections/footer/FooterMinimal"; +import { ArrowUpRight, Loader2 } from "lucide-react"; +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 useProducts from "@/hooks/useProducts"; export default function ProductsPage() { return ( -
- ({ name: r.label, href: r.path }))} - ctaButton={{ text: "Get in Touch", href: "/contact" }} - /> - -
- - - console.log("Residential clicked") - }, - { - name: "Commercial Leasing", - price: "Custom Quote", - imageSrc: "https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&q=80", - onClick: () => console.log("Commercial clicked") - }, - { - name: "Property Management", - price: "From $150/month", - imageSrc: "https://images.unsplash.com/photo-1556912172-45b7abe8b7e1?auto=format&fit=crop&q=80", - onClick: () => console.log("Management clicked") - } - ]} - /> - -
- -
-
- - -
+ <> +
+

Accreditations

National Association of Realtors
+
Certified Residential Specialist
+
Accredited Buyer's Representative
+
Luxury Home Marketing Guild
+
State Real Estate Commission
+
National Association of Realtors
+
Certified Residential Specialist
+
Accredited Buyer's Representative
+
Luxury Home Marketing Guild
+
State Real Estate Commission
+
National Association of Realtors
+
Certified Residential Specialist
+
Accredited Buyer's Representative
+
Luxury Home Marketing Guild
+
State Real Estate Commission
+
National Association of Realtors
+
Certified Residential Specialist
+
Accredited Buyer's Representative
+
Luxury Home Marketing Guild
+
State Real Estate Commission
+ ); -} \ No newline at end of file +} -- 2.49.1