From 6a2836397883dcc2fc0379c14fa5a3ccd3a24699 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 10 Mar 2026 23:11:37 +0000
Subject: [PATCH] Update src/app/markets/[city]/page.tsx

---
 src/app/markets/[city]/page.tsx | 279 ++++++++------------------------
 1 file changed, 65 insertions(+), 214 deletions(-)

diff --git a/src/app/markets/[city]/page.tsx b/src/app/markets/[city]/page.tsx
index aa00cd9..176093d 100644
--- a/src/app/markets/[city]/page.tsx
+++ b/src/app/markets/[city]/page.tsx
@@ -3,161 +3,12 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 import HeroBillboard from "@/components/sections/hero/HeroBillboard";
-import ProductCardThree from "@/components/sections/product/ProductCardThree";
+import BlogCardThree from "@/components/sections/blog/BlogCardThree";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterMedia from "@/components/sections/footer/FooterMedia";
-import { Sparkles, Award, MapPin } from "lucide-react";
-import { useParams } from "next/navigation";
-
-// Market data for each city
-const marketData: Record<string, { title: string; description: string; image: string; properties: Array<{ id: string; name: string; price: string; imageSrc: string; imageAlt: string }> }> = {
-  chicago: {
-    title: "Chicago Co-Living",
-    description: "Premium furnished apartments in downtown Chicago and surrounding neighborhoods",
-    image: "http://img.b2bpic.net/free-photo/toronto-sunset-silhouette-dusk-lake-with-urban-architecture_649448-299.jpg",
-    properties: [
-      {
-        id: "1",
-        name: "River North Lofted Studio",
-        price: "$2,450/mo",
-        imageSrc: "http://img.b2bpic.net/free-photo/pullout-drawer-modern-kitchen-led-lighting_169016-69290.jpg?_wi=3",
-        imageAlt: "Modern loft studio",
-      },
-      {
-        id: "2",
-        name: "West Loop 1-Bedroom",
-        price: "$3,100/mo",
-        imageSrc: "http://img.b2bpic.net/free-photo/vase-with-flowers-from-garden-white-kitchen-interior_169016-36135.jpg?_wi=3",
-        imageAlt: "Contemporary 1BR",
-      },
-      {
-        id: "3",
-        name: "Loop District 2-Bedroom",
-        price: "$4,200/mo",
-        imageSrc: "http://img.b2bpic.net/free-photo/bathtub-faucet-closeup-with-luxury-living-concept_53876-146213.jpg?_wi=3",
-        imageAlt: "Luxury 2BR apartment",
-      },
-      {
-        id: "4",
-        name: "Wicker Park Loft with Terrace",
-        price: "$3,650/mo",
-        imageSrc: "http://img.b2bpic.net/free-photo/empty-restaurant-terrace_1127-2167.jpg?_wi=2",
-        imageAlt: "Modern loft with terrace",
-      },
-    ],
-  },
-  seattle: {
-    title: "Seattle Co-Living",
-    description: "Contemporary furnished apartments in Capitol Hill, Fremont, and downtown Seattle",
-    image: "http://img.b2bpic.net/free-photo/new-york-city-manhattan-downtown_649448-4758.jpg",
-    properties: [
-      {
-        id: "1",
-        name: "Capitol Hill Modern Studio",
-        price: "$2,200/mo",
-        imageSrc: "http://img.b2bpic.net/free-photo/pullout-drawer-modern-kitchen-led-lighting_169016-69290.jpg?_wi=4",
-        imageAlt: "Modern studio",
-      },
-      {
-        id: "2",
-        name: "Fremont 1-Bedroom",
-        price: "$2,800/mo",
-        imageSrc: "http://img.b2bpic.net/free-photo/vase-with-flowers-from-garden-white-kitchen-interior_169016-36135.jpg?_wi=4",
-        imageAlt: "Contemporary 1BR",
-      },
-      {
-        id: "3",
-        name: "Downtown Premium Suite",
-        price: "$3,400/mo",
-        imageSrc: "http://img.b2bpic.net/free-photo/bathtub-faucet-closeup-with-luxury-living-concept_53876-146213.jpg?_wi=4",
-        imageAlt: "Premium apartment",
-      },
-      {
-        id: "4",
-        name: "Queen Anne Penthouse",
-        price: "$4,100/mo",
-        imageSrc: "http://img.b2bpic.net/free-photo/empty-restaurant-terrace_1127-2167.jpg?_wi=3",
-        imageAlt: "Luxury penthouse",
-      },
-    ],
-  },
-  denver: {
-    title: "Denver Co-Living",
-    description: "Luxury furnished apartments with mountain views in downtown Denver and LoDo",
-    image: "http://img.b2bpic.net/free-photo/gray-rocky-mountain-forest_198169-6.jpg",
-    properties: [
-      {
-        id: "1",
-        name: "LoDo Loft with Views",
-        price: "$2,100/mo",
-        imageSrc: "http://img.b2bpic.net/free-photo/pullout-drawer-modern-kitchen-led-lighting_169016-69290.jpg?_wi=5",
-        imageAlt: "Modern loft",
-      },
-      {
-        id: "2",
-        name: "Cherry Creek 1-Bedroom",
-        price: "$2,900/mo",
-        imageSrc: "http://img.b2bpic.net/free-photo/vase-with-flowers-from-garden-white-kitchen-interior_169016-36135.jpg?_wi=5",
-        imageAlt: "Contemporary apartment",
-      },
-      {
-        id: "3",
-        name: "Downtown Penthouse Suite",
-        price: "$3,800/mo",
-        imageSrc: "http://img.b2bpic.net/free-photo/bathtub-faucet-closeup-with-luxury-living-concept_53876-146213.jpg?_wi=5",
-        imageAlt: "Luxury suite",
-      },
-      {
-        id: "4",
-        name: "River North Terrace",
-        price: "$3,200/mo",
-        imageSrc: "http://img.b2bpic.net/free-photo/empty-restaurant-terrace_1127-2167.jpg?_wi=4",
-        imageAlt: "Apartment with terrace",
-      },
-    ],
-  },
-  "san-francisco": {
-    title: "San Francisco Co-Living",
-    description: "Premium furnished apartments in Marina District, SOMA, and Mission Bay",
-    image: "http://img.b2bpic.net/free-photo/new-york-city-manhattan-bridge_649448-4904.jpg",
-    properties: [
-      {
-        id: "1",
-        name: "Marina District Modern Studio",
-        price: "$3,200/mo",
-        imageSrc: "http://img.b2bpic.net/free-photo/pullout-drawer-modern-kitchen-led-lighting_169016-69290.jpg?_wi=6",
-        imageAlt: "Modern studio",
-      },
-      {
-        id: "2",
-        name: "SOMA Tech Hub 1-Bedroom",
-        price: "$3,900/mo",
-        imageSrc: "http://img.b2bpic.net/free-photo/vase-with-flowers-from-garden-white-kitchen-interior_169016-36135.jpg?_wi=6",
-        imageAlt: "Contemporary 1BR",
-      },
-      {
-        id: "3",
-        name: "Mission Bay Premium Loft",
-        price: "$4,500/mo",
-        imageSrc: "http://img.b2bpic.net/free-photo/bathtub-faucet-closeup-with-luxury-living-concept_53876-146213.jpg?_wi=6",
-        imageAlt: "Premium loft",
-      },
-      {
-        id: "4",
-        name: "Bay View Luxury Penthouse",
-        price: "$5,200/mo",
-        imageSrc: "http://img.b2bpic.net/free-photo/empty-restaurant-terrace_1127-2167.jpg?_wi=5",
-        imageAlt: "Luxury penthouse",
-      },
-    ],
-  },
-};
+import { Home } from "lucide-react";
 
 export default function MarketDetailPage() {
-  const params = useParams();
-  const city = (params.city as string) || "chicago";
-  const market = marketData[city] || marketData.chicago;
-
   const navItems = [
     { name: "Explore", id: "markets" },
     { name: "How It Works", id: "how-it-works" },
@@ -166,6 +17,33 @@ export default function MarketDetailPage() {
     { name: "Contact", id: "contact" },
   ];
 
+  const footerColumns = [
+    {
+      title: "Explore",      items: [
+        { label: "Browse Markets", href: "/markets" },
+        { label: "Search Homes", href: "search" },
+        { label: "How It Works", href: "how-it-works" },
+        { label: "Our Story", href: "about" },
+      ],
+    },
+    {
+      title: "Company",      items: [
+        { label: "About Us", href: "about" },
+        { label: "Blog", href: "blog" },
+        { label: "Careers", href: "careers" },
+        { label: "Contact", href: "contact" },
+      ],
+    },
+    {
+      title: "Legal",      items: [
+        { label: "Terms of Service", href: "#" },
+        { label: "Privacy Policy", href: "#" },
+        { label: "Cookie Policy", href: "#" },
+        { label: "Accessibility", href: "#" },
+      ],
+    },
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="hover-bubble"
@@ -182,101 +60,74 @@ export default function MarketDetailPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           navItems={navItems}
-          button={{ text: "Find Your Home", href: "search" }}
+          button={{
+            text: "Find Your Home",            href: "/markets"
+          }}
           brandName="Segue Living"
         />
       </div>
 
       <div id="market-hero" data-section="market-hero">
         <HeroBillboard
-          background={{ variant: "circleGradient" }}
-          title={market.title}
-          description={market.description}
-          tag="Available Homes"
-          tagIcon={MapPin}
-          imageSrc={market.image}
-          imageAlt={`${market.title} cityscape`}
+          background={{ variant: "radial-gradient" }}
+          title="Market Details & Available Homes"
+          description="Discover premium co-living opportunities in this vibrant market. Browse available apartments, explore the neighborhood, and find your perfect home."
+          tag="Move In Ready"
+          imageSrc="http://img.b2bpic.net/free-photo/manhattan-sunset_649448-1240.jpg"
+          imageAlt="City skyline"
           buttons={[
-            { text: "Browse Homes", href: "homes" },
-            { text: "Contact Sales", href: "contact" },
+            { text: "View All Homes", href: "search" },
+            { text: "Back to Markets", href: "/markets" },
           ]}
           mediaAnimation="slide-up"
           buttonAnimation="slide-up"
-          tagAnimation="blur-reveal"
         />
       </div>
 
-      <div id="market-properties" data-section="market-properties">
-        <ProductCardThree
-          title={`Featured Homes in ${market.title}`}
-          description="Discover our curated selection of premium furnished apartments available for immediate move-in."
-          tag="Move In Ready"
-          tagIcon={Award}
-          products={market.properties.map((prop) => ({
-            id: prop.id,
-            name: prop.name,
-            price: prop.price,
-            imageSrc: prop.imageSrc,
-            imageAlt: prop.imageAlt,
-          }))}
-          gridVariant="bento-grid"
+      <div id="market-listings" data-section="market-listings">
+        <BlogCardThree
+          title="Available Homes in This Market"
+          description="Browse our curated selection of premium furnished apartments in this location. Each property is handpicked for quality, location, and community fit."
+          tag="Ready Now"
+          tagIcon={Home}
+          blogs={[
+            {
+              id: "1",              category: "Downtown",              title: "Luxury 1BR with Premium Finishes",              excerpt: "High-end furnished apartment in prime location. Modern amenities, vibrant neighborhood, move-in ready.",              imageSrc: "http://img.b2bpic.net/free-photo/pullout-drawer-modern-kitchen-led-lighting_169016-69290.jpg",              imageAlt: "Luxury apartment",              authorName: "Market Team",              authorAvatar: "http://img.b2bpic.net/free-photo/manhattan-sunset_649448-1240.jpg",              date: "Immediate"
+            },
+            {
+              id: "2",              category: "Arts District",              title: "Contemporary 1BR with City Views",              excerpt: "Modern furnished apartment in vibrant neighborhood. Close to restaurants and transit. Rooftop access.",              imageSrc: "http://img.b2bpic.net/free-photo/vase-with-flowers-from-garden-white-kitchen-interior_169016-36135.jpg",              imageAlt: "Modern apartment",              authorName: "Market Team",              authorAvatar: "http://img.b2bpic.net/free-photo/new-york-city-manhattan-bridge_649448-4904.jpg",              date: "Available Soon"
+            },
+            {
+              id: "3",              category: "Central",              title: "Studio with Balcony & Amenities",              excerpt: "Stylish furnished studio in downtown area. Floor-to-ceiling windows, modern furniture, building fitness center.",              imageSrc: "http://img.b2bpic.net/free-photo/bathtub-faucet-closeup-with-luxury-living-concept_53876-146213.jpg",              imageAlt: "Studio apartment",              authorName: "Market Team",              authorAvatar: "http://img.b2bpic.net/free-photo/toronto-sunset-silhouette-dusk-lake-with-urban-architecture_649448-299.jpg",              date: "Available Now"
+            },
+          ]}
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
-          buttons={[
-            { text: "View All Listings", href: "search" },
-          ]}
+          buttons={[{ text: "Browse All Listings", href: "search" }]}
         />
       </div>
 
       <div id="market-cta" data-section="market-cta">
         <ContactText
-          text="Ready to find your perfect home in this vibrant city? Our community specialists are here to help you find a space that matches your lifestyle and budget."
+          text="Ready to find your perfect home in this market? Browse our full listings, compare neighborhoods, and start your co-living journey today."
           animationType="reveal-blur"
-          background={{ variant: "circleGradient" }}
+          background={{ variant: "radial-gradient" }}
           useInvertedBackground={false}
           buttons={[
-            { text: "Schedule a Tour", href: "contact" },
-            { text: "Explore Other Markets", href: "markets" },
+            { text: "Search All Homes", href: "search" },
+            { text: "Learn About Our Process", href: "/" },
           ]}
         />
       </div>
 
       <div id="footer" data-section="footer">
         <FooterMedia
-          imageSrc="http://img.b2bpic.net/free-photo/young-girl-dealing-with-derealization-dissociation-from-reality_482257-121622.jpg?_wi=3"
-          imageAlt="Young professionals in modern co-living space"
+          imageSrc="http://img.b2bpic.net/free-photo/young-girl-dealing-with-derealization-dissociation-from-reality_482257-121622.jpg"
+          imageAlt="Young professionals apartment living together"
           logoText="Segue Living"
           copyrightText="© 2025 Segue Living | Premium Co-Living Platform"
-          columns={[
-            {
-              title: "Explore",
-              items: [
-                { label: "Browse Markets", href: "markets" },
-                { label: "Search Homes", href: "search" },
-                { label: "How It Works", href: "how-it-works" },
-                { label: "Our Story", href: "about" },
-              ],
-            },
-            {
-              title: "Company",
-              items: [
-                { label: "About Us", href: "about" },
-                { label: "Blog", href: "blog" },
-                { label: "Careers", href: "careers" },
-                { label: "Contact", href: "contact" },
-              ],
-            },
-            {
-              title: "Legal",
-              items: [
-                { label: "Terms of Service", href: "#" },
-                { label: "Privacy Policy", href: "#" },
-                { label: "Cookie Policy", href: "#" },
-                { label: "Accessibility", href: "#" },
-              ],
-            },
-          ]}
+          columns={footerColumns}
         />
       </div>
     </ThemeProvider>