\n {/* Hero Section */}\n

\n Property Listings\n

\n Browse our extensive collection of premium plots and properties across all garden estates\n

\n\n {/* Filters */}\n

\n \n Garden Estate\n \n setFilters({ ...filters, garden: e.target.value })}\n className=\"form-input\"\n >\n \n {gardens.map(garden => (\n \n ))}\n \n

\n \n

\n \n Price Range\n \n setFilters({ ...filters, priceRange: e.target.value })}\n className=\"form-input\"\n >\n {priceRanges.map(range => (\n \n ))}\n \n

\n \n

\n \n Status\n \n setFilters({ ...filters, status: e.target.value })}\n className=\"form-input\"\n >\n {statusOptions.map(status => (\n \n ))}\n \n

\n \n

\n setFilters({ garden: 'all', priceRange: 'all', status: 'available' })}\n className=\"w-full btn-secondary\"\n >\n \n Reset Filters\n \n

\n \n

\n Showing {filteredProperties.length} of {properties.length} properties\n

\n\n {/* Properties Grid */}\n

\n {loading ? (\n

Loading properties...

\n ) : filteredProperties.length > 0 ? (\n

\n {filteredProperties.map((property) => (\n

\n Plot {property.plotNumber}\n

{getGardenName(property.gardenId)}

\n \n {property.status}\n \n

\n\n

\n Location:\n {getGardenLocation(property.gardenId)}\n

\n Size:\n {property.size}\n

\n Price:\n ₦{property.price.toLocaleString()}\n

\n\n {property.description && (\n

\n {property.description}\n

\n )}\n\n

\n {property.status === 'available' ? (\n <>\n onNavigate('payment')}\n className=\"flex-1 btn-primary text-sm\"\n >\n \n Reserve\n \n onNavigate('garden-detail', property.gardenId)}\n className=\"px-3 py-2 border border-teal-600 text-teal-600 rounded-lg hover:bg-teal-50 transition-colors\"\n >\n \n \n \n ) : (\n onNavigate('garden-detail', property.gardenId)}\n className=\"w-full btn-secondary text-sm\"\n >\n \n View Garden\n \n )}\n

\n ))}\n

\n ) : (\n

\n \n

No properties found

Try adjusting your filters to see more results.

\n setFilters({ garden: 'all', priceRange: 'all', status: 'available' })}\n className=\"btn-primary\"\n >\n \n Reset Filters\n \n

\n )}\n

\n\n {/* Quick Stats */}\n

\n Property Overview\n

\n Current availability across all our garden estates\n

\n\n

\n {properties.filter(p => p.status === 'available').length}\n

Available

\n {properties.filter(p => p.status === 'reserved').length}\n

Reserved

\n {properties.filter(p => p.status === 'sold').length}\n

Sold

\n {properties.length}\n

Total Properties

\n\n {/* Garden Quick Links */}\n

\n Explore by Garden\n

\n Browse properties by specific garden estates\n

\n\n

\n {gardens.map((garden) => {\n const gardenProperties = properties.filter(p => p.gardenId === garden.id);\n const availableCount = gardenProperties.filter(p => p.status === 'available').length;\n \n return (\n

{garden.name}

\n \n {garden.location}\n

\n Available Properties\n {availableCount}\n

\n onNavigate('garden-detail', garden.id)}\n className=\"w-full btn-primary\"\n >\n \n View Properties\n \n

\n );\n })}\n

\n\n {/* CTA Section */}\n

\n Found Your Perfect Property?\n

\n Don't wait! Premium properties in our gardens are selling fast. Secure yours today.\n

\n onNavigate('contact')}\n className=\"btn-primary text-lg px-8 py-4\"\n >\n \n Contact Us Now\n \n onNavigate('dashboard')}\n className=\"btn-secondary text-lg px-8 py-4\"\n >\n \n Create Account\n \n

\n );\n}",[242,158,103],"1254c1ba-3f9b-11f0-afe7-76b3cceeab13",["D",1748859570828],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { User } from \"../../shared/types.ts\";\n\ninterface PaymentPageProps {\n user: User | null;\n onNavigate: (page: string) => void;\n}\n\nexport default function PaymentPage({ user, onNavigate }: PaymentPageProps) {\n const [selectedProperty, setSelectedProperty] = useState('');\n const [paymentMethod, setPaymentMethod] = useState('bank_transfer');\n const [amount, setAmount] = useState('');\n const [loading, setLoading] = useState(false);\n const [paymentStep, setPaymentStep] = useState<'select' | 'details' | 'confirm' | 'success'>('select');\n\n const paymentMethods = [\n {\n id: 'bank_transfer',\n name: 'Bank Transfer',\n icon: 'fas fa-university',\n description: 'Direct bank transfer to our account'\n },\n {\n id: 'card',\n name: 'Debit/Credit Card',\n icon: 'fas fa-credit-card',\n description: 'Pay securely with your card'\n },\n {\n id: 'ussd',\n name: 'USSD Code',\n icon: 'fas fa-mobile-alt',\n description: 'Pay using your mobile banking USSD'\n },\n {\n id: 'pos',\n name: 'POS Payment',\n icon: 'fas fa-calculator',\n description: 'Pay at our office with POS'\n }\n ];\n\n const sampleProperties = [\n { id: 'prop1', name: 'Plot 15 - Jason\\'s Garden', price: 3500000, garden: 'Jason\\'s Garden' },\n { id: 'prop2', name: 'Plot 8 - Eagle\\'s Garden', price: 4200000, garden: 'Eagle\\'s Garden' },\n { id: 'prop3', name: 'Plot 22 - Victoria\\'s Garden', price: 2800000, garden: 'Victoria\\'s Garden' }\n ];\n\n const handlePayment = async () => {\n if (!user) {\n onNavigate('dashboard');\n return;\n }\n\n setLoading(true);\n \n try {\n const response = await fetch('/api/payments', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n userId: user.id,\n propertyId: selectedProperty,\n amount: parseInt(amount),\n paymentMethod\n })\n });\n\n if (response.ok) {\n setPaymentStep('success');\n } else {\n alert('Payment failed. Please try again.');\n }\n } catch (error) {\n alert('Network error. Please try again.');\n } finally {\n setLoading(false);\n }\n };\n\n if (!user) {\n return (\n

\n \n

Login Required

\n You need to be logged in to make payments. Please create an account or sign in to continue.\n

\n onNavigate('dashboard')}\n className=\"btn-primary w-full\"\n >\n \n Login / Create Account\n \n

\n );\n }\n\n return (\n

\n {/* Header */}\n

\n Secure Payment\n

\n Complete your property purchase with our secure payment system\n

\n\n {/* Payment Steps */}\n

\n 1\n

\n Select Property\n

\n 2\n

\n Payment Details\n

\n 3\n

\n Confirm\n

\n 4\n

\n Complete\n

\n\n {/* Payment Content */}\n

\n {paymentStep === 'select' && (\n

\n Select Property to Purchase\n

\n {sampleProperties.map((property) => (\n setSelectedProperty(property.id)}\n >\n

{property.name}

\n {selectedProperty === property.id && (\n \n )}\n

{property.garden}

\n ₦{property.price.toLocaleString()}\n

\n ))}\n

\n \n {selectedProperty && (\n

\n setPaymentStep('details')}\n className=\"btn-primary text-lg px-8 py-3\"\n >\n \n Continue to Payment\n \n

\n )}\n

\n )}\n\n {paymentStep === 'details' && (\n

\n Payment Details\n

\n \n

Selected Property

\n {selectedProperty && (\n

\n {sampleProperties.find(p => p.id === selectedProperty)?.name}\n

\n {sampleProperties.find(p => p.id === selectedProperty)?.garden}\n

\n ₦{sampleProperties.find(p => p.id === selectedProperty)?.price.toLocaleString()}\n

\n )}\n

\n\n

\n Payment Amount (₦)\n setAmount(e.target.value)}\n className=\"form-input\"\n placeholder=\"Enter amount to pay\"\n />\n

\n You can make partial payments. Minimum: ₦500,000\n

\n\n

\n Payment Method\n

\n {paymentMethods.map((method) => (\n setPaymentMethod(method.id)}\n >\n

\n \n {method.name}\n {paymentMethod === method.id && (\n \n )}\n

{method.description}

\n ))}\n

\n\n

\n setPaymentStep('select')}\n className=\"flex-1 btn-secondary\"\n >\n \n Back\n \n setPaymentStep('confirm')}\n disabled={!amount || parseInt(amount) < 500000}\n className=\"flex-1 btn-primary disabled:opacity-50 disabled:cursor-not-allowed\"\n >\n \n Review Payment\n \n

\n )}\n\n {paymentStep === 'confirm' && (\n

\n Confirm Payment\n

\n \n

Payment Summary

\n Property:\n \n {sampleProperties.find(p => p.id === selectedProperty)?.name}\n \n

\n Garden:\n \n {sampleProperties.find(p => p.id === selectedProperty)?.garden}\n \n

\n Payment Amount:\n ₦{parseInt(amount).toLocaleString()}\n

\n Payment Method:\n \n {paymentMethods.find(m => m.id === paymentMethod)?.name}\n \n

\n\n {paymentMethod === 'bank_transfer' && (\n

Bank Transfer Details

Bank: First Bank Nigeria

Account Name: Eagle Majdes Homes and Services Ltd

Account Number: 2034567890

Reference: {user.name.replace(/\\s+/g, '').toUpperCase()}-{selectedProperty}

\n )}\n\n

\n \n Please ensure all payment details are correct before proceeding. \n Contact our support team if you need assistance.\n

\n\n

\n setPaymentStep('details')}\n className=\"flex-1 btn-secondary\"\n >\n \n Back\n \n \n {loading ? (\n

\n ) : (\n \n )}\n {loading ? 'Processing...' : 'Confirm Payment'}\n \n

\n )}\n\n {paymentStep === 'success' && (\n

\n \n

\n Payment Initiated Successfully!\n

\n Your payment request has been submitted. You will receive a confirmation \n email shortly with further instructions.\n

\n \n

Next Steps:

• Complete the payment using your selected method
• Send payment confirmation to our WhatsApp: +234 816 487 8281
• Our team will verify and update your booking status
• You'll receive property documentation within 24-48 hours

\n\n

\n onNavigate('dashboard')}\n className=\"flex-1 btn-primary\"\n >\n \n Go to Dashboard\n \n onNavigate('contact')}\n className=\"flex-1 btn-secondary\"\n >\n \n Contact Support\n \n

\n )}\n \n \n\n {/* Security Notice */}\n

\n \n

Secure Payment Guarantee

\n \n SSL Encrypted\n

\n \n Verified Business\n

\n \n 24/7 Support\n

\n \n );\n}",[242,158,127],"1254b710-3f9b-11f0-afe7-76b3cceeab13",["D",1748859570828],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { Garden } from \"../../shared/types.ts\";\n\ninterface HomePageProps {\n gardens: Garden[];\n featuredGardens: Garden[];\n onNavigate: (page: string, gardenId?: string) => void;\n}\n\nexport default function HomePage({ gardens, featuredGardens, onNavigate }: HomePageProps) {\n const stats = [\n { icon: 'fas fa-seedling', label: 'Gardens', value: gardens.length.toString() },\n { icon: 'fas fa-map-marker-alt', label: 'Locations', value: '4' },\n { icon: 'fas fa-users', label: 'Happy Clients', value: '500+' },\n { icon: 'fas fa-award', label: 'Years Experience', value: '10+' }\n ];\n\n const features = [\n {\n icon: 'fas fa-shield-alt',\n title: 'Secure Investment',\n description: 'All properties come with proper documentation and legal backing'\n },\n {\n icon: 'fas fa-road',\n title: 'Modern Infrastructure',\n description: 'Well-planned estates with good road networks and utilities'\n },\n {\n icon: 'fas fa-handshake',\n title: 'Flexible Payment',\n description: 'Multiple payment options including installmental plans'\n },\n {\n icon: 'fas fa-headset',\n title: '24/7 Support',\n description: 'Dedicated customer support team ready to assist you'\n }\n ];\n\n return (\n

\n {/* Hero Section */}\n

\n Your Dream Home Awaits\n

\n Discover premium real estate opportunities in Nigeria's most sought-after locations. \n Quality estates, modern amenities, and affordable prices.\n

\n onNavigate('gardens')}\n className=\"btn-primary text-lg px-8 py-4\"\n >\n \n Explore Our Gardens\n \n onNavigate('contact')}\n className=\"btn-secondary text-lg px-8 py-4\"\n >\n \n Contact Us\n \n

\n\n {/* Stats Section */}\n

\n {stats.map((stat, index) => (\n

\n \n

{stat.value}

{stat.label}

\n ))}\n

\n\n {/* Featured Gardens */}\n

\n Featured Gardens\n

\n Discover our premium estate developments with modern amenities and excellent locations\n

\n\n

\n {featuredGardens.map((garden) => (\n

\n \n

{garden.name}

\n \n {garden.location}\n

{garden.description}

\n {garden.priceRange}\n \n {garden.availablePlots} plots available\n \n

\n {garden.amenities.slice(0, 3).map((amenity, index) => (\n \n {amenity}\n \n ))}\n {garden.amenities.length > 3 && (\n \n +{garden.amenities.length - 3} more\n \n )}\n

\n onNavigate('garden-detail', garden.id)}\n className=\"w-full btn-primary\"\n >\n \n View Details\n \n

\n ))}\n

\n\n

\n onNavigate('gardens')}\n className=\"btn-secondary text-lg px-8 py-3\"\n >\n \n View All Gardens\n \n

\n\n {/* Features Section */}\n

\n Why Choose Eagle Majdes?\n

\n We provide comprehensive real estate solutions with a focus on quality, affordability, and customer satisfaction\n

\n\n

\n {features.map((feature, index) => (\n

\n \n

{feature.title}

{feature.description}

\n ))}\n

\n\n {/* CTA Section */}\n

\n Ready to Find Your Perfect Property?\n

\n Join hundreds of satisfied customers who have found their dream homes with Eagle Majdes\n

\n onNavigate('properties')}\n className=\"btn-primary text-lg px-8 py-4\"\n >\n \n Browse Properties\n \n onNavigate('dashboard')}\n className=\"btn-secondary text-lg px-8 py-4\"\n >\n \n Get Started\n \n

\n );\n}",[242,158,115],"1254afcc-3f9b-11f0-afe7-76b3cceeab13",["D",1748859570828],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { User } from \"../../shared/types.ts\";\n\ninterface HeaderProps {\n currentPage: string;\n onNavigate: (page: any) => void;\n user: User | null;\n}\n\nexport default function Header({ currentPage, onNavigate, user }: HeaderProps) {\n const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);\n\n const navItems = [\n { id: 'home', label: 'Home', icon: 'fas fa-home' },\n { id: 'about', label: 'About', icon: 'fas fa-info-circle' },\n { id: 'gardens', label: 'Gardens', icon: 'fas fa-seedling' },\n { id: 'properties', label: 'Properties', icon: 'fas fa-building' },\n { id: 'contact', label: 'Contact', icon: 'fas fa-phone' }\n ];\n\n return (\n

\n {/* Logo */}\n

onNavigate('home')}>\n

\n {/* Logo will be styled with CSS */}\n

Eagle Majdes

Homes & Services

\n\n {/* Desktop Navigation */}\n

\n {navItems.map((item) => (\n onNavigate(item.id)}\n className={`nav-link flex items-center space-x-2 px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n currentPage === item.id\n ? 'text-teal-600 bg-teal-50'\n : 'text-gray-700 hover:text-teal-600 hover:bg-gray-50'\n }`}\n >\n \n {item.label}\n \n ))}\n

\n\n {/* User Actions */}\n

\n {user ? (\n

\n {user.name.charAt(0).toUpperCase()}\n

\n onNavigate('dashboard')}\n className=\"btn-secondary text-sm\"\n >\n \n Dashboard\n \n

\n ) : (\n onNavigate('dashboard')}\n className=\"btn-primary text-sm\"\n >\n \n Login\n \n )}\n

\n\n {/* Mobile menu button */}\n

\n setIsMobileMenuOpen(!isMobileMenuOpen)}\n className=\"text-gray-700 hover:text-teal-600 focus:outline-none\"\n >\n \n \n

\n\n {/* Mobile Navigation */}\n {isMobileMenuOpen && (\n

\n {navItems.map((item) => (\n {\n onNavigate(item.id);\n setIsMobileMenuOpen(false);\n }}\n className={`nav-link flex items-center space-x-3 px-3 py-2 rounded-md text-sm font-medium transition-colors ${\n currentPage === item.id\n ? 'text-teal-600 bg-teal-50'\n : 'text-gray-700 hover:text-teal-600 hover:bg-gray-50'\n }`}\n >\n \n {item.label}\n \n ))}\n \n {/* Mobile user actions */}\n

\n {user ? (\n {\n onNavigate('dashboard');\n setIsMobileMenuOpen(false);\n }}\n className=\"flex items-center space-x-3 px-3 py-2 text-sm font-medium text-gray-700 hover:text-teal-600\"\n >\n

\n {user.name.charAt(0).toUpperCase()}\n

\n Dashboard\n \n ) : (\n {\n onNavigate('dashboard');\n setIsMobileMenuOpen(false);\n }}\n className=\"flex items-center space-x-3 px-3 py-2 text-sm font-medium text-teal-600\"\n >\n \n Login\n \n )}\n

\n )}\n

\n );\n}",[242,158,85],"12549fe6-3f9b-11f0-afe7-76b3cceeab13",["D",1748859570828],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { Garden } from \"../../shared/types.ts\";\n\ninterface GardensPageProps {\n gardens: Garden[];\n onNavigate: (page: string, gardenId?: string) => void;\n}\n\nexport default function GardensPage({ gardens, onNavigate }: GardensPageProps) {\n const [selectedLocation, setSelectedLocation] = useState('all');\n const [sortBy, setSortBy] = useState('name');\n\n const locations = ['all', ...Array.from(new Set(gardens.map(g => g.location)))];\n\n const filteredGardens = gardens\n .filter(garden => selectedLocation === 'all' || garden.location === selectedLocation)\n .sort((a, b) => {\n switch (sortBy) {\n case 'name':\n return a.name.localeCompare(b.name);\n case 'location':\n return a.location.localeCompare(b.location);\n case 'available':\n return b.availablePlots - a.availablePlots;\n case 'price':\n // Simple price comparison based on first number in price range\n const aPrice = parseInt(a.priceRange.replace(/[^\\d]/g, ''));\n const bPrice = parseInt(b.priceRange.replace(/[^\\d]/g, ''));\n return aPrice - bPrice;\n default:\n return 0;\n }\n });\n\n return (\n

\n {/* Hero Section */}\n

\n Our Garden Estates\n

\n Discover premium residential communities designed for modern living with world-class amenities\n

\n\n {/* Filters */}\n

\n \n Filter by Location\n \n setSelectedLocation(e.target.value)}\n className=\"form-input\"\n >\n {locations.map(location => (\n \n ))}\n \n

\n \n Sort by\n \n setSortBy(e.target.value)}\n className=\"form-input\"\n >\n \n \n \n \n \n

\n Showing {filteredGardens.length} of {gardens.length} gardens\n

\n\n {/* Gardens Grid */}\n

\n {filteredGardens.map((garden) => (\n

\n \n {garden.featured && (\n

\n \n Featured\n

\n )}\n

{garden.name}

\n \n {garden.location}\n

{garden.description}

\n \n

\n Price Range\n {garden.priceRange}\n

\n Available Plots\n \n {garden.availablePlots} of {garden.totalPlots}\n \n

\n\n

\n {garden.amenities.slice(0, 3).map((amenity, index) => (\n \n {amenity}\n \n ))}\n {garden.amenities.length > 3 && (\n \n +{garden.amenities.length - 3} more\n \n )}\n

\n\n

\n onNavigate('garden-detail', garden.id)}\n className=\"flex-1 btn-primary\"\n >\n \n View Details\n \n onNavigate('contact')}\n className=\"px-4 py-2 border border-teal-600 text-teal-600 rounded-lg hover:bg-teal-50 transition-colors\"\n >\n \n \n

\n ))}\n

\n\n {filteredGardens.length === 0 && (\n

\n \n

No gardens found

Try adjusting your filters to see more results.

\n )}\n

\n\n {/* Location Overview */}\n

\n Prime Locations\n

\n Our gardens are strategically located in the most desirable areas of Enugu State\n

\n\n

\n \n

Ogbeke Nike

\n {gardens.filter(g => g.location === 'Ogbeke Nike').length} Gardens\n

\n \n

Ama-Awji Nike

\n {gardens.filter(g => g.location === 'Ama-Awji Nike').length} Gardens\n

\n \n

Agbogazi Nike

\n {gardens.filter(g => g.location === 'Agbogazi Nike').length} Gardens\n

\n \n

Centenary City

\n {gardens.filter(g => g.location === 'Centenary City, Enugu').length} Premium Garden\n

\n\n {/* CTA Section */}\n

\n Find Your Perfect Garden\n

\n Each of our gardens offers unique features and amenities. Contact us to schedule a site visit.\n

\n onNavigate('contact')}\n className=\"btn-primary text-lg px-8 py-4\"\n >\n \n Schedule Site Visit\n \n onNavigate('properties')}\n className=\"btn-secondary text-lg px-8 py-4\"\n >\n \n Browse Properties\n \n

\n );\n}",[242,158,145],"125484e8-3f9b-11f0-afe7-76b3cceeab13",["D",1748859570828],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { Garden, Property } from \"../../shared/types.ts\";\n\ninterface GardenDetailPageProps {\n garden: Garden;\n onNavigate: (page: string, gardenId?: string) => void;\n}\n\nexport default function GardenDetailPage({ garden, onNavigate }: GardenDetailPageProps) {\n const [properties, setProperties] = useState([]);\n const [loading, setLoading] = useState(true);\n const [activeTab, setActiveTab] = useState<'overview' | 'amenities' | 'properties' | 'location'>('overview');\n\n useEffect(() => {\n fetchProperties();\n }, [garden.id]);\n\n const fetchProperties = async () => {\n try {\n const response = await fetch(`/api/gardens/${garden.id}/properties`);\n if (response.ok) {\n const data = await response.json();\n setProperties(data);\n }\n } catch (error) {\n console.error('Error fetching properties:', error);\n } finally {\n setLoading(false);\n }\n };\n\n const availableProperties = properties.filter(p => p.status === 'available');\n const reservedProperties = properties.filter(p => p.status === 'reserved');\n const soldProperties = properties.filter(p => p.status === 'sold');\n\n const tabs = [\n { id: 'overview', label: 'Overview', icon: 'fas fa-info-circle' },\n { id: 'amenities', label: 'Amenities', icon: 'fas fa-star' },\n { id: 'properties', label: 'Properties', icon: 'fas fa-building' },\n { id: 'location', label: 'Location', icon: 'fas fa-map-marker-alt' }\n ];\n\n return (\n

\n {/* Hero Section */}\n

\n onNavigate('gardens')}\n className=\"mr-4 text-white hover:text-yellow-200 transition-colors\"\n >\n \n \n

{garden.name}

\n \n {garden.location}\n

{garden.description}

\n\n {/* Quick Stats */}\n

{garden.priceRange}

Price Range

{garden.availablePlots}

Available Plots

{garden.totalPlots}

Total Plots

{garden.amenities.length}

Amenities

\n\n {/* Tabs Navigation */}\n

\n {tabs.map((tab) => (\n setActiveTab(tab.id as any)}\n className={`flex items-center space-x-2 py-4 px-2 border-b-2 font-medium text-sm whitespace-nowrap transition-colors ${\n activeTab === tab.id\n ? 'border-teal-600 text-teal-600'\n : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'\n }`}\n >\n \n {tab.label}\n \n ))}\n

\n\n {/* Tab Content */}\n

\n {activeTab === 'overview' && (\n

About {garden.name}

{garden.description}

\n Located in the prestigious {garden.location} area, {garden.name} offers residents \n a perfect blend of modern living and natural beauty. Our carefully planned estate \n features wide roads, proper drainage systems, and reliable utilities.\n

\n With {garden.totalPlots} total plots and {garden.availablePlots} still available, \n this is an excellent opportunity to secure your dream home in one of Enugu's \n most sought-after locations.\n

\n \n

Key Features

\n \n Proper Documentation\n

\n \n Government Approved\n

\n \n Flexible Payment Plans\n

\n \n 24/7 Security\n

\n \n

Plot Availability

\n Available\n {garden.availablePlots} plots\n

\n Reserved\n {reservedProperties.length} plots\n

\n Sold\n {soldProperties.length} plots\n

\n \n

\n onNavigate('contact')}\n className=\"w-full btn-primary\"\n >\n \n Schedule Site Visit\n \n onNavigate('dashboard')}\n className=\"w-full btn-secondary\"\n >\n \n Add to Interests\n \n

\n )}\n\n {activeTab === 'amenities' && (\n

Estate Amenities

\n {garden.amenities.map((amenity, index) => (\n

\n \n

{amenity}

\n ))}\n

\n )}\n\n {activeTab === 'properties' && (\n

Available Properties

\n {availableProperties.length} of {properties.length} properties available\n

\n\n {loading ? (\n

Loading properties...

\n ) : (\n

\n {availableProperties.map((property) => (\n

Plot {property.plotNumber}

\n Available\n

\n Size:\n {property.size}\n

\n Price:\n ₦{property.price.toLocaleString()}\n

\n {property.description && (\n

{property.description}

\n )}\n

\n onNavigate('payment')}\n className=\"flex-1 btn-primary text-sm\"\n >\n \n Reserve\n \n onNavigate('contact')}\n className=\"px-3 py-2 border border-teal-600 text-teal-600 rounded-lg hover:bg-teal-50 transition-colors\"\n >\n \n \n

\n ))}\n

\n )}\n\n {!loading && availableProperties.length === 0 && (\n

\n \n

No available properties

All plots in this garden are currently reserved or sold.

\n onNavigate('contact')}\n className=\"mt-4 btn-primary\"\n >\n \n Get Notified of New Releases\n \n

\n )}\n

\n )}\n\n {activeTab === 'location' && (\n

Location & Accessibility

About {garden.location}

\n {garden.location} is one of the most prestigious and rapidly developing areas in Enugu State. \n Known for its peaceful environment and excellent infrastructure, it offers residents easy \n access to major amenities and transportation networks.\n

\n The area is well-connected to the main city center and features good road networks, \n making it an ideal location for both residential and investment purposes.\n

\n\n

Nearby Amenities

\n \n Healthcare facilities within 5km\n

\n \n Quality schools and educational institutions\n

\n \n Shopping centers and markets nearby\n

\n \n Public transportation access\n

\n \n Religious centers and community facilities\n

\n\n

Contact for Site Visit

\n Schedule a visit to see {garden.name} and experience the location firsthand. \n Our team will provide guided tours and answer all your questions.\n

\n onNavigate('contact')}\n className=\"w-full btn-primary\"\n >\n \n Schedule Site Visit\n \n window.open(`https://maps.google.com/?q=${garden.location}`, '_blank')}\n className=\"w-full btn-secondary\"\n >\n \n View on Google Maps\n \n

\n )}\n

\n\n {/* CTA Section */}\n

\n Ready to Make {garden.name} Your Home?\n

\n Don't miss this opportunity to own a piece of prime real estate in {garden.location}\n

\n onNavigate('contact')}\n className=\"btn-primary text-lg px-8 py-4\"\n >\n \n Contact Us Now\n \n onNavigate('gardens')}\n className=\"btn-secondary text-lg px-8 py-4\"\n >\n \n Explore Other Gardens\n \n

\n );\n}",[242,158,156],"12547c64-3f9b-11f0-afe7-76b3cceeab13",["D",1748859570828],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport type { ContactInfo } from \"../../shared/types.ts\";\n\ninterface FooterProps {\n contact: ContactInfo;\n}\n\nexport default function Footer({ contact }: FooterProps) {\n const currentYear = new Date().getFullYear();\n\n return (\n \n );\n}",[242,158,133],"12546616-3f9b-11f0-afe7-76b3cceeab13",["D",1748859570828],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport type { User, Garden, Payment, Booking } from \"../../shared/types.ts\";\nimport { validateEmail, validatePhone } from \"../../shared/utils.ts\";\n\ninterface DashboardPageProps {\n user: User | null;\n onNavigate: (page: string, gardenId?: string) => void;\n onUserUpdate: (user: User | null) => void;\n}\n\nexport default function DashboardPage({ user, onNavigate, onUserUpdate }: DashboardPageProps) {\n const [activeTab, setActiveTab] = useState<'profile' | 'interests' | 'payments' | 'bookings'>('profile');\n const [isLogin, setIsLogin] = useState(true);\n const [loading, setLoading] = useState(false);\n const [formData, setFormData] = useState({\n name: '',\n email: '',\n phone: ''\n });\n const [errors, setErrors] = useState>({});\n\n useEffect(() => {\n if (user) {\n setFormData({\n name: user.name,\n email: user.email,\n phone: user.phone\n });\n }\n }, [user]);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setLoading(true);\n setErrors({});\n\n // Validation\n const newErrors: Record = {};\n if (!formData.name.trim()) newErrors.name = 'Name is required';\n if (!formData.email.trim()) newErrors.email = 'Email is required';\n else if (!validateEmail(formData.email)) newErrors.email = 'Invalid email format';\n if (!formData.phone.trim()) newErrors.phone = 'Phone is required';\n else if (!validatePhone(formData.phone)) newErrors.phone = 'Invalid phone format';\n\n if (Object.keys(newErrors).length > 0) {\n setErrors(newErrors);\n setLoading(false);\n return;\n }\n\n try {\n const response = await fetch('/api/users', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(formData)\n });\n\n if (response.ok) {\n const userData = await response.json();\n onUserUpdate(userData);\n setActiveTab('interests');\n } else {\n const error = await response.json();\n setErrors({ general: error.error || 'An error occurred' });\n }\n } catch (error) {\n setErrors({ general: 'Network error. Please try again.' });\n } finally {\n setLoading(false);\n }\n };\n\n const handleInterestToggle = async (gardenId: string) => {\n if (!user) return;\n\n try {\n const isInterested = user.interests.includes(gardenId);\n const method = isInterested ? 'DELETE' : 'POST';\n const url = isInterested \n ? `/api/users/${user.id}/interests/${gardenId}`\n : `/api/users/${user.id}/interests`;\n\n const response = await fetch(url, {\n method,\n headers: { 'Content-Type': 'application/json' },\n body: method === 'POST' ? JSON.stringify({ gardenId }) : undefined\n });\n\n if (response.ok) {\n // Update user interests locally\n const updatedInterests = isInterested\n ? user.interests.filter(id => id !== gardenId)\n : [...user.interests, gardenId];\n \n onUserUpdate({\n ...user,\n interests: updatedInterests\n });\n }\n } catch (error) {\n console.error('Error updating interest:', error);\n }\n };\n\n const tabs = [\n { id: 'profile', label: 'Profile', icon: 'fas fa-user' },\n { id: 'interests', label: 'Interests', icon: 'fas fa-heart' },\n { id: 'payments', label: 'Payments', icon: 'fas fa-credit-card' },\n { id: 'bookings', label: 'Bookings', icon: 'fas fa-calendar' }\n ];\n\n if (!user) {\n return (\n

\n \n

\n {isLogin ? 'Welcome Back' : 'Create Account'}\n

\n {isLogin ? 'Sign in to access your dashboard' : 'Join Eagle Majdes to track your property interests'}\n

\n\n

\n {!isLogin && (\n

\n Full Name\n setFormData({ ...formData, name: e.target.value })}\n className={`form-input ${errors.name ? 'border-red-500' : ''}`}\n placeholder=\"Enter your full name\"\n />\n {errors.name &&

{errors.name}

}\n

\n )}\n\n

\n Email Address\n setFormData({ ...formData, email: e.target.value })}\n className={`form-input ${errors.email ? 'border-red-500' : ''}`}\n placeholder=\"Enter your email\"\n />\n {errors.email &&

{errors.email}

}\n

\n\n

\n Phone Number\n setFormData({ ...formData, phone: e.target.value })}\n className={`form-input ${errors.phone ? 'border-red-500' : ''}`}\n placeholder=\"Enter your phone number\"\n />\n {errors.phone &&

{errors.phone}

}\n

\n\n {errors.general && (\n

{errors.general}

\n )}\n\n \n {loading ? (\n

\n ) : (\n \n )}\n {loading ? 'Processing...' : (isLogin ? 'Sign In' : 'Create Account')}\n \n \n\n

\n setIsLogin(!isLogin)}\n className=\"text-teal-600 hover:text-teal-700 text-sm\"\n >\n {isLogin ? \"Don't have an account? Create one\" : \"Already have an account? Sign in\"}\n \n

\n );\n }\n\n return (\n

\n {/* Header */}\n

\n {user.name.charAt(0).toUpperCase()}\n

Welcome, {user.name}

{user.email}

\n onUserUpdate(null)}\n className=\"text-gray-500 hover:text-gray-700\"\n >\n \n Sign Out\n \n

\n\n {/* Tabs */}\n

\n\n {/* Tab Content */}\n

\n {activeTab === 'profile' && (\n

Profile Information

\n Full Name\n \n

\n Email Address\n \n

\n Phone Number\n \n

\n \n To update your profile information, please contact our support team.\n

\n )}\n\n {activeTab === 'interests' && (\n

Your Interests

\n onNavigate('gardens')}\n className=\"btn-primary\"\n >\n \n Explore Gardens\n \n

\n\n {user.interests.length > 0 ? (\n

\n {user.interests.map((gardenId) => {\n // This would normally fetch garden data, but for demo we'll use placeholder\n return (\n

Garden {gardenId}

\n handleInterestToggle(gardenId)}\n className=\"text-red-500 hover:text-red-700\"\n >\n \n \n

Premium residential estate with modern amenities.

\n onNavigate('garden-detail', gardenId)}\n className=\"flex-1 btn-primary text-sm\"\n >\n \n View Details\n \n onNavigate('contact')}\n className=\"px-3 py-2 border border-teal-600 text-teal-600 rounded-lg hover:bg-teal-50 transition-colors\"\n >\n \n \n

\n );\n })}\n

\n ) : (\n

\n \n

No interests yet

Start exploring our gardens to add them to your interests.

\n onNavigate('gardens')}\n className=\"btn-primary\"\n >\n \n Explore Gardens\n \n

\n )}\n

\n )}\n\n {activeTab === 'payments' && (\n

Payment History

\n {user.payments && user.payments.length > 0 ? (\n

\n \n \n \n \n \n \n \n \n \n \n {user.payments.map((payment) => (\n \n \n \n \n \n \n ))}\n \n

\n Payment ID\n	\n Amount\n	\n Status\n	\n Date\n
\n {payment.id}\n	\n ₦{payment.amount.toLocaleString()}\n	\n \n {payment.status}\n \n	\n {new Date(payment.createdAt).toLocaleDateString()}\n

\n ) : (\n

\n \n

No payments yet

Your payment history will appear here once you make a purchase.

\n onNavigate('properties')}\n className=\"btn-primary\"\n >\n \n Browse Properties\n \n

\n )}\n

\n )}\n\n {activeTab === 'bookings' && (\n

Your Bookings

\n {user.bookings && user.bookings.length > 0 ? (\n

\n {user.bookings.map((booking) => (\n

Booking #{booking.id}

\n \n {booking.status}\n \n

\n Property:\n {booking.propertyId}\n

\n Date:\n {new Date(booking.createdAt).toLocaleDateString()}\n

\n {booking.notes && (\n

{booking.notes}

\n )}\n onNavigate('contact')}\n className=\"w-full btn-secondary text-sm\"\n >\n \n Contact Support\n \n

\n ))}\n

\n ) : (\n

\n \n

No bookings yet

Your property bookings will appear here.

\n onNavigate('properties')}\n className=\"btn-primary\"\n >\n \n Browse Properties\n \n

\n )}\n

\n );\n}",[242,158,109],"1254513a-3f9b-11f0-afe7-76b3cceeab13",["D",1748859570828],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState } from \"https://esm.sh/react@18.2.0\";\nimport type { ContactInfo } from \"../../shared/types.ts\";\n\ninterface ContactPageProps {\n contact: ContactInfo;\n}\n\nexport default function ContactPage({ contact }: ContactPageProps) {\n const [formData, setFormData] = useState({\n name: '',\n email: '',\n phone: '',\n subject: '',\n message: '',\n interest: 'general'\n });\n const [loading, setLoading] = useState(false);\n const [submitted, setSubmitted] = useState(false);\n\n const handleSubmit = async (e: React.FormEvent) => {\n e.preventDefault();\n setLoading(true);\n \n // Simulate form submission\n setTimeout(() => {\n setLoading(false);\n setSubmitted(true);\n }, 2000);\n };\n\n const handleInputChange = (e: React.ChangeEvent) => {\n setFormData({\n ...formData,\n [e.target.name]: e.target.value\n });\n };\n\n const contactMethods = [\n {\n icon: 'fas fa-phone',\n title: 'Phone',\n description: 'Call us directly for immediate assistance',\n details: contact.phones,\n action: (phone: string) => `tel:${phone}`\n },\n {\n icon: 'fas fa-envelope',\n title: 'Email',\n description: 'Send us an email and we\\'ll respond within 24 hours',\n details: ['info@eaglemajdes.com'],\n action: (email: string) => `mailto:${email}`\n },\n {\n icon: 'fas fa-map-marker-alt',\n title: 'Visit Us',\n description: 'Come to our office for in-person consultation',\n details: [contact.address],\n action: () => `https://maps.google.com/?q=${encodeURIComponent(contact.address)}`\n },\n {\n icon: 'fab fa-whatsapp',\n title: 'WhatsApp',\n description: 'Chat with us on WhatsApp for quick responses',\n details: contact.phones,\n action: (phone: string) => `https://wa.me/${phone.replace(/[^\\d]/g, '')}`\n }\n ];\n\n const officeHours = [\n { day: 'Monday - Friday', hours: '8:00 AM - 6:00 PM' },\n { day: 'Saturday', hours: '9:00 AM - 4:00 PM' },\n { day: 'Sunday', hours: 'Closed' }\n ];\n\n const faqItems = [\n {\n question: 'What documents do I need to purchase a property?',\n answer: 'You need a valid ID, proof of income, and initial payment. We handle all legal documentation including Certificate of Occupancy.'\n },\n {\n question: 'Do you offer payment plans?',\n answer: 'Yes, we offer flexible payment plans ranging from 6 months to 24 months with competitive terms.'\n },\n {\n question: 'Can I visit the properties before purchasing?',\n answer: 'Absolutely! We encourage site visits. Contact us to schedule a guided tour of any of our garden estates.'\n },\n {\n question: 'What amenities are included in the estates?',\n answer: 'Our estates feature 24/7 security, good road networks, electricity, water supply, drainage systems, and recreational facilities.'\n },\n {\n question: 'How long does the purchase process take?',\n answer: 'Once payment is completed, documentation typically takes 2-4 weeks. We keep you updated throughout the process.'\n }\n ];\n\n if (submitted) {\n return (\n

\n \n

\n Message Sent Successfully!\n

\n Thank you for contacting Eagle Majdes Homes and Services. \n We've received your message and will respond within 24 hours.\n

\n setSubmitted(false)}\n className=\"btn-secondary\"\n >\n \n Send Another Message\n \n \n \n Call Us Now\n \n

\n );\n }\n\n return (\n

\n {/* Hero Section */}\n

\n Contact Us\n

\n Get in touch with our expert team for all your real estate needs\n

\n\n {/* Contact Methods */}\n

\n Get In Touch\n

\n Choose your preferred way to reach us. We're here to help you find your dream property.\n

\n\n

\n {contactMethods.map((method, index) => (\n

\n \n

{method.title}

{method.description}

\n {method.details.map((detail, idx) => (\n \n {detail}\n \n ))}\n

\n ))}\n

\n\n {/* Contact Form & Info */}\n

\n {/* Contact Form */}\n

Send Us a Message

\n Full Name *\n \n

\n Email Address *\n \n

\n\n

\n Phone Number *\n \n

\n I'm Interested In\n \n \n \n \n \n \n \n \n

\n\n

\n Subject *\n \n

\n\n

\n Message *\n \n

\n\n \n {loading ? (\n

\n ) : (\n \n )}\n {loading ? 'Sending...' : 'Send Message'}\n \n \n

\n\n {/* Contact Info & Hours */}\n

\n {/* Office Hours */}\n

Office Hours

\n {officeHours.map((schedule, index) => (\n

\n {schedule.day}\n {schedule.hours}\n

\n ))}\n

\n \n For urgent matters outside office hours, please call or WhatsApp us.\n

\n\n {/* Social Media */}\n

\n \n \n \n \n \n \n \n \n \n

\n Stay updated with our latest properties and company news on social media.\n

\n\n {/* Quick Contact */}\n

Quick Contact

\n \n \n Call Now\n \n \n \n WhatsApp\n \n \n \n Email Us\n \n

\n\n {/* FAQ Section */}\n

\n Frequently Asked Questions\n

\n Quick answers to common questions about our properties and services\n

\n\n

\n {faqItems.map((faq, index) => (\n

\n \n {faq.question}\n

{faq.answer}

\n ))}\n

\n\n

\n Don't see your question answered here?\n

\n \n \n Call Us for More Info\n \n

\n\n {/* Map Section */}\n

\n Visit Our Office\n

\n Come see us for in-person consultation and property viewing arrangements\n

\n\n

Our Location

\n \n

Address

{contact.address}

\n \n

Directions

\n Located at Ebeano Tunnel area, easily accessible by public transport\n

\n \n

Parking

Free parking available for visitors

\n \n \n Get Directions\n \n

\n \n

Interactive Map

Click \"Get Directions\" to view on Google Maps

\n );\n}",[242,158,121],"12544730-3f9b-11f0-afe7-76b3cceeab13",["D",1748859570828],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect, useRef } from \"https://esm.sh/react@18.2.0\";\nimport type { ChatMessage } from \"../../shared/types.ts\";\n\nexport default function ChatWidget() {\n const [isOpen, setIsOpen] = useState(false);\n const [messages, setMessages] = useState([]);\n const [newMessage, setNewMessage] = useState('');\n const [loading, setLoading] = useState(false);\n const [sessionId] = useState(() => Date.now().toString());\n const messagesEndRef = useRef(null);\n\n useEffect(() => {\n if (isOpen && messages.length === 0) {\n // Add welcome message when chat is first opened\n const welcomeMessage: ChatMessage = {\n id: 'welcome',\n message: 'Hello! Welcome to Eagle Majdes Homes and Services. How can we help you today?',\n sender: 'support',\n timestamp: new Date().toISOString()\n };\n setMessages([welcomeMessage]);\n }\n }, [isOpen, messages.length]);\n\n useEffect(() => {\n scrollToBottom();\n }, [messages]);\n\n const scrollToBottom = () => {\n messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\n };\n\n const handleSendMessage = async (e: React.FormEvent) => {\n e.preventDefault();\n if (!newMessage.trim() || loading) return;\n\n const userMessage: ChatMessage = {\n id: Date.now().toString(),\n message: newMessage,\n sender: 'user',\n timestamp: new Date().toISOString()\n };\n\n setMessages(prev => [...prev, userMessage]);\n setNewMessage('');\n setLoading(true);\n\n try {\n const response = await fetch('/api/chat', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify({\n message: newMessage,\n sessionId\n })\n });\n\n if (response.ok) {\n const newMessages = await response.json();\n // Only add the support message (second message in response)\n if (newMessages.length > 1) {\n setMessages(prev => [...prev, newMessages[1]]);\n }\n }\n } catch (error) {\n console.error('Error sending message:', error);\n // Add error message\n const errorMessage: ChatMessage = {\n id: Date.now().toString(),\n message: 'Sorry, there was an error sending your message. Please try calling us at 08164878281.',\n sender: 'support',\n timestamp: new Date().toISOString()\n };\n setMessages(prev => [...prev, errorMessage]);\n } finally {\n setLoading(false);\n }\n };\n\n const quickReplies = [\n 'I want to buy a property',\n 'Schedule a site visit',\n 'Payment options',\n 'Available properties',\n 'Contact information'\n ];\n\n const handleQuickReply = (reply: string) => {\n setNewMessage(reply);\n };\n\n return (\n

\n {/* Chat Button */}\n setIsOpen(!isOpen)}\n className=\"chat-button\"\n aria-label=\"Open chat\"\n >\n \n \n\n {/* Chat Panel */}\n {isOpen && (\n

\n {/* Header */}\n

\n \n

Eagle Majdes Support

We're here to help!

\n setIsOpen(false)}\n className=\"text-white hover:text-gray-200 transition-colors\"\n >\n \n \n

\n\n {/* Messages */}\n

\n {messages.map((message) => (\n \n {message.message}\n

\n ))}\n \n {loading && (\n

\n Typing...\n

\n )}\n \n

\n\n {/* Quick Replies */}\n {messages.length <= 1 && (\n

Quick questions:

\n {quickReplies.map((reply, index) => (\n handleQuickReply(reply)}\n className=\"text-xs bg-gray-100 hover:bg-gray-200 text-gray-700 px-2 py-1 rounded transition-colors\"\n >\n {reply}\n \n ))}\n

\n )}\n\n {/* Input */}\n

\n )}\n

\n );\n}",[242,158,139],"12544078-3f9b-11f0-afe7-76b3cceeab13",["D",1748859570828],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport Header from \"./Header.tsx\";\nimport Footer from \"./Footer.tsx\";\nimport HomePage from \"./HomePage.tsx\";\nimport AboutPage from \"./AboutPage.tsx\";\nimport GardensPage from \"./GardensPage.tsx\";\nimport GardenDetailPage from \"./GardenDetailPage.tsx\";\nimport PropertiesPage from \"./PropertiesPage.tsx\";\nimport DashboardPage from \"./DashboardPage.tsx\";\nimport PaymentPage from \"./PaymentPage.tsx\";\nimport ContactPage from \"./ContactPage.tsx\";\nimport ChatWidget from \"./ChatWidget.tsx\";\nimport type { Garden, ContactInfo, User } from \"../../shared/types.ts\";\n\ninterface AppProps {\n initialData: {\n gardens: Garden[];\n contact: ContactInfo;\n featuredGardens: Garden[];\n };\n}\n\ntype Page = 'home' | 'about' | 'gardens' | 'garden-detail' | 'properties' | 'dashboard' | 'payment' | 'contact';\n\nexport default function App({ initialData }: AppProps) {\n const [currentPage, setCurrentPage] = useState('home');\n const [selectedGarden, setSelectedGarden] = useState(null);\n const [user, setUser] = useState(null);\n const [gardens] = useState(initialData.gardens);\n\n // Simple routing based on hash\n useEffect(() => {\n const handleHashChange = () => {\n const hash = window.location.hash.slice(1);\n if (hash.startsWith('garden/')) {\n const gardenId = hash.split('/')[1];\n const garden = gardens.find(g => g.id === gardenId);\n if (garden) {\n setSelectedGarden(garden);\n setCurrentPage('garden-detail');\n }\n } else if (['home', 'about', 'gardens', 'properties', 'dashboard', 'payment', 'contact'].includes(hash)) {\n setCurrentPage(hash as Page);\n } else {\n setCurrentPage('home');\n }\n };\n\n handleHashChange();\n window.addEventListener('hashchange', handleHashChange);\n return () => window.removeEventListener('hashchange', handleHashChange);\n }, [gardens]);\n\n const navigateTo = (page: Page, gardenId?: string) => {\n if (page === 'garden-detail' && gardenId) {\n window.location.hash = `garden/${gardenId}`;\n } else {\n window.location.hash = page;\n }\n };\n\n const renderPage = () => {\n switch (currentPage) {\n case 'home':\n return ;\n case 'about':\n return ;\n case 'gardens':\n return ;\n case 'garden-detail':\n return selectedGarden ? : ;\n case 'properties':\n return ;\n case 'dashboard':\n return ;\n case 'payment':\n return ;\n case 'contact':\n return ;\n default:\n return ;\n }\n };\n\n return (\n

\n {renderPage()}\n

\n );\n}",[242,158,151],"125436be-3f9b-11f0-afe7-76b3cceeab13",["D",1748859570828],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\n\nexport default function AboutPage() {\n const values = [\n {\n icon: 'fas fa-integrity',\n title: 'Integrity',\n description: 'We conduct business with the highest ethical standards and transparency'\n },\n {\n icon: 'fas fa-quality',\n title: 'Quality',\n description: 'Every project meets our rigorous standards for excellence and durability'\n },\n {\n icon: 'fas fa-innovation',\n title: 'Innovation',\n description: 'We embrace modern solutions and technologies in real estate development'\n },\n {\n icon: 'fas fa-customer-service',\n title: 'Customer Focus',\n description: 'Our clients\\' satisfaction and success are at the heart of everything we do'\n }\n ];\n\n const milestones = [\n {\n year: '2014',\n title: 'Company Founded',\n description: 'Eagle Majdes Homes and Services was established by Chief Nnayerugo 1'\n },\n {\n year: '2016',\n title: 'First Garden Launched',\n description: 'Successfully launched our first residential estate in Nike, Enugu'\n },\n {\n year: '2019',\n title: 'Expansion',\n description: 'Expanded operations to multiple locations across Enugu State'\n },\n {\n year: '2023',\n title: 'Digital Transformation',\n description: 'Launched our digital platform for seamless property transactions'\n }\n ];\n\n return (\n

\n {/* Hero Section */}\n

\n About Eagle Majdes\n

\n Building dreams, creating communities, and transforming lives through quality real estate development\n

\n\n {/* Company Story */}\n

\n Our Story\n

\n Eagle Majdes Homes and Services is a trusted name in real estate development and land sales. \n Founded and led by Chief Nnayerugo 1, a visionary from Enugu state who started his real estate \n career with COPEN group, our company is committed to providing affordable and well-planned \n real estate solutions.\n

\n We primarily operate across Nike, Enugu, and Centenary City, focusing on creating sustainable \n communities that offer modern amenities, excellent infrastructure, and a high quality of life \n for our residents.\n

\n Our journey began with a simple mission: to make quality housing accessible to everyone. \n Today, we have successfully developed multiple residential estates, each designed with \n careful attention to detail and community needs.\n

\n \n

Chief Nnayerugo 1

Founder & CEO

\n A seasoned real estate professional with over a decade of experience in property \n development and land sales across Enugu State.\n

\n\n {/* Mission & Vision */}\n

\n \n

Our Mission

\n To provide affordable, quality real estate solutions that create sustainable communities \n and improve the lives of our clients through innovative development practices and \n exceptional customer service.\n

\n \n

Our Vision

\n To be the leading real estate development company in Nigeria, known for creating \n world-class residential communities that set new standards for quality, sustainability, \n and community living.\n

\n\n {/* Core Values */}\n

\n Our Core Values\n

\n The principles that guide our work and define our commitment to excellence\n

\n\n

\n {values.map((value, index) => (\n

\n \n

{value.title}

{value.description}

\n ))}\n

\n\n {/* Company Milestones */}\n

\n Our Journey\n

\n Key milestones in our growth and development as a leading real estate company\n

\n\n

\n {/* Timeline line */}\n \n\n

\n {milestones.map((milestone, index) => (\n

{milestone.year}

{milestone.title}

{milestone.description}

\n \n {/* Timeline dot */}\n

\n \n

\n ))}\n

\n\n {/* Stats Section */}\n

\n Our Impact\n

\n Numbers that reflect our commitment to excellence and customer satisfaction\n

\n\n

Gardens Developed

500+

Happy Families

Prime Locations

10+

Years Experience

\n\n {/* CTA Section */}\n

\n Ready to Join Our Community?\n

\n Discover how Eagle Majdes can help you find your perfect home in one of our premium garden estates\n

\n \n \n

\n );\n}",[242,158,97],"pulls","branches",2,"forks","envVars",{"_152":26,"_312":26},"connections",{"_152":26,"_311":26},"unfilledCount","emptyCount",{"_33":477,"_13":449,"_83":443,"_43":-5,"_35":36,"_236":40,"_237":24,"_37":478,"_39":26,"_86":159,"_239":-5,"_88":30,"_240":-5,"_346":479,"_17":480},{"_33":473,"_13":458,"_83":453,"_43":443,"_35":36,"_236":40,"_237":24,"_37":474,"_39":26,"_86":159,"_239":-5,"_88":30,"_240":-5,"_346":475,"_17":476},{"_33":466,"_13":467,"_83":468,"_43":453,"_35":36,"_236":40,"_237":24,"_37":469,"_39":26,"_86":87,"_239":470,"_88":30,"_240":-5,"_346":471,"_17":472},{"_33":459,"_13":460,"_83":461,"_43":453,"_35":36,"_236":40,"_237":24,"_37":462,"_39":26,"_86":87,"_239":463,"_88":30,"_240":-5,"_346":464,"_17":465},{"_33":450,"_13":451,"_83":452,"_43":453,"_35":36,"_236":40,"_237":24,"_37":454,"_39":26,"_86":87,"_239":455,"_88":30,"_240":-5,"_346":456,"_17":457},{"_33":440,"_13":441,"_83":442,"_43":443,"_35":36,"_236":40,"_237":24,"_37":444,"_39":26,"_86":445,"_239":446,"_88":30,"_240":-5,"_346":447,"_17":448},{"_33":436,"_13":242,"_83":235,"_43":-5,"_35":36,"_236":40,"_237":24,"_37":437,"_39":26,"_86":159,"_239":-5,"_88":30,"_240":-5,"_346":438,"_17":439},{"_33":234,"_13":158,"_83":157,"_43":235,"_35":36,"_236":40,"_237":24,"_37":433,"_39":26,"_86":159,"_239":-5,"_88":30,"_240":-5,"_346":434,"_17":435},{"_33":299,"_13":97,"_83":96,"_43":157,"_35":36,"_236":40,"_237":24,"_37":430,"_39":26,"_86":87,"_239":301,"_88":30,"_240":-5,"_346":431,"_17":432},{"_33":295,"_13":151,"_83":150,"_43":157,"_35":36,"_236":40,"_237":24,"_37":427,"_39":26,"_86":87,"_239":297,"_88":30,"_240":-5,"_346":428,"_17":429},{"_33":291,"_13":139,"_83":138,"_43":157,"_35":36,"_236":40,"_237":24,"_37":424,"_39":26,"_86":87,"_239":293,"_88":30,"_240":-5,"_346":425,"_17":426},{"_33":287,"_13":121,"_83":120,"_43":157,"_35":36,"_236":40,"_237":24,"_37":421,"_39":26,"_86":87,"_239":289,"_88":30,"_240":-5,"_346":422,"_17":423},{"_33":283,"_13":109,"_83":108,"_43":157,"_35":36,"_236":40,"_237":24,"_37":418,"_39":26,"_86":87,"_239":285,"_88":30,"_240":-5,"_346":419,"_17":420},{"_33":279,"_13":133,"_83":132,"_43":157,"_35":36,"_236":40,"_237":24,"_37":415,"_39":26,"_86":87,"_239":281,"_88":30,"_240":-5,"_346":416,"_17":417},{"_33":275,"_13":156,"_83":155,"_43":157,"_35":36,"_236":40,"_237":24,"_37":412,"_39":26,"_86":87,"_239":277,"_88":30,"_240":-5,"_346":413,"_17":414},{"_33":271,"_13":145,"_83":144,"_43":157,"_35":36,"_236":40,"_237":24,"_37":409,"_39":26,"_86":87,"_239":273,"_88":30,"_240":-5,"_346":410,"_17":411},{"_33":267,"_13":85,"_83":84,"_43":157,"_35":36,"_236":40,"_237":24,"_37":406,"_39":26,"_86":87,"_239":269,"_88":30,"_240":-5,"_346":407,"_17":408},{"_33":263,"_13":115,"_83":114,"_43":157,"_35":36,"_236":40,"_237":24,"_37":403,"_39":26,"_86":87,"_239":265,"_88":30,"_240":-5,"_346":404,"_17":405},{"_33":259,"_13":127,"_83":126,"_43":157,"_35":36,"_236":40,"_237":24,"_37":400,"_39":26,"_86":87,"_239":261,"_88":30,"_240":-5,"_346":401,"_17":402},{"_33":255,"_13":103,"_83":102,"_43":157,"_35":36,"_236":40,"_237":24,"_37":397,"_39":26,"_86":87,"_239":257,"_88":30,"_240":-5,"_346":398,"_17":399},{"_33":390,"_13":391,"_83":392,"_43":235,"_35":36,"_236":40,"_237":24,"_37":393,"_39":26,"_86":21,"_239":394,"_88":30,"_240":-5,"_346":395,"_17":396},{"_33":383,"_13":384,"_83":385,"_43":235,"_35":36,"_236":40,"_237":24,"_37":386,"_39":26,"_86":21,"_239":387,"_88":30,"_240":-5,"_346":388,"_17":389},{"_33":376,"_13":377,"_83":378,"_43":235,"_35":36,"_236":40,"_237":24,"_37":379,"_39":26,"_86":87,"_239":380,"_88":30,"_240":-5,"_346":381,"_17":382},{"_33":369,"_13":370,"_83":371,"_43":235,"_35":36,"_236":40,"_237":24,"_37":372,"_39":26,"_86":21,"_239":373,"_88":30,"_240":-5,"_346":374,"_17":375},{"_33":365,"_13":357,"_83":352,"_43":-5,"_35":36,"_236":40,"_237":24,"_37":366,"_39":26,"_86":159,"_239":-5,"_88":30,"_240":-5,"_346":367,"_17":368},{"_33":358,"_13":359,"_83":360,"_43":352,"_35":36,"_236":40,"_237":24,"_37":361,"_39":26,"_86":87,"_239":362,"_88":30,"_240":-5,"_346":363,"_17":364},{"_33":349,"_13":350,"_83":351,"_43":352,"_35":36,"_236":40,"_237":24,"_37":353,"_39":26,"_86":87,"_239":354,"_88":30,"_240":-5,"_346":355,"_17":356},{"_33":341,"_13":342,"_83":343,"_43":-5,"_35":36,"_236":40,"_237":24,"_37":344,"_39":26,"_86":21,"_239":345,"_88":30,"_240":-5,"_346":347,"_17":348},"12550d96-3f9b-11f0-afe7-76b3cceeab13","README.md","78b7d9ed-f9b7-467d-bdd5-5e86a95b5fce",["D",1748859570828],"# Eagle Majdes Homes and Services Website\n\nA professional real estate website for Eagle Majdes Homes and Services, specializing in estate development and land sales in Enugu State, Nigeria.\n\n## 🏡 About Eagle Majdes\n\nEagle Majdes Homes and Services is a trusted name in real estate development and land sales. Founded and led by Chief Nnayerugo 1, who started his real estate career with COPEN group, the company is committed to providing affordable and well-planned real estate solutions across Nike, Enugu, and Centenary City.\n\n## 🌟 Website Features\n\n### 🏡 **Multiple Estate \"Gardens\" Showcase**\n- Jason's Garden (Ogbeke Nike)\n- Eagle's Garden (Ama-Awji Nike) \n- Victoria's Garden (Agbogazi Nike)\n- Samuel's Garden (Ogbeke Nike)\n- Grace's Garden (Centenary City, Enugu) - Premium\n- David's Garden (Ama-Awji Nike)\n- Faith's Garden (Agbogazi Nike)\n\n### 💰 **Payment System**\n- Secure payment processing in Nigerian Naira (₦)\n- Multiple payment methods (Bank Transfer, Card, USSD, POS)\n- Flexible payment plans and installments\n- Real-time payment tracking\n\n### 👤 **User Dashboard**\n- User registration and authentication\n- Track property interests and favorites\n- Payment history and booking management\n- Personal profile management\n\n### 💬 **Live Chat Support**\n- Floating chat widget with auto-responses\n- Real-time customer support\n- Quick reply options for common questions\n- Session-based chat history\n\n### 📱 **Modern UI/UX**\n- Responsive design for all devices\n- Clean, icon-heavy interface\n- Professional real estate aesthetics\n- Smooth animations and transitions\n\n### 🔍 **Property Listings**\n- Advanced filtering by location, price, status\n- Detailed property information\n- Interactive garden exploration\n- Availability tracking\n\n## 📁 Project Structure\n\n```\n├── backend/\n│ ├── database/\n│ │ ├── migrations.ts # Database schema setup\n│ │ ├── queries.ts # Database operations\n│ │ └── seed.ts # Sample data seeding\n│ └── index.ts # Main Hono server\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main React application\n│ │ ├── Header.tsx # Navigation header\n│ │ ├── Footer.tsx # Site footer\n│ │ ├── HomePage.tsx # Landing page\n│ │ ├── AboutPage.tsx # Company information\n│ │ ├── GardensPage.tsx # All gardens listing\n│ │ ├── GardenDetailPage.tsx # Individual garden details\n│ │ ├── PropertiesPage.tsx # Property listings\n│ │ ├── DashboardPage.tsx # User dashboard\n│ │ ├── PaymentPage.tsx # Payment processing\n│ │ ├── ContactPage.tsx # Contact information\n│ │ └── ChatWidget.tsx # Live chat support\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # React entry point\n│ ├── style.css # Custom styles\n│ └── favicon.svg # Site icon\n├── shared/\n│ ├── types.ts # TypeScript interfaces\n│ └── utils.ts # Shared utility functions\n└── README.md\n```\n\n## 🚀 Technology Stack\n\n- **Backend**: Hono (Fast web framework)\n- **Database**: SQLite with migrations\n- **Frontend**: React 18 with TypeScript\n- **Styling**: TailwindCSS + Custom CSS\n- **Icons**: Font Awesome 6\n- **Deployment**: Val Town platform\n\n## 📞 Contact Information\n\n**Phone Numbers:**\n- 08164878281\n- 09031232662 \n- 09029217460\n\n**Address:**\nSuite C15 Elim Plaza, Ebeano Tunnel, Ogui Enugu, Enugu State\n\n**Social Media:**\n- Facebook: Eagle_Majdes\n- Instagram: EagleMajdes\n- TikTok: Eagle_Majdesltd\n\n## 🏗️ Garden Estates\n\n### Featured Gardens\n\n1. **Jason's Garden** (Ogbeke Nike)\n - Price Range: ₦2.5M - ₦5M\n - 45 available plots of 100 total\n - Amenities: 24/7 Security, Good Road Network, Electricity, Water Supply, Drainage System\n\n2. **Eagle's Garden** (Ama-Awji Nike) - Flagship Estate\n - Price Range: ₦3M - ₦7M\n - 32 available plots of 80 total\n - Amenities: Gated Community, Recreation Center, Shopping Complex, School, Hospital\n\n3. **Grace's Garden** (Centenary City, Enugu) - Premium\n - Price Range: ₦4M - ₦8M\n - 15 available plots of 50 total\n - Amenities: Luxury Clubhouse, Swimming Pool, Gym, Security, Parking\n\n### Other Gardens\n\n4. **Victoria's Garden** (Agbogazi Nike) - Affordable\n5. **Samuel's Garden** (Ogbeke Nike) - Family-oriented\n6. **David's Garden** (Ama-Awji Nike) - Young professionals\n7. **Faith's Garden** (Agbogazi Nike) - Natural surroundings\n\n## 🔧 Setup & Development\n\n### Database Initialization\nThe database is automatically initialized on first run with:\n- User management tables\n- Property and garden data\n- Payment and booking tracking\n- Chat message storage\n\n### API Endpoints\n- `GET /api/gardens` - List all gardens\n- `GET /api/gardens/:id` - Get specific garden\n- `GET /api/properties` - List available properties\n- `POST /api/users` - User registration/login\n- `POST /api/payments` - Process payments\n- `POST /api/bookings` - Create property bookings\n- `POST /api/chat` - Chat messaging\n\n### Features Implementation\n\n**Payment Processing:**\n- Secure form validation\n- Multiple payment method support\n- Real-time status updates\n- Email confirmations\n\n**User Management:**\n- Simple email-based authentication\n- Interest tracking and favorites\n- Payment and booking history\n- Profile management\n\n**Property Management:**\n- Dynamic property listings\n- Advanced filtering and search\n- Real-time availability updates\n- Detailed property information\n\n**Chat Support:**\n- Real-time messaging interface\n- Auto-response system\n- Session management\n- Quick reply options\n\n## 🎨 Design Features\n\n- **Professional Color Scheme**: Teal and Yellow gradient branding\n- **Icon-Heavy Interface**: Minimal text, maximum visual communication\n- **Responsive Design**: Mobile-first approach\n- **Modern Animations**: Smooth transitions and hover effects\n- **Clean Typography**: Easy-to-read fonts and spacing\n\n## 🔒 Security Features\n\n- Input validation and sanitization\n- SQL injection prevention\n- CORS handling\n- Secure payment processing\n- Error handling and logging\n\n## 📈 Business Features\n\n- Lead generation through contact forms\n- Property interest tracking\n- Payment plan management\n- Customer relationship management\n- Analytics and reporting ready\n\n---\n\n**Built with ❤️ for Eagle Majdes Homes and Services**\n\n*Transforming dreams into reality through quality real estate development in Enugu State, Nigeria.*","children",[],[342],"12550922-3f9b-11f0-afe7-76b3cceeab13","utils.ts","5ef3d01c-c424-42b3-8861-0402b732a298","f8b6c550-8c54-433a-a027-3bbc53a0e3ab",["D",1748859570828],"// Shared utility functions\n\nexport function formatCurrency(amount: number, currency: string = 'NGN'): string {\n if (currency === 'NGN') {\n return `₦${amount.toLocaleString()}`;\n }\n return `${currency} ${amount.toLocaleString()}`;\n}\n\nexport function formatDate(dateString: string): string {\n const date = new Date(dateString);\n return date.toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'long',\n day: 'numeric'\n });\n}\n\nexport function generateId(): string {\n return Math.random().toString(36).substr(2, 9);\n}\n\nexport function slugify(text: string): string {\n return text\n .toLowerCase()\n .replace(/[^\\w\\s-]/g, '')\n .replace(/[\\s_-]+/g, '-')\n .replace(/^-+|-+$/g, '');\n}\n\nexport function validateEmail(email: string): boolean {\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n return emailRegex.test(email);\n}\n\nexport function validatePhone(phone: string): boolean {\n const phoneRegex = /^[\\+]?[0-9\\s\\-\$\$]{10,}$/;\n return phoneRegex.test(phone);\n}\n\nexport function truncateText(text: string, maxLength: number): string {\n if (text.length <= maxLength) return text;\n return text.substr(0, maxLength) + '...';\n}\n\nexport function getInitials(name: string): string {\n return name\n .split(' ')\n .map(word => word.charAt(0).toUpperCase())\n .join('')\n .substr(0, 2);\n}",[],[357,350],"shared","12550242-3f9b-11f0-afe7-76b3cceeab13","types.ts","fcca7902-f283-4ef1-ad55-fcc2c2dc85f8",["D",1748859570828],"// Shared TypeScript types and interfaces\n\nexport interface Garden {\n id: string;\n name: string;\n location: string;\n description: string;\n priceRange: string;\n availablePlots: number;\n totalPlots: number;\n amenities: string[];\n images: string[];\n featured: boolean;\n}\n\nexport interface Property {\n id: string;\n gardenId: string;\n plotNumber: string;\n size: string;\n price: number;\n status: 'available' | 'reserved' | 'sold';\n description: string;\n coordinates?: {\n lat: number;\n lng: number;\n };\n}\n\nexport interface User {\n id: string;\n name: string;\n email: string;\n phone: string;\n interests: string[]; // Garden IDs\n payments: Payment[];\n bookings: Booking[];\n}\n\nexport interface Payment {\n id: string;\n userId: string;\n propertyId: string;\n amount: number;\n currency: 'NGN';\n status: 'pending' | 'completed' | 'failed';\n paymentMethod: string;\n createdAt: string;\n completedAt?: string;\n}\n\nexport interface Booking {\n id: string;\n userId: string;\n propertyId: string;\n status: 'pending' | 'confirmed' | 'cancelled';\n createdAt: string;\n notes?: string;\n}\n\nexport interface ChatMessage {\n id: string;\n message: string;\n sender: 'user' | 'support';\n timestamp: string;\n}\n\nexport interface ContactInfo {\n phones: string[];\n address: string;\n social: {\n facebook: string;\n instagram: string;\n tiktok: string;\n };\n}\n\nexport const CONTACT_INFO: ContactInfo = {\n phones: ['08164878281', '09031232662', '09029217460'],\n address: 'Suite C15 Elim Plaza, Ebeano Tunnel, Ogui Enugu, Enugu State',\n social: {\n facebook: 'Eagle_Majdes',\n instagram: 'EagleMajdes',\n tiktok: 'Eagle_Majdesltd'\n }\n};\n\nexport const GARDENS_DATA: Garden[] = [\n {\n id: 'jasons-garden',\n name: \"Jason's Garden\",\n location: 'Ogbeke Nike',\n description: 'A premium residential estate with modern amenities and excellent infrastructure.',\n priceRange: '₦2.5M - ₦5M',\n availablePlots: 45,\n totalPlots: 100,\n amenities: ['24/7 Security', 'Good Road Network', 'Electricity', 'Water Supply', 'Drainage System'],\n images: [],\n featured: true\n },\n {\n id: 'eagles-garden',\n name: \"Eagle's Garden\",\n location: 'Ama-Awji Nike',\n description: 'Our flagship estate offering luxury living with comprehensive facilities.',\n priceRange: '₦3M - ₦7M',\n availablePlots: 32,\n totalPlots: 80,\n amenities: ['Gated Community', 'Recreation Center', 'Shopping Complex', 'School', 'Hospital'],\n images: [],\n featured: true\n },\n {\n id: 'victorias-garden',\n name: \"Victoria's Garden\",\n location: 'Agbogazi Nike',\n description: 'Affordable housing solution with quality infrastructure and peaceful environment.',\n priceRange: '₦1.8M - ₦4M',\n availablePlots: 67,\n totalPlots: 120,\n amenities: ['Security', 'Road Network', 'Electricity', 'Water'],\n images: [],\n featured: false\n },\n {\n id: 'samuels-garden',\n name: \"Samuel's Garden\",\n location: 'Ogbeke Nike',\n description: 'Family-oriented estate with excellent connectivity and modern amenities.',\n priceRange: '₦2.2M - ₦4.5M',\n availablePlots: 28,\n totalPlots: 90,\n amenities: ['Playground', 'Security', 'Good Roads', 'Power Supply'],\n images: [],\n featured: false\n },\n {\n id: 'graces-garden',\n name: \"Grace's Garden\",\n location: 'Centenary City, Enugu',\n description: 'Premium estate in the heart of Enugu with luxury amenities and prime location.',\n priceRange: '₦4M - ₦8M',\n availablePlots: 15,\n totalPlots: 50,\n amenities: ['Luxury Clubhouse', 'Swimming Pool', 'Gym', 'Security', 'Parking'],\n images: [],\n featured: true\n },\n {\n id: 'davids-garden',\n name: \"David's Garden\",\n location: 'Ama-Awji Nike',\n description: 'Serene residential estate perfect for young families and professionals.',\n priceRange: '₦2M - ₦4.2M',\n availablePlots: 41,\n totalPlots: 85,\n amenities: ['Security', 'Good Roads', 'Electricity', 'Water Supply'],\n images: [],\n featured: false\n },\n {\n id: 'faiths-garden',\n name: \"Faith's Garden\",\n location: 'Agbogazi Nike',\n description: 'Peaceful estate with natural surroundings and modern infrastructure.',\n priceRange: '₦1.9M - ₦3.8M',\n availablePlots: 53,\n totalPlots: 110,\n amenities: ['Green Spaces', 'Security', 'Road Network', 'Utilities'],\n images: [],\n featured: false\n }\n];",[],[357,359],"12550bca-3f9b-11f0-afe7-76b3cceeab13",["D",1748859570828],[338,339],[357],"1254f608-3f9b-11f0-afe7-76b3cceeab13","style.css","f8b045c2-9f35-49cc-9be9-fece70c15072",["D",1748859570828],"/* Custom styles for Eagle Majdes website */\n\n:root {\n --primary-yellow: #F59E0B;\n --primary-teal: #0D9488;\n --dark-gray: #1F2937;\n --light-gray: #F9FAFB;\n}\n\n/* Smooth scrolling */\nhtml {\n scroll-behavior: smooth;\n}\n\n/* Custom scrollbar */\n::-webkit-scrollbar {\n width: 8px;\n}\n\n::-webkit-scrollbar-track {\n background: #f1f1f1;\n}\n\n::-webkit-scrollbar-thumb {\n background: var(--primary-teal);\n border-radius: 4px;\n}\n\n::-webkit-scrollbar-thumb:hover {\n background: #0F766E;\n}\n\n/* Logo styling */\n.logo-container {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.logo-icon {\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--primary-yellow) 0%, var(--primary-teal) 100%);\n border-radius: 8px;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n\n.logo-icon::before {\n content: '';\n position: absolute;\n width: 0;\n height: 0;\n border-left: 8px solid transparent;\n border-right: 8px solid transparent;\n border-bottom: 14px solid white;\n top: 6px;\n left: 6px;\n}\n\n.logo-icon::after {\n content: '';\n position: absolute;\n width: 8px;\n height: 14px;\n background: white;\n top: 6px;\n right: 6px;\n}\n\n/* Hero section gradient */\n.hero-gradient {\n background: linear-gradient(135deg, var(--primary-yellow) 0%, var(--primary-teal) 100%);\n}\n\n/* Card hover effects */\n.card-hover {\n transition: all 0.3s ease;\n}\n\n.card-hover:hover {\n transform: translateY(-4px);\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n}\n\n/* Button styles */\n.btn-primary {\n background: linear-gradient(135deg, var(--primary-yellow) 0%, var(--primary-teal) 100%);\n color: white;\n border: none;\n padding: 12px 24px;\n border-radius: 8px;\n font-weight: 600;\n transition: all 0.3s ease;\n cursor: pointer;\n}\n\n.btn-primary:hover {\n transform: translateY(-2px);\n box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);\n}\n\n.btn-secondary {\n background: white;\n color: var(--primary-teal);\n border: 2px solid var(--primary-teal);\n padding: 10px 22px;\n border-radius: 8px;\n font-weight: 600;\n transition: all 0.3s ease;\n cursor: pointer;\n}\n\n.btn-secondary:hover {\n background: var(--primary-teal);\n color: white;\n}\n\n/* Navigation styles */\n.nav-link {\n position: relative;\n color: var(--dark-gray);\n text-decoration: none;\n font-weight: 500;\n transition: color 0.3s ease;\n}\n\n.nav-link:hover {\n color: var(--primary-teal);\n}\n\n.nav-link.active::after {\n content: '';\n position: absolute;\n bottom: -4px;\n left: 0;\n width: 100%;\n height: 2px;\n background: var(--primary-teal);\n}\n\n/* Garden card styles */\n.garden-card {\n background: white;\n border-radius: 12px;\n overflow: hidden;\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n transition: all 0.3s ease;\n}\n\n.garden-card:hover {\n transform: translateY(-4px);\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n}\n\n.garden-card-image {\n width: 100%;\n height: 200px;\n background: linear-gradient(135deg, #E5F3F2 0%, #F0F9FF 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 48px;\n color: var(--primary-teal);\n}\n\n/* Status badges */\n.status-badge {\n padding: 4px 12px;\n border-radius: 20px;\n font-size: 12px;\n font-weight: 600;\n text-transform: uppercase;\n}\n\n.status-available {\n background: #D1FAE5;\n color: #065F46;\n}\n\n.status-reserved {\n background: #FEF3C7;\n color: #92400E;\n}\n\n.status-sold {\n background: #FEE2E2;\n color: #991B1B;\n}\n\n/* Chat widget */\n.chat-widget {\n position: fixed;\n bottom: 20px;\n right: 20px;\n z-index: 1000;\n}\n\n.chat-button {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--primary-yellow) 0%, var(--primary-teal) 100%);\n color: white;\n border: none;\n font-size: 24px;\n cursor: pointer;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n transition: all 0.3s ease;\n}\n\n.chat-button:hover {\n transform: scale(1.1);\n}\n\n.chat-panel {\n position: absolute;\n bottom: 70px;\n right: 0;\n width: 350px;\n height: 400px;\n background: white;\n border-radius: 12px;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\n display: flex;\n flex-direction: column;\n overflow: hidden;\n}\n\n.chat-header {\n background: linear-gradient(135deg, var(--primary-yellow) 0%, var(--primary-teal) 100%);\n color: white;\n padding: 16px;\n font-weight: 600;\n}\n\n.chat-messages {\n flex: 1;\n padding: 16px;\n overflow-y: auto;\n display: flex;\n flex-direction: column;\n gap: 12px;\n}\n\n.chat-message {\n max-width: 80%;\n padding: 8px 12px;\n border-radius: 12px;\n font-size: 14px;\n}\n\n.chat-message.user {\n background: var(--primary-teal);\n color: white;\n align-self: flex-end;\n border-bottom-right-radius: 4px;\n}\n\n.chat-message.support {\n background: #F3F4F6;\n color: var(--dark-gray);\n align-self: flex-start;\n border-bottom-left-radius: 4px;\n}\n\n.chat-input {\n padding: 16px;\n border-top: 1px solid #E5E7EB;\n display: flex;\n gap: 8px;\n}\n\n.chat-input input {\n flex: 1;\n padding: 8px 12px;\n border: 1px solid #D1D5DB;\n border-radius: 20px;\n outline: none;\n}\n\n.chat-input input:focus {\n border-color: var(--primary-teal);\n}\n\n.chat-input button {\n padding: 8px 16px;\n background: var(--primary-teal);\n color: white;\n border: none;\n border-radius: 20px;\n cursor: pointer;\n}\n\n/* Responsive design */\n@media (max-width: 768px) {\n .chat-panel {\n width: 300px;\n height: 350px;\n }\n \n .logo-container {\n gap: 8px;\n }\n \n .logo-icon {\n width: 32px;\n height: 32px;\n }\n}\n\n/* Loading spinner */\n.spinner {\n border: 2px solid #f3f3f3;\n border-top: 2px solid var(--primary-teal);\n border-radius: 50%;\n width: 20px;\n height: 20px;\n animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n}\n\n/* Form styles */\n.form-input {\n width: 100%;\n padding: 12px 16px;\n border: 1px solid #D1D5DB;\n border-radius: 8px;\n outline: none;\n transition: border-color 0.3s ease;\n}\n\n.form-input:focus {\n border-color: var(--primary-teal);\n box-shadow: 0 0 0 3px rgba(13, 148, 136, 0.1);\n}\n\n.form-label {\n display: block;\n margin-bottom: 6px;\n font-weight: 500;\n color: var(--dark-gray);\n}\n\n/* Modal styles */\n.modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: rgba(0, 0, 0, 0.5);\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 1000;\n}\n\n.modal-content {\n background: white;\n border-radius: 12px;\n padding: 24px;\n max-width: 500px;\n width: 90%;\n max-height: 90vh;\n overflow-y: auto;\n}\n\n/* Animations */\n.fade-in {\n animation: fadeIn 0.3s ease-in;\n}\n\n@keyframes fadeIn {\n from { opacity: 0; transform: translateY(20px); }\n to { opacity: 1; transform: translateY(0); }\n}\n\n.slide-up {\n animation: slideUp 0.3s ease-out;\n}\n\n@keyframes slideUp {\n from { transform: translateY(100%); }\n to { transform: translateY(0); }\n}",[],[242,370],"1254f3ec-3f9b-11f0-afe7-76b3cceeab13","index.tsx","aaa04b96-cc4b-48ba-a50e-fb9f36980859",["D",1748859570828],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.tsx\";\n\n// Get initial data injected from server\nconst initialData = (window as any).__INITIAL_DATA__ || {\n gardens: [],\n contact: {},\n featuredGardens: []\n};\n\nconst root = createRoot(document.getElementById('root')!);\nroot.render();",[],[242,377],"1254f180-3f9b-11f0-afe7-76b3cceeab13","index.html","b4bca9e3-f200-4232-add5-bcb9c31c7481",["D",1748859570828],"\n\n\n \n \n Eagle Majdes Homes and Services - Premium Real Estate Development\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n

\n \n \n \n\n",[],[242,384],"1254ef32-3f9b-11f0-afe7-76b3cceeab13","favicon.svg","b003bc54-5c2a-4176-9868-fec6747849fd",["D",1748859570828],"",[],[242,391],["D",1748859570828],[],[242,158,103],["D",1748859570828],[],[242,158,127],["D",1748859570828],[],[242,158,115],["D",1748859570828],[],[242,158,85],["D",1748859570828],[],[242,158,145],["D",1748859570828],[],[242,158,156],["D",1748859570828],[],[242,158,133],["D",1748859570828],[],[242,158,109],["D",1748859570828],[],[242,158,121],["D",1748859570828],[],[242,158,139],["D",1748859570828],[],[242,158,151],["D",1748859570828],[],[242,158,97],["D",1748859570828],[321,322,323,324,325,326,327,328,329,330,331,332],[242,158],"1254fff4-3f9b-11f0-afe7-76b3cceeab13",["D",1748859570828],[320,333,334,335,336],[242],"12542926-3f9b-11f0-afe7-76b3cceeab13","index.ts","ecf56fff-6545-458b-9c67-4d18acdff59f","b46c6774-39da-436e-9e5d-9f7b91d645ba",["D",1748859570828],"http","import { Hono } from \"https://esm.sh/hono@3.11.7\";\nimport { readFile, serveFile } from \"https://esm.town/v/std/utils@85-main/index.ts\";\nimport { runMigrations } from \"./database/migrations.ts\";\nimport { \n createUser, \n getUserById, \n getUserByEmail,\n createProperty,\n getPropertiesByGarden,\n getAvailableProperties,\n createPayment,\n updatePaymentStatus,\n createBooking,\n addUserInterest,\n removeUserInterest,\n saveChatMessage,\n getChatMessages\n} from \"./database/queries.ts\";\nimport { GARDENS_DATA, CONTACT_INFO } from \"../shared/types.ts\";\nimport { generateId, validateEmail, validatePhone } from \"../shared/utils.ts\";\n\nconst app = new Hono();\n\n// Unwrap Hono errors to see original error details\napp.onError((err, c) => {\n throw err;\n});\n\n// Initialize database on startup\n// Comment out after first run for better performance\nawait runMigrations();\n\n// Seed sample properties (comment out after first run)\n// import { seedProperties } from \"./database/seed.ts\";\n// await seedProperties();\n\n// Serve static files\napp.get(\"/frontend/*\", c => serveFile(c.req.path, import.meta.url));\napp.get(\"/shared/*\", c => serveFile(c.req.path, import.meta.url));\n\n// Main page with initial data injection\napp.get(\"/\", async c => {\n let html = await readFile(\"/frontend/index.html\", import.meta.url);\n \n // Inject initial data to avoid extra round-trips\n const initialData = {\n gardens: GARDENS_DATA,\n contact: CONTACT_INFO,\n featuredGardens: GARDENS_DATA.filter(g => g.featured)\n };\n \n const dataScript = ``;\n \n html = html.replace(\"\", `${dataScript}`);\n return c.html(html);\n});\n\n// API Routes\n\n// Get all gardens\napp.get(\"/api/gardens\", c => {\n return c.json(GARDENS_DATA);\n});\n\n// Get specific garden\napp.get(\"/api/gardens/:id\", c => {\n const gardenId = c.req.param(\"id\");\n const garden = GARDENS_DATA.find(g => g.id === gardenId);\n \n if (!garden) {\n return c.json({ error: \"Garden not found\" }, 404);\n }\n \n return c.json(garden);\n});\n\n// Get properties for a garden\napp.get(\"/api/gardens/:id/properties\", async c => {\n const gardenId = c.req.param(\"id\");\n const properties = await getPropertiesByGarden(gardenId);\n return c.json(properties);\n});\n\n// Get all available properties\napp.get(\"/api/properties\", async c => {\n const properties = await getAvailableProperties();\n return c.json(properties);\n});\n\n// User registration/login\napp.post(\"/api/users\", async c => {\n const body = await c.req.json();\n const { name, email, phone } = body;\n \n if (!name || !email || !phone) {\n return c.json({ error: \"Name, email, and phone are required\" }, 400);\n }\n \n if (!validateEmail(email)) {\n return c.json({ error: \"Invalid email format\" }, 400);\n }\n \n if (!validatePhone(phone)) {\n return c.json({ error: \"Invalid phone format\" }, 400);\n }\n \n // Check if user already exists\n const existingUser = await getUserByEmail(email);\n if (existingUser) {\n return c.json(existingUser);\n }\n \n // Create new user\n const userId = generateId();\n const user = await createUser({\n id: userId,\n name,\n email,\n phone\n });\n \n return c.json(user, 201);\n});\n\n// Get user by ID\napp.get(\"/api/users/:id\", async c => {\n const userId = c.req.param(\"id\");\n const user = await getUserById(userId);\n \n if (!user) {\n return c.json({ error: \"User not found\" }, 404);\n }\n \n return c.json(user);\n});\n\n// Add user interest\napp.post(\"/api/users/:id/interests\", async c => {\n const userId = c.req.param(\"id\");\n const { gardenId } = await c.req.json();\n \n if (!gardenId) {\n return c.json({ error: \"Garden ID is required\" }, 400);\n }\n \n await addUserInterest(userId, gardenId);\n return c.json({ success: true });\n});\n\n// Remove user interest\napp.delete(\"/api/users/:id/interests/:gardenId\", async c => {\n const userId = c.req.param(\"id\");\n const gardenId = c.req.param(\"gardenId\");\n \n await removeUserInterest(userId, gardenId);\n return c.json({ success: true });\n});\n\n// Create booking\napp.post(\"/api/bookings\", async c => {\n const body = await c.req.json();\n const { userId, propertyId, notes } = body;\n \n if (!userId || !propertyId) {\n return c.json({ error: \"User ID and Property ID are required\" }, 400);\n }\n \n const booking = await createBooking({\n id: generateId(),\n userId,\n propertyId,\n status: 'pending',\n createdAt: new Date().toISOString(),\n notes\n });\n \n return c.json(booking, 201);\n});\n\n// Create payment\napp.post(\"/api/payments\", async c => {\n const body = await c.req.json();\n const { userId, propertyId, amount, paymentMethod } = body;\n \n if (!userId || !propertyId || !amount || !paymentMethod) {\n return c.json({ error: \"All payment fields are required\" }, 400);\n }\n \n const payment = await createPayment({\n id: generateId(),\n userId,\n propertyId,\n amount,\n currency: 'NGN',\n status: 'pending',\n paymentMethod,\n createdAt: new Date().toISOString()\n });\n \n return c.json(payment, 201);\n});\n\n// Update payment status (webhook endpoint)\napp.post(\"/api/payments/:id/status\", async c => {\n const paymentId = c.req.param(\"id\");\n const { status } = await c.req.json();\n \n if (!['pending', 'completed', 'failed'].includes(status)) {\n return c.json({ error: \"Invalid status\" }, 400);\n }\n \n await updatePaymentStatus(paymentId, status);\n return c.json({ success: true });\n});\n\n// Chat endpoints\napp.post(\"/api/chat\", async c => {\n const body = await c.req.json();\n const { message, sessionId } = body;\n \n if (!message || !sessionId) {\n return c.json({ error: \"Message and session ID are required\" }, 400);\n }\n \n // Save user message\n const userMessage = await saveChatMessage({\n message,\n sender: 'user',\n timestamp: sessionId\n });\n \n // Auto-reply for demo (in production, this would integrate with a real chat system)\n const autoReply = \"Thank you for your message! Our support team will get back to you shortly. For immediate assistance, please call us at 08164878281.\";\n \n const supportMessage = await saveChatMessage({\n message: autoReply,\n sender: 'support',\n timestamp: sessionId\n });\n \n return c.json([userMessage, supportMessage]);\n});\n\napp.get(\"/api/chat/:sessionId\", async c => {\n const sessionId = c.req.param(\"sessionId\");\n const messages = await getChatMessages(sessionId);\n return c.json(messages);\n});\n\n// Contact info endpoint\napp.get(\"/api/contact\", c => {\n return c.json(CONTACT_INFO);\n});\n\n// Health check\napp.get(\"/api/health\", c => {\n return c.json({ status: \"healthy\", timestamp: new Date().toISOString() });\n});\n\nexport default app.fetch;",[],[449,441],"backend","12541206-3f9b-11f0-afe7-76b3cceeab13","seed.ts","446b71aa-07c3-4229-be1d-15b684f58ed3","9b5dc975-a998-494b-8329-93eeca27c136",["D",1748859570828],"import { createProperty } from \"./queries.ts\";\nimport { generateId } from \"../../shared/utils.ts\";\nimport { GARDENS_DATA } from \"../../shared/types.ts\";\n\n// Sample properties for each garden\nexport async function seedProperties() {\n const properties = [\n // Jason's Garden\n { gardenId: 'jasons-garden', plotNumber: '001', size: '600sqm', price: 2500000, description: 'Corner plot with excellent road access' },\n { gardenId: 'jasons-garden', plotNumber: '002', size: '500sqm', price: 2200000, description: 'Standard residential plot' },\n { gardenId: 'jasons-garden', plotNumber: '003', size: '800sqm', price: 3200000, description: 'Large family plot with garden space' },\n { gardenId: 'jasons-garden', plotNumber: '004', size: '600sqm', price: 2600000, description: 'Premium location near amenities' },\n { gardenId: 'jasons-garden', plotNumber: '005', size: '500sqm', price: 2300000, description: 'Quiet residential area' },\n\n // Eagle's Garden\n { gardenId: 'eagles-garden', plotNumber: '001', size: '700sqm', price: 3500000, description: 'Premium corner plot' },\n { gardenId: 'eagles-garden', plotNumber: '002', size: '600sqm', price: 3200000, description: 'Near recreation center' },\n { gardenId: 'eagles-garden', plotNumber: '003', size: '800sqm', price: 4200000, description: 'Large executive plot' },\n { gardenId: 'eagles-garden', plotNumber: '004', size: '500sqm', price: 2800000, description: 'Standard residential plot' },\n\n // Victoria's Garden\n { gardenId: 'victorias-garden', plotNumber: '001', size: '500sqm', price: 1800000, description: 'Affordable starter plot' },\n { gardenId: 'victorias-garden', plotNumber: '002', size: '600sqm', price: 2100000, description: 'Family-sized plot' },\n { gardenId: 'victorias-garden', plotNumber: '003', size: '700sqm', price: 2400000, description: 'Spacious residential plot' },\n\n // Samuel's Garden\n { gardenId: 'samuels-garden', plotNumber: '001', size: '600sqm', price: 2200000, description: 'Near playground area' },\n { gardenId: 'samuels-garden', plotNumber: '002', size: '500sqm', price: 2000000, description: 'Family-friendly location' },\n\n // Grace's Garden (Premium)\n { gardenId: 'graces-garden', plotNumber: '001', size: '800sqm', price: 5500000, description: 'Luxury executive plot' },\n { gardenId: 'graces-garden', plotNumber: '002', size: '1000sqm', price: 7200000, description: 'Premium mansion plot' },\n\n // David's Garden\n { gardenId: 'davids-garden', plotNumber: '001', size: '600sqm', price: 2400000, description: 'Peaceful residential area' },\n { gardenId: 'davids-garden', plotNumber: '002', size: '500sqm', price: 2100000, description: 'Young professional friendly' },\n\n // Faith's Garden\n { gardenId: 'faiths-garden', plotNumber: '001', size: '600sqm', price: 2200000, description: 'Green surroundings' },\n { gardenId: 'faiths-garden', plotNumber: '002', size: '700sqm', price: 2600000, description: 'Natural environment' }\n ];\n\n for (const prop of properties) {\n try {\n await createProperty({\n id: generateId(),\n gardenId: prop.gardenId,\n plotNumber: prop.plotNumber,\n size: prop.size,\n price: prop.price,\n status: 'available',\n description: prop.description\n });\n } catch (error) {\n console.log(`Property ${prop.gardenId}-${prop.plotNumber} may already exist`);\n }\n }\n\n console.log('Sample properties seeded successfully');\n}",[],[449,458,451],"database","125404fa-3f9b-11f0-afe7-76b3cceeab13","queries.ts","1004124d-87c2-44c0-99f2-ca62d3076be9",["D",1748859570828],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\nimport { TABLES } from \"./migrations.ts\";\nimport type { User, Property, Payment, Booking, ChatMessage } from \"../../shared/types.ts\";\n\n// User queries\nexport async function createUser(user: Omit): Promise {\n await sqlite.execute(\n `INSERT INTO ${TABLES.USERS} (id, name, email, phone) VALUES (?, ?, ?, ?)`,\n [user.id, user.name, user.email, user.phone]\n );\n \n return {\n ...user,\n interests: [],\n payments: [],\n bookings: []\n };\n}\n\nexport async function getUserById(id: string): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${TABLES.USERS} WHERE id = ?`,\n [id]\n );\n \n if (result.length === 0) return null;\n \n const user = result[0];\n const interests = await getUserInterests(id);\n const payments = await getUserPayments(id);\n const bookings = await getUserBookings(id);\n \n return {\n id: user.id,\n name: user.name,\n email: user.email,\n phone: user.phone,\n interests,\n payments,\n bookings\n };\n}\n\nexport async function getUserByEmail(email: string): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${TABLES.USERS} WHERE email = ?`,\n [email]\n );\n \n if (result.length === 0) return null;\n \n const user = result[0];\n return getUserById(user.id);\n}\n\n// Property queries\nexport async function createProperty(property: Property): Promise {\n await sqlite.execute(\n `INSERT INTO ${TABLES.PROPERTIES} \n (id, garden_id, plot_number, size, price, status, description, coordinates_lat, coordinates_lng) \n VALUES (?, ?, ?, ?, ?, ?, ?, ?, ?)`,\n [\n property.id,\n property.gardenId,\n property.plotNumber,\n property.size,\n property.price,\n property.status,\n property.description,\n property.coordinates?.lat || null,\n property.coordinates?.lng || null\n ]\n );\n \n return property;\n}\n\nexport async function getPropertiesByGarden(gardenId: string): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${TABLES.PROPERTIES} WHERE garden_id = ? ORDER BY plot_number`,\n [gardenId]\n );\n \n return result.map(row => ({\n id: row.id,\n gardenId: row.garden_id,\n plotNumber: row.plot_number,\n size: row.size,\n price: row.price,\n status: row.status as Property['status'],\n description: row.description,\n coordinates: row.coordinates_lat && row.coordinates_lng ? {\n lat: row.coordinates_lat,\n lng: row.coordinates_lng\n } : undefined\n }));\n}\n\nexport async function getAvailableProperties(): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${TABLES.PROPERTIES} WHERE status = 'available' ORDER BY garden_id, plot_number`\n );\n \n return result.map(row => ({\n id: row.id,\n gardenId: row.garden_id,\n plotNumber: row.plot_number,\n size: row.size,\n price: row.price,\n status: row.status as Property['status'],\n description: row.description,\n coordinates: row.coordinates_lat && row.coordinates_lng ? {\n lat: row.coordinates_lat,\n lng: row.coordinates_lng\n } : undefined\n }));\n}\n\n// Payment queries\nexport async function createPayment(payment: Payment): Promise {\n await sqlite.execute(\n `INSERT INTO ${TABLES.PAYMENTS} \n (id, user_id, property_id, amount, currency, status, payment_method, reference) \n VALUES (?, ?, ?, ?, ?, ?, ?, ?)`,\n [\n payment.id,\n payment.userId,\n payment.propertyId,\n payment.amount,\n payment.currency,\n payment.status,\n payment.paymentMethod,\n payment.id // Using payment ID as reference for now\n ]\n );\n \n return payment;\n}\n\nexport async function updatePaymentStatus(paymentId: string, status: Payment['status']): Promise {\n const completedAt = status === 'completed' ? new Date().toISOString() : null;\n \n await sqlite.execute(\n `UPDATE ${TABLES.PAYMENTS} SET status = ?, completed_at = ? WHERE id = ?`,\n [status, completedAt, paymentId]\n );\n}\n\nexport async function getUserPayments(userId: string): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${TABLES.PAYMENTS} WHERE user_id = ? ORDER BY created_at DESC`,\n [userId]\n );\n \n return result.map(row => ({\n id: row.id,\n userId: row.user_id,\n propertyId: row.property_id,\n amount: row.amount,\n currency: row.currency,\n status: row.status as Payment['status'],\n paymentMethod: row.payment_method,\n createdAt: row.created_at,\n completedAt: row.completed_at\n }));\n}\n\n// Booking queries\nexport async function createBooking(booking: Booking): Promise {\n await sqlite.execute(\n `INSERT INTO ${TABLES.BOOKINGS} (id, user_id, property_id, status, notes) \n VALUES (?, ?, ?, ?, ?)`,\n [booking.id, booking.userId, booking.propertyId, booking.status, booking.notes]\n );\n \n return booking;\n}\n\nexport async function getUserBookings(userId: string): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${TABLES.BOOKINGS} WHERE user_id = ? ORDER BY created_at DESC`,\n [userId]\n );\n \n return result.map(row => ({\n id: row.id,\n userId: row.user_id,\n propertyId: row.property_id,\n status: row.status as Booking['status'],\n createdAt: row.created_at,\n notes: row.notes\n }));\n}\n\n// Interest queries\nexport async function addUserInterest(userId: string, gardenId: string): Promise {\n const interestId = Math.random().toString(36).substr(2, 9);\n \n await sqlite.execute(\n `INSERT OR IGNORE INTO ${TABLES.INTERESTS} (id, user_id, garden_id) VALUES (?, ?, ?)`,\n [interestId, userId, gardenId]\n );\n}\n\nexport async function removeUserInterest(userId: string, gardenId: string): Promise {\n await sqlite.execute(\n `DELETE FROM ${TABLES.INTERESTS} WHERE user_id = ? AND garden_id = ?`,\n [userId, gardenId]\n );\n}\n\nexport async function getUserInterests(userId: string): Promise {\n const result = await sqlite.execute(\n `SELECT garden_id FROM ${TABLES.INTERESTS} WHERE user_id = ?`,\n [userId]\n );\n \n return result.map(row => row.garden_id);\n}\n\n// Chat queries\nexport async function saveChatMessage(message: Omit): Promise {\n const id = Math.random().toString(36).substr(2, 9);\n \n await sqlite.execute(\n `INSERT INTO ${TABLES.CHAT_MESSAGES} (id, session_id, message, sender) VALUES (?, ?, ?, ?)`,\n [id, message.timestamp, message.message, message.sender] // Using timestamp as session_id for simplicity\n );\n \n return { ...message, id };\n}\n\nexport async function getChatMessages(sessionId: string): Promise {\n const result = await sqlite.execute(\n `SELECT * FROM ${TABLES.CHAT_MESSAGES} WHERE session_id = ? ORDER BY created_at ASC`,\n [sessionId]\n );\n \n return result.map(row => ({\n id: row.id,\n message: row.message,\n sender: row.sender as ChatMessage['sender'],\n timestamp: row.created_at\n }));\n}",[],[449,458,460],"1253da5c-3f9b-11f0-afe7-76b3cceeab13","migrations.ts","e4bf681b-8d15-4ce8-8721-e2d12ee08898",["D",1748859570828],"import { sqlite } from \"https://esm.town/v/stevekrouse/sqlite\";\n\n// Database table names with versioning for schema changes\nexport const TABLES = {\n USERS: 'eagle_majdes_users_v1',\n PROPERTIES: 'eagle_majdes_properties_v1',\n PAYMENTS: 'eagle_majdes_payments_v1',\n BOOKINGS: 'eagle_majdes_bookings_v1',\n INTERESTS: 'eagle_majdes_interests_v1',\n CHAT_MESSAGES: 'eagle_majdes_chat_messages_v1'\n};\n\nexport async function runMigrations() {\n // Users table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TABLES.USERS} (\n id TEXT PRIMARY KEY,\n name TEXT NOT NULL,\n email TEXT UNIQUE NOT NULL,\n phone TEXT NOT NULL,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n updated_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n // Properties table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TABLES.PROPERTIES} (\n id TEXT PRIMARY KEY,\n garden_id TEXT NOT NULL,\n plot_number TEXT NOT NULL,\n size TEXT NOT NULL,\n price INTEGER NOT NULL,\n status TEXT DEFAULT 'available' CHECK (status IN ('available', 'reserved', 'sold')),\n description TEXT,\n coordinates_lat REAL,\n coordinates_lng REAL,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n updated_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n // Payments table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TABLES.PAYMENTS} (\n id TEXT PRIMARY KEY,\n user_id TEXT NOT NULL,\n property_id TEXT NOT NULL,\n amount INTEGER NOT NULL,\n currency TEXT DEFAULT 'NGN',\n status TEXT DEFAULT 'pending' CHECK (status IN ('pending', 'completed', 'failed')),\n payment_method TEXT,\n reference TEXT,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n completed_at DATETIME,\n FOREIGN KEY (user_id) REFERENCES ${TABLES.USERS}(id),\n FOREIGN KEY (property_id) REFERENCES ${TABLES.PROPERTIES}(id)\n )\n `);\n\n // Bookings table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TABLES.BOOKINGS} (\n id TEXT PRIMARY KEY,\n user_id TEXT NOT NULL,\n property_id TEXT NOT NULL,\n status TEXT DEFAULT 'pending' CHECK (status IN ('pending', 'confirmed', 'cancelled')),\n notes TEXT,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n updated_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n FOREIGN KEY (user_id) REFERENCES ${TABLES.USERS}(id),\n FOREIGN KEY (property_id) REFERENCES ${TABLES.PROPERTIES}(id)\n )\n `);\n\n // User interests table (many-to-many relationship)\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TABLES.INTERESTS} (\n id TEXT PRIMARY KEY,\n user_id TEXT NOT NULL,\n garden_id TEXT NOT NULL,\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP,\n FOREIGN KEY (user_id) REFERENCES ${TABLES.USERS}(id),\n UNIQUE(user_id, garden_id)\n )\n `);\n\n // Chat messages table\n await sqlite.execute(`\n CREATE TABLE IF NOT EXISTS ${TABLES.CHAT_MESSAGES} (\n id TEXT PRIMARY KEY,\n session_id TEXT NOT NULL,\n message TEXT NOT NULL,\n sender TEXT NOT NULL CHECK (sender IN ('user', 'support')),\n created_at DATETIME DEFAULT CURRENT_TIMESTAMP\n )\n `);\n\n console.log('Database migrations completed successfully');\n}",[],[449,458,467],"12541e0e-3f9b-11f0-afe7-76b3cceeab13",["D",1748859570828],[315,316,317],[449,458],"125433bc-3f9b-11f0-afe7-76b3cceeab13",["D",1748859570828],[314,318],[449],["D",1748856998657],{"_11":12,"_206":91},{"_11":12,"_202":-5,"_90":91,"_31":89,"_203":204,"_205":30},{"_39":40,"_13":16,"_33":36,"_194":161,"_195":79,"_196":81,"_197":165,"_198":161,"_199":42,"_200":14,"_201":12},"ctx",{"_52":-5,"_226":518,"_519":520,"_521":522,"_523":30,"_524":30,"_525":30,"_526":24,"_527":-5,"_528":-7,"_529":-7,"_530":26,"_531":30,"_532":30,"_533":-5,"_534":30,"_535":30,"_536":30,"_537":-5},"ENV",{"_489":490,"_491":492,"_493":80,"_494":495,"_496":497,"_498":499,"_500":501,"_502":503,"_504":505,"_506":507,"_508":509,"_510":511,"_512":513,"_514":515,"_516":517},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

\n Property Listings\n

\n Plot {property.plotNumber}\n

No properties found

\n Property Overview\n

\n Explore by Garden\n

{garden.name}

\n Found Your Perfect Property?\n

Login Required

\n Secure Payment\n

\n Select Property to Purchase\n

{property.name}

\n Payment Details\n

Selected Property

\n Confirm Payment\n

Payment Summary

Bank Transfer Details

\n Payment Initiated Successfully!\n

Next Steps:

Secure Payment Guarantee

\n Your Dream Home Awaits\n

\n Featured Gardens\n

{garden.name}

\n Why Choose Eagle Majdes?\n

{feature.title}

\n Ready to Find Your Perfect Property?\n

\n Our Garden Estates\n

{garden.name}

No gardens found

\n Prime Locations\n

Ogbeke Nike

Ama-Awji Nike

Agbogazi Nike

Centenary City

\n Find Your Perfect Garden\n

{garden.name}

About {garden.name}

Key Features

Plot Availability

Estate Amenities

{amenity}

Available Properties

Plot {property.plotNumber}

No available properties

Location & Accessibility

About {garden.location}

Nearby Amenities

Contact for Site Visit

\n Ready to Make {garden.name} Your Home?\n

\n {isLogin ? 'Welcome Back' : 'Create Account'}\n

Welcome, {user.name}

Profile Information

Your Interests

Garden {gardenId}

No interests yet

Payment History

No payments yet

Your Bookings

Booking #{booking.id}

No bookings yet

\n Message Sent Successfully!\n

\n Contact Us\n

\n Get In Touch\n

{method.title}

Send Us a Message

Office Hours

Follow Us

Quick Contact

\n Frequently Asked Questions\n

\n \n {faq.question}\n

\n Visit Our Office\n

Our Location

Eagle Majdes Support

\n About Eagle Majdes\n

\n Our Story\n

Chief Nnayerugo 1

Our Mission

Our Vision

\n Our Core Values\n

{value.title}

\n Our Journey\n

History · components