From 387df3b595cb00f133462dbe4fd34aa041cbf2f3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 19 Mar 2026 23:56:37 +0000
Subject: [PATCH 1/3] Update src/app/listings/page.tsx

---
 src/app/listings/page.tsx | 140 +++++++++++++++-----------------------
 1 file changed, 53 insertions(+), 87 deletions(-)

diff --git a/src/app/listings/page.tsx b/src/app/listings/page.tsx
index 12d49f4..951b285 100644
--- a/src/app/listings/page.tsx
+++ b/src/app/listings/page.tsx
@@ -8,20 +8,22 @@ import ContactCTA from "@/components/sections/contact/ContactCTA";
 import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
 import Link from "next/link";
 import { MapPin, Phone } from "lucide-react";
+import { useState } from "react";
 
 export default function ListingsPage() {
+  const [selectedProducts, setSelectedProducts] = useState<string[]>([]);
+
   const navItems = [
-    { name: "Home", id: "home" },
-    { name: "About", id: "about" },
-    { name: "Marketplace", id: "listings" },
-    { name: "Our Impact", id: "metrics" },
-    { name: "Testimonials", id: "testimonials" },
+    { name: "Home", id: "/" },
+    { name: "About", id: "#about" },
+    { name: "Marketplace", id: "/listings" },
+    { name: "Our Impact", id: "#metrics" },
+    { name: "Testimonials", id: "#testimonials" },
   ];
 
   const footerColumns = [
     {
-      title: "Platform",
-      items: [
+      title: "Platform",      items: [
         { label: "Browse Listings", href: "/listings" },
         { label: "Market Reports", href: "/contact" },
         { label: "Pricing", href: "#" },
@@ -29,8 +31,7 @@ export default function ListingsPage() {
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "/about" },
         { label: "Our Team", href: "/about" },
         { label: "Careers", href: "#" },
@@ -38,8 +39,7 @@ export default function ListingsPage() {
       ],
     },
     {
-      title: "Resources",
-      items: [
+      title: "Resources",      items: [
         { label: "CRE Guide", href: "#" },
         { label: "Market Trends", href: "#" },
         { label: "Investor Tools", href: "#" },
@@ -47,8 +47,7 @@ export default function ListingsPage() {
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Disclaimer", href: "#" },
@@ -57,6 +56,24 @@ export default function ListingsPage() {
     },
   ];
 
+  const products = [
+    {
+      id: "prop-001",      name: "Prime Gas Station - I-35 Corridor",      price: "$4.2M",      variant: "Ground Lease",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/modern-well-maintained-gas-station-with--1773964200855-992e8917.png?_wi=2",      imageAlt: "I-35 Gas Station Property",      onProductClick: () => {
+        window.location.href = "/property/prop-001";
+      },
+    },
+    {
+      id: "prop-002",      name: "Industrial Warehouse - DFW Metro",      price: "$8.5M",      variant: "Fee Simple",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/modern-industrial-warehouse-building-in--1773964201322-43488c30.png?_wi=2",      imageAlt: "DFW Industrial Warehouse",      onProductClick: () => {
+        window.location.href = "/property/prop-002";
+      },
+    },
+    {
+      id: "prop-003",      name: "Retail Center - San Antonio",      price: "$12.1M",      variant: "Land & Building",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/premium-retail-shopping-center-in-texas--1773964200641-5fdfd529.png?_wi=2",      imageAlt: "San Antonio Retail Center",      onProductClick: () => {
+        window.location.href = "/property/prop-003";
+      },
+    },
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
@@ -76,110 +93,59 @@ export default function ListingsPage() {
           brandName="TexasCRE"
           navItems={navItems}
           button={{
-            text: "Get Started",
-            href: "/contact",
-          }}
+            text: "Get Started",            href: "/contact"}}
         />
       </div>
 
-      {/* Marketplace Hero */}
-      <div id="listings-hero" data-section="listings-hero">
+      {/* Hero Section */}
+      <div id="hero" data-section="hero">
         <HeroOverlay
-          title="Premium Commercial Properties Across Texas"
-          description="Browse our comprehensive marketplace of gas stations, industrial facilities, retail centers, and land opportunities. Access detailed market analytics, comparable properties, and expert insights for each listing."
-          tag="Interactive Marketplace"
+          title="Commercial Real Estate Listings"
+          description="Explore our comprehensive portfolio of premium commercial properties across Texas. Each listing features detailed analytics, market comparables, and investment insights to help you make informed decisions."
+          tag="Featured Opportunities"
           tagIcon={MapPin}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Explore All Properties", href: "/listings" },
-            { text: "Request Information", href: "/contact" },
+            { text: "Schedule Consultation", href: "/contact" },
+            { text: "Market Report", href: "#" },
           ]}
           buttonAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/interactive-digital-map-interface-showin-1773964200729-88f375bc.png?_wi=2"
-          imageAlt="Interactive Property Map"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/aerial-view-of-texas-commercial-real-est-1773964202080-50c62c91.png"
+          imageAlt="Texas Commercial Real Estate Listings"
           showBlur={true}
-          showDimOverlay={false}
+          showDimOverlay={true}
         />
       </div>
 
-      {/* Active Listings */}
-      <div id="active-listings" data-section="active-listings">
+      {/* Marketplace Section */}
+      <div id="marketplace" data-section="marketplace">
         <ProductCardFour
-          title="Active Listings"
-          description="Our current premium opportunities across Texas. Each property has been thoroughly vetted with detailed market analysis and financial projections."
-          tag="Available Now"
+          title="Available Properties"
+          description="Click on any property below to view detailed information, financial analysis, and schedule a consultation with our investment specialists."
+          tag="Active Listings"
           tagIcon={MapPin}
           tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={true}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
-          buttons={[{ text: "Filter Properties", href: "/listings" }]}
+          buttons={[]}
           buttonAnimation="slide-up"
-          products={[
-            {
-              id: "listing-001",
-              name: "Premium Gas Station - I-35 North",
-              price: "$4.2M",
-              variant: "Ground Lease | 15yr",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/modern-well-maintained-gas-station-with--1773964200855-992e8917.png?_wi=3",
-              imageAlt: "I-35 North Gas Station",
-            },
-            {
-              id: "listing-002",
-              name: "Industrial Warehouse - DFW Metro",
-              price: "$8.5M",
-              variant: "Fee Simple | 125,000 SF",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/modern-industrial-warehouse-building-in--1773964201322-43488c30.png?_wi=3",
-              imageAlt: "DFW Industrial Warehouse",
-            },
-            {
-              id: "listing-003",
-              name: "Retail Center - San Antonio",
-              price: "$12.1M",
-              variant: "Land & Building | 80% Occupied",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/premium-retail-shopping-center-in-texas--1773964200641-5fdfd529.png?_wi=3",
-              imageAlt: "San Antonio Retail Center",
-            },
-            {
-              id: "listing-004",
-              name: "Commercial Land - Austin Corridor",
-              price: "$3.8M",
-              variant: "Development Ready | 12 acres",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/premium-retail-shopping-center-in-texas--1773964200641-5fdfd529.png?_wi=4",
-              imageAlt: "Austin Development Land",
-            },
-            {
-              id: "listing-005",
-              name: "Multi-Tenant Industrial - Houston",
-              price: "$6.2M",
-              variant: "Fee Simple | 3 Buildings",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/modern-industrial-warehouse-building-in--1773964201322-43488c30.png?_wi=4",
-              imageAlt: "Houston Industrial Complex",
-            },
-            {
-              id: "listing-006",
-              name: "Mixed-Use Retail - Dallas Downtown",
-              price: "$9.75M",
-              variant: "Ground Lease | High Traffic",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/premium-retail-shopping-center-in-texas--1773964200641-5fdfd529.png?_wi=5",
-              imageAlt: "Dallas Mixed-Use Retail",
-            },
-          ]}
+          products={products}
         />
       </div>
 
-      {/* CTA Section */}
+      {/* Call to Action Section */}
       <div id="contact" data-section="contact">
         <ContactCTA
           tag="Ready to Invest?"
           tagIcon={Phone}
           tagAnimation="slide-up"
-          title="Connect with Our Market Specialists"
-          description="Get personalized property recommendations, detailed financial analysis, and expert guidance tailored to your investment strategy and market goals."
+          title="Don't See What You're Looking For?"
+          description="Our investment specialists can help identify properties that match your specific investment criteria. Schedule a consultation to explore off-market opportunities and personalized market insights."
           buttons={[
             { text: "Schedule Consultation", href: "/contact" },
-            { text: "Request Property Report", href: "/contact" },
+            { text: "Request Market Report", href: "/contact" },
           ]}
           buttonAnimation="slide-up"
           background={{ variant: "gradient-bars" }}
@@ -197,4 +163,4 @@ export default function ListingsPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1


From 89837e3c46eb9b145d92ff9082f813b74403169e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 19 Mar 2026 23:56:37 +0000
Subject: [PATCH 2/3] Update src/app/page.tsx

---
 src/app/page.tsx | 116 ++++++++++++-----------------------------------
 1 file changed, 30 insertions(+), 86 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 223c9f1..b74d4a3 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,15 +17,14 @@ export default function HomePage() {
   const navItems = [
     { name: "Home", id: "home" },
     { name: "About", id: "about" },
-    { name: "Marketplace", id: "listings" },
+    { name: "Marketplace", id: "/listings" },
     { name: "Our Impact", id: "metrics" },
     { name: "Testimonials", id: "testimonials" },
   ];
 
   const footerColumns = [
     {
-      title: "Platform",
-      items: [
+      title: "Platform",      items: [
         { label: "Browse Listings", href: "/listings" },
         { label: "Market Reports", href: "/contact" },
         { label: "Pricing", href: "#" },
@@ -33,8 +32,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "/about" },
         { label: "Our Team", href: "/about" },
         { label: "Careers", href: "#" },
@@ -42,8 +40,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Resources",
-      items: [
+      title: "Resources",      items: [
         { label: "CRE Guide", href: "#" },
         { label: "Market Trends", href: "#" },
         { label: "Investor Tools", href: "#" },
@@ -51,8 +48,7 @@ export default function HomePage() {
       ],
     },
     {
-      title: "Legal",
-      items: [
+      title: "Legal",      items: [
         { label: "Privacy Policy", href: "#" },
         { label: "Terms of Service", href: "#" },
         { label: "Disclaimer", href: "#" },
@@ -80,9 +76,7 @@ export default function HomePage() {
           brandName="TexasCRE"
           navItems={navItems}
           button={{
-            text: "Get Started",
-            href: "/contact",
-          }}
+            text: "Get Started",            href: "/contact"}}
         />
       </div>
 
@@ -138,25 +132,13 @@ export default function HomePage() {
           features={[
             {
               id: 1,
-              title: "Gas Station Properties",
-              description: "Prime-located fuel and convenience retail with strong cash flow potential and long-term tenant stability.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/modern-well-maintained-gas-station-with--1773964200855-992e8917.png?_wi=1",
-              imageAlt: "Gas Station Commercial Property",
-            },
+              title: "Gas Station Properties",              description: "Prime-located fuel and convenience retail with strong cash flow potential and long-term tenant stability.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/modern-well-maintained-gas-station-with--1773964200855-992e8917.png?_wi=1",              imageAlt: "Gas Station Commercial Property"},
             {
               id: 2,
-              title: "Industrial Facilities",
-              description: "Multi-unit warehouses and distribution centers in strategic Texas corridors with excellent logistics access.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/modern-industrial-warehouse-building-in--1773964201322-43488c30.png?_wi=1",
-              imageAlt: "Industrial Warehouse Facility",
-            },
+              title: "Industrial Facilities",              description: "Multi-unit warehouses and distribution centers in strategic Texas corridors with excellent logistics access.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/modern-industrial-warehouse-building-in--1773964201322-43488c30.png?_wi=1",              imageAlt: "Industrial Warehouse Facility"},
             {
               id: 3,
-              title: "Retail Centers",
-              description: "Mixed-use retail developments and shopping centers with established tenant bases and high foot traffic.",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/premium-retail-shopping-center-in-texas--1773964200641-5fdfd529.png?_wi=1",
-              imageAlt: "Retail Shopping Center",
-            },
+              title: "Retail Centers",              description: "Mixed-use retail developments and shopping centers with established tenant bases and high foot traffic.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/premium-retail-shopping-center-in-texas--1773964200641-5fdfd529.png?_wi=1",              imageAlt: "Retail Shopping Center"},
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -181,28 +163,19 @@ export default function HomePage() {
           buttonAnimation="slide-up"
           products={[
             {
-              id: "prop-001",
-              name: "Prime Gas Station - I-35 Corridor",
-              price: "$4.2M",
-              variant: "Ground Lease",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/modern-well-maintained-gas-station-with--1773964200855-992e8917.png?_wi=2",
-              imageAlt: "I-35 Gas Station Property",
+              id: "prop-001",              name: "Prime Gas Station - I-35 Corridor",              price: "$4.2M",              variant: "Ground Lease",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/modern-well-maintained-gas-station-with--1773964200855-992e8917.png?_wi=2",              imageAlt: "I-35 Gas Station Property",              onProductClick: () => {
+                window.location.href = "/property/prop-001";
+              },
             },
             {
-              id: "prop-002",
-              name: "Industrial Warehouse - DFW Metro",
-              price: "$8.5M",
-              variant: "Fee Simple",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/modern-industrial-warehouse-building-in--1773964201322-43488c30.png?_wi=2",
-              imageAlt: "DFW Industrial Warehouse",
+              id: "prop-002",              name: "Industrial Warehouse - DFW Metro",              price: "$8.5M",              variant: "Fee Simple",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/modern-industrial-warehouse-building-in--1773964201322-43488c30.png?_wi=2",              imageAlt: "DFW Industrial Warehouse",              onProductClick: () => {
+                window.location.href = "/property/prop-002";
+              },
             },
             {
-              id: "prop-003",
-              name: "Retail Center - San Antonio",
-              price: "$12.1M",
-              variant: "Land & Building",
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/premium-retail-shopping-center-in-texas--1773964200641-5fdfd529.png?_wi=2",
-              imageAlt: "San Antonio Retail Center",
+              id: "prop-003",              name: "Retail Center - San Antonio",              price: "$12.1M",              variant: "Land & Building",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/premium-retail-shopping-center-in-texas--1773964200641-5fdfd529.png?_wi=2",              imageAlt: "San Antonio Retail Center",              onProductClick: () => {
+                window.location.href = "/property/prop-003";
+              },
             },
           ]}
         />
@@ -223,37 +196,17 @@ export default function HomePage() {
           carouselMode="buttons"
           testimonials={[
             {
-              id: "1",
-              name: "David Patterson",
-              role: "Portfolio Manager",
-              company: "Lone Star Capital",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/professional-portrait-photograph-of-a-su-1773964200693-27f76417.png",
-            },
+              id: "1",              name: "David Patterson",              role: "Portfolio Manager",              company: "Lone Star Capital",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/professional-portrait-photograph-of-a-su-1773964200693-27f76417.png"},
             {
-              id: "2",
-              name: "Jennifer Martinez",
-              role: "Real Estate Director",
-              company: "Texas Investment Group",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/professional-portrait-of-a-successful-35-1773964203241-1c407334.png",
-            },
+              id: "2",              name: "Jennifer Martinez",              role: "Real Estate Director",              company: "Texas Investment Group",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/professional-portrait-of-a-successful-35-1773964203241-1c407334.png"},
             {
-              id: "3",
-              name: "Marcus Rodriguez",
-              role: "Senior Broker",
-              company: "Commercial Partners LLC",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/professional-headshot-of-a-45-55-year-ol-1773964200062-7bb85aa3.png",
-            },
+              id: "3",              name: "Marcus Rodriguez",              role: "Senior Broker",              company: "Commercial Partners LLC",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/professional-headshot-of-a-45-55-year-ol-1773964200062-7bb85aa3.png"},
             {
-              id: "4",
-              name: "Sarah Thompson",
-              role: "Asset Manager",
-              company: "Frontier Realty Group",
-              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/professional-portrait-of-a-30-40-year-ol-1773964199651-6ff1c24e.png",
-            },
+              id: "4",              name: "Sarah Thompson",              role: "Asset Manager",              company: "Frontier Realty Group",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/professional-portrait-of-a-30-40-year-ol-1773964199651-6ff1c24e.png"},
           ]}
         />
       </div>
@@ -272,22 +225,13 @@ export default function HomePage() {
           carouselMode="buttons"
           metrics={[
             {
-              id: "1",
-              value: "$2.4B+",
-              title: "Annual Transaction Volume",
-              items: ["Gas Stations & Fuel", "Industrial Properties", "Retail Centers"],
+              id: "1",              value: "$2.4B+",              title: "Annual Transaction Volume",              items: ["Gas Stations & Fuel", "Industrial Properties", "Retail Centers"],
             },
             {
-              id: "2",
-              value: "500+",
-              title: "Active Premium Listings",
-              items: ["Fully Vetted Properties", "Market-Comparable Data", "Professional Analysis"],
+              id: "2",              value: "500+",              title: "Active Premium Listings",              items: ["Fully Vetted Properties", "Market-Comparable Data", "Professional Analysis"],
             },
             {
-              id: "3",
-              value: "98%",
-              title: "Client Success Rate",
-              items: ["Deal Completion", "Investor Satisfaction", "Long-Term Partnerships"],
+              id: "3",              value: "98%",              title: "Client Success Rate",              items: ["Deal Completion", "Investor Satisfaction", "Long-Term Partnerships"],
             },
           ]}
           buttons={[{ text: "Request Market Report", href: "/contact" }]}
@@ -323,4 +267,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
-- 
2.49.1


From 2696390f289ab6bb53e83ace3b88b771bc91ef15 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 19 Mar 2026 23:56:37 +0000
Subject: [PATCH 3/3] Add src/app/property/[id]/page.tsx

---
 src/app/property/[id]/page.tsx | 307 +++++++++++++++++++++++++++++++++
 1 file changed, 307 insertions(+)
 create mode 100644 src/app/property/[id]/page.tsx

diff --git a/src/app/property/[id]/page.tsx b/src/app/property/[id]/page.tsx
new file mode 100644
index 0000000..a593876
--- /dev/null
+++ b/src/app/property/[id]/page.tsx
@@ -0,0 +1,307 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import HeroOverlay from "@/components/sections/hero/HeroOverlay";
+import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
+import FeatureCardSix from "@/components/sections/feature/FeatureCardSix";
+import TestimonialCardOne from "@/components/sections/testimonial/TestimonialCardOne";
+import ContactCTA from "@/components/sections/contact/ContactCTA";
+import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
+import Link from "next/link";
+import { useParams } from "next/navigation";
+import { MapPin, Building2, TrendingUp, Phone, DollarSign, FileText } from "lucide-react";
+
+// Mock property data - replace with actual data fetching
+const propertyData: Record<string, any> = {
+  "prop-001": {
+    id: "prop-001",    name: "Prime Gas Station - I-35 Corridor",    price: "$4.2M",    variant: "Ground Lease",    description: "Prime-located fuel and convenience retail with strong cash flow potential and long-term tenant stability. This premium property sits on one of Texas's most traveled corridors with consistent high-volume traffic.",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/modern-well-maintained-gas-station-with--1773964200855-992e8917.png?_wi=1",    imageAlt: "I-35 Gas Station Property",    features: [
+      {
+        id: 1,
+        title: "Premium Location",        description: "Positioned on I-35 corridor with 45,000+ daily vehicles passing the property.",        imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/modern-well-maintained-gas-station-with--1773964200855-992e8917.png?_wi=1",        imageAlt: "Location Overview"},
+      {
+        id: 2,
+        title: "Strong Tenant Stability",        description: "Long-term lease with investment-grade tenant ensuring reliable income stream.",        imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/modern-well-maintained-gas-station-with--1773964200855-992e8917.png?_wi=1",        imageAlt: "Tenant Agreement"},
+      {
+        id: 3,
+        title: "Revenue Optimization",        description: "Convenience store and ancillary services provide multiple income streams.",        imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/modern-well-maintained-gas-station-with--1773964200855-992e8917.png?_wi=1",        imageAlt: "Revenue Streams"},
+    ],
+    metrics: [
+      { value: "45K+", title: "Daily Traffic" },
+      { value: "92%", title: "Occupancy Rate" },
+      { value: "6.2%", title: "Cap Rate" },
+    ],
+    testimonials: [
+      {
+        id: "1",        name: "David Patterson",        role: "Portfolio Manager",        company: "Lone Star Capital",        rating: 5,
+        imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/professional-portrait-photograph-of-a-su-1773964200693-27f76417.png"},
+      {
+        id: "2",        name: "Jennifer Martinez",        role: "Real Estate Director",        company: "Texas Investment Group",        rating: 5,
+        imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/professional-portrait-of-a-successful-35-1773964203241-1c407334.png"},
+    ],
+  },
+  "prop-002": {
+    id: "prop-002",    name: "Industrial Warehouse - DFW Metro",    price: "$8.5M",    variant: "Fee Simple",    description: "Multi-unit warehouse facility in strategic DFW corridor with excellent logistics access. State-of-the-art industrial facility positioned for strong tenant demand and long-term appreciation.",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/modern-industrial-warehouse-building-in--1773964201322-43488c30.png?_wi=1",    imageAlt: "DFW Industrial Warehouse",    features: [
+      {
+        id: 1,
+        title: "Strategic DFW Location",        description: "Positioned in one of the nation's fastest-growing logistics hubs with proximity to major highways.",        imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/modern-industrial-warehouse-building-in--1773964201322-43488c30.png?_wi=1",        imageAlt: "Location Advantages"},
+      {
+        id: 2,
+        title: "Class A Facility",        description: "Modern construction with climate control, high ceilings, and state-of-the-art loading facilities.",        imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/modern-industrial-warehouse-building-in--1773964201322-43488c30.png?_wi=1",        imageAlt: "Facility Features"},
+      {
+        id: 3,
+        title: "Multiple Tenant Base",        description: "Diversified tenant portfolio reduces vacancy risk and ensures stable cash flow.",        imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/modern-industrial-warehouse-building-in--1773964201322-43488c30.png?_wi=1",        imageAlt: "Tenant Portfolio"},
+    ],
+    metrics: [
+      { value: "250K+", title: "Square Footage" },
+      { value: "95%", title: "Occupancy Rate" },
+      { value: "5.8%", title: "Cap Rate" },
+    ],
+    testimonials: [
+      {
+        id: "1",        name: "Marcus Rodriguez",        role: "Senior Broker",        company: "Commercial Partners LLC",        rating: 5,
+        imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/professional-headshot-of-a-45-55-year-ol-1773964200062-7bb85aa3.png"},
+      {
+        id: "2",        name: "Sarah Thompson",        role: "Asset Manager",        company: "Frontier Realty Group",        rating: 5,
+        imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/professional-portrait-of-a-30-40-year-ol-1773964199651-6ff1c24e.png"},
+    ],
+  },
+  "prop-003": {
+    id: "prop-003",    name: "Retail Center - San Antonio",    price: "$12.1M",    variant: "Land & Building",    description: "Premium mixed-use retail development in San Antonio with established tenant base and high foot traffic. This iconic property anchors a prime commercial corridor with strong growth trajectory.",    imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/premium-retail-shopping-center-in-texas--1773964200641-5fdfd529.png?_wi=1",    imageAlt: "San Antonio Retail Center",    features: [
+      {
+        id: 1,
+        title: "Prime Retail Corridor",        description: "Located in San Antonio's most sought-after shopping district with exceptional foot traffic and visibility.",        imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/premium-retail-shopping-center-in-texas--1773964200641-5fdfd529.png?_wi=1",        imageAlt: "Retail Location"},
+      {
+        id: 2,
+        title: "Established Tenant Mix",        description: "National and regional retailers with strong credit ratings and proven performance.",        imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/premium-retail-shopping-center-in-texas--1773964200641-5fdfd529.png?_wi=1",        imageAlt: "Tenant Mix"},
+      {
+        id: 3,
+        title: "Value-Add Potential",        description: "Opportunity for tenant mix optimization and property enhancement initiatives.",        imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/premium-retail-shopping-center-in-texas--1773964200641-5fdfd529.png?_wi=1",        imageAlt: "Value Add"},
+    ],
+    metrics: [
+      { value: "150K+", title: "Square Footage" },
+      { value: "88%", title: "Occupancy Rate" },
+      { value: "5.5%", title: "Cap Rate" },
+    ],
+    testimonials: [
+      {
+        id: "1",        name: "David Patterson",        role: "Portfolio Manager",        company: "Lone Star Capital",        rating: 5,
+        imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/professional-portrait-photograph-of-a-su-1773964200693-27f76417.png"},
+      {
+        id: "2",        name: "Jennifer Martinez",        role: "Real Estate Director",        company: "Texas Investment Group",        rating: 5,
+        imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BBYssu4b4yyRpuULZ6iwHQMAiX/professional-portrait-of-a-successful-35-1773964203241-1c407334.png"},
+    ],
+  },
+};
+
+export default function PropertyPage() {
+  const params = useParams();
+  const propertyId = params.id as string;
+  const property = propertyData[propertyId];
+
+  const navItems = [
+    { name: "Home", id: "home" },
+    { name: "About", id: "about" },
+    { name: "Marketplace", id: "/listings" },
+    { name: "Our Impact", id: "metrics" },
+    { name: "Testimonials", id: "testimonials" },
+  ];
+
+  const footerColumns = [
+    {
+      title: "Platform",      items: [
+        { label: "Browse Listings", href: "/listings" },
+        { label: "Market Reports", href: "/contact" },
+        { label: "Pricing", href: "#" },
+        { label: "API Access", href: "#" },
+      ],
+    },
+    {
+      title: "Company",      items: [
+        { label: "About Us", href: "/about" },
+        { label: "Our Team", href: "/about" },
+        { label: "Careers", href: "#" },
+        { label: "Blog", href: "#" },
+      ],
+    },
+    {
+      title: "Resources",      items: [
+        { label: "CRE Guide", href: "#" },
+        { label: "Market Trends", href: "#" },
+        { label: "Investor Tools", href: "#" },
+        { label: "Support", href: "#" },
+      ],
+    },
+    {
+      title: "Legal",      items: [
+        { label: "Privacy Policy", href: "#" },
+        { label: "Terms of Service", href: "#" },
+        { label: "Disclaimer", href: "#" },
+        { label: "Contact", href: "/contact" },
+      ],
+    },
+  ];
+
+  if (!property) {
+    return (
+      <ThemeProvider
+        defaultButtonVariant="hover-magnetic"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="soft"
+        contentWidth="mediumSmall"
+        sizing="mediumLargeSizeMediumTitles"
+        background="noiseDiagonalGradient"
+        cardStyle="inset"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
+        headingFontWeight="normal"
+      >
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="TexasCRE"
+            navItems={navItems}
+            button={{
+              text: "Get Started",              href: "/contact"}}
+          />
+        </div>
+        <div id="hero" data-section="hero">
+          <HeroOverlay
+            title="Property Not Found"
+            description="The property you're looking for could not be found. Please return to our listings to explore other opportunities."
+            buttons={[{ text: "View All Listings", href: "/listings" }]}
+            buttonAnimation="slide-up"
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseCard
+            logoText="TexasCRE"
+            copyrightText="© 2025 TexasCRE | Commercial Real Estate Solutions"
+            columns={footerColumns}
+          />
+        </div>
+      </ThemeProvider>
+    );
+  }
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="hover-magnetic"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="soft"
+      contentWidth="mediumSmall"
+      sizing="mediumLargeSizeMediumTitles"
+      background="noiseDiagonalGradient"
+      cardStyle="inset"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="normal"
+    >
+      {/* Navbar */}
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingOverlay
+          brandName="TexasCRE"
+          navItems={navItems}
+          button={{
+            text: "Get Started",            href: "/contact"}}
+        />
+      </div>
+
+      {/* Hero Section */}
+      <div id="hero" data-section="hero">
+        <HeroOverlay
+          title={property.name}
+          description={property.description}
+          tag={property.variant}
+          tagIcon={Building2}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Schedule Consultation", href: "/contact" },
+            { text: "Download Brochure", href: "#" },
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc={property.imageSrc}
+          imageAlt={property.imageAlt}
+          showBlur={true}
+          showDimOverlay={true}
+        />
+      </div>
+
+      {/* Property Details Section */}
+      <div id="details" data-section="details">
+        <MetricSplitMediaAbout
+          title="Investment Overview"
+          description={`${property.name} represents a premier commercial real estate opportunity in the Texas market. This property combines strategic location, strong cash flow fundamentals, and significant appreciation potential for institutional and individual investors.`}
+          tag="Property Details"
+          tagIcon={FileText}
+          tagAnimation="slide-up"
+          metrics={property.metrics}
+          useInvertedBackground={true}
+          imageSrc={property.imageSrc}
+          imageAlt={property.imageAlt}
+          mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
+        />
+      </div>
+
+      {/* Features Section */}
+      <div id="features" data-section="features">
+        <FeatureCardSix
+          title="Key Property Features"
+          description="Detailed analysis of the property's competitive advantages and investment merits."
+          tag="Property Highlights"
+          tagIcon={TrendingUp}
+          tagAnimation="blur-reveal"
+          features={property.features}
+          textboxLayout="default"
+          useInvertedBackground={false}
+          buttons={[{ text: "Request Full Details", href: "/contact" }]}
+          buttonAnimation="slide-up"
+        />
+      </div>
+
+      {/* Testimonials Section */}
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardOne
+          title="Investor Success Stories"
+          description="See what successful investors say about their experience with similar properties through TexasCRE."
+          tag="Client Testimonials"
+          tagIcon={DollarSign}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          gridVariant="two-columns-alternating-heights"
+          animationType="slide-up"
+          carouselMode="buttons"
+          testimonials={property.testimonials}
+        />
+      </div>
+
+      {/* Call to Action Section */}
+      <div id="contact" data-section="contact">
+        <ContactCTA
+          tag="Next Steps"
+          tagIcon={Phone}
+          tagAnimation="slide-up"
+          title="Interested in This Property?"
+          description="Connect with our investment specialists to discuss this opportunity and explore how it fits your portfolio strategy."
+          buttons={[
+            { text: "Schedule Consultation", href: "/contact" },
+            { text: "View More Listings", href: "/listings" },
+          ]}
+          buttonAnimation="slide-up"
+          background={{ variant: "gradient-bars" }}
+          useInvertedBackground={false}
+        />
+      </div>
+
+      {/* Footer */}
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="TexasCRE"
+          copyrightText="© 2025 TexasCRE | Commercial Real Estate Solutions"
+          columns={footerColumns}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
-- 
2.49.1