Merge version_2 into main #3
@@ -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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
116
src/app/page.tsx
116
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>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
307
src/app/property/[id]/page.tsx
Normal file
307
src/app/property/[id]/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user