\n \n \n \n\n",[],[267,277],"9146b482-3f97-11f0-bfb2-76b3cceeab13","favicon.svg","9146b54a-3f97-11f0-bfb2-76b3cceeab13",8,["D",1748858065834],"",[],[267,285],"6827eb60-3f98-11f0-857b-76b3cceeab13","PropertiesPage.tsx","6827ed40-3f98-11f0-857b-76b3cceeab13","61cdcfc6-c5e5-4944-959d-b39f19d6b833",18,["D",1748858426286],"/** @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 PropertiesPageProps {\n gardens: Garden[];\n onNavigate: (page: string, gardenId?: string) => void;\n}\n\nexport default function PropertiesPage({ gardens, onNavigate }: PropertiesPageProps) {\n const [properties, setProperties] = useState([]);\n const [loading, setLoading] = useState(true);\n const [filters, setFilters] = useState({\n garden: 'all',\n priceRange: 'all',\n status: 'available'\n });\n\n useEffect(() => {\n fetchProperties();\n }, []);\n\n const fetchProperties = async () => {\n try {\n const response = await fetch('/api/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 getGardenName = (gardenId: string) => {\n const garden = gardens.find(g => g.id === gardenId);\n return garden ? garden.name : 'Unknown Garden';\n };\n\n const getGardenLocation = (gardenId: string) => {\n const garden = gardens.find(g => g.id === gardenId);\n return garden ? garden.location : 'Unknown Location';\n };\n\n const filteredProperties = properties.filter(property => {\n if (filters.garden !== 'all' && property.gardenId !== filters.garden) return false;\n if (filters.status !== 'all' && property.status !== filters.status) return false;\n \n if (filters.priceRange !== 'all') {\n const price = property.price;\n switch (filters.priceRange) {\n case 'under-2m':\n return price < 2000000;\n case '2m-4m':\n return price >= 2000000 && price <= 4000000;\n case '4m-6m':\n return price >= 4000000 && price <= 6000000;\n case 'over-6m':\n return price > 6000000;\n default:\n return true;\n }\n }\n \n return true;\n });\n\n const priceRanges = [\n { value: 'all', label: 'All Prices' },\n { value: 'under-2m', label: 'Under ₦2M' },\n { value: '2m-4m', label: '₦2M - ₦4M' },\n { value: '4m-6m', label: '₦4M - ₦6M' },\n { value: 'over-6m', label: 'Over ₦6M' }\n ];\n\n const statusOptions = [\n { value: 'all', label: 'All Status' },\n { value: 'available', label: 'Available' },\n { value: 'reserved', label: 'Reserved' },\n { value: 'sold', label: 'Sold' }\n ];\n\n return (\n

\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}",[],[267,301,293],"components","d6b8f056-3f98-11f0-9733-76b3cceeab13","PaymentPage.tsx","d6b8f114-3f98-11f0-9733-76b3cceeab13",20,["D",1748858611843],"/** @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}",[],[267,301,303],"e8c205a4-3f97-11f0-ab6c-76b3cceeab13","HomePage.tsx","e8c20658-3f97-11f0-ab6c-76b3cceeab13",14,["D",1748858212606],"/** @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}",[],[267,301,311],"c23c42b4-3f97-11f0-af85-76b3cceeab13","Header.tsx","c23c439a-3f97-11f0-af85-76b3cceeab13",12,["D",1748858147976],"/** @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}",[],[267,301,319],"20f7c17a-3f98-11f0-a95b-76b3cceeab13","GardensPage.tsx","20f7c22e-3f98-11f0-a95b-76b3cceeab13",16,["D",1748858306912],"/** @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}",[],[267,301,327],"473485f8-3f98-11f0-9ef8-76b3cceeab13","GardenDetailPage.tsx","47348710-3f98-11f0-9ef8-76b3cceeab13",17,["D",1748858371062],"/** @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}",[],[267,301,335],"d1dd59c4-3f97-11f0-abb5-76b3cceeab13","Footer.tsx","d1dd5a82-3f97-11f0-abb5-76b3cceeab13",13,["D",1748858174196],"/** @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}",[],[267,301,343],"943d5104-3f98-11f0-9c2d-76b3cceeab13","DashboardPage.tsx","943d51ea-3f98-11f0-9c2d-76b3cceeab13",19,["D",1748858500305],"/** @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}",[],[267,301,351],"00f815d6-3f99-11f0-b6e4-76b3cceeab13","ContactPage.tsx","00f81716-3f99-11f0-b6e4-76b3cceeab13",21,["D",1748858682721],"/** @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}",[],[267,301,359],"113b091c-3f99-11f0-a581-76b3cceeab13","ChatWidget.tsx","113b09ee-3f99-11f0-a581-76b3cceeab13",22,["D",1748858710004],"/** @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}",[],[267,301,367],"b40bd056-3f97-11f0-b092-76b3cceeab13","App.tsx","b40bd13c-3f97-11f0-b092-76b3cceeab13",11,["D",1748858124166],"/** @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}",[],[267,301,375],"0567214e-3f98-11f0-94d0-76b3cceeab13","AboutPage.tsx","056721ee-3f98-11f0-94d0-76b3cceeab13",15,["D",1748858260664],"/** @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}",[],[267,301,383],"b40be0f0-3f97-11f0-b092-76b3cceeab13",["D",1748858124166],[208,209,210,211,212,213,214,215,216,217,218,219],[267,301],"8d34ce38-3f97-11f0-b61b-76b3cceeab13",["D",1748858059004],[207,220,221,222,223],[267],"34db72a8-3f99-11f0-b983-76b3cceeab13","index.ts",26,["D",1748858769771],"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;",[],[173,399],["D",1748858762167],[],[173,93,91],["D",1748858018202],[],[173,93,81],["D",1748857990392],[],[173,93,66],["D",1748857990392],[202,203,204],[173,93],"644f5e98-3f97-11f0-9634-76b3cceeab13",["D",1748857990392],[201,205],[173],["D",1748856998657],{"_11":12,"_143":72},{"_11":12,"_139":-5,"_71":72,"_31":70,"_140":141,"_142":30},{"_41":130,"_13":16,"_35":38,"_131":96,"_132":-5,"_133":-5,"_134":-5,"_135":-5,"_136":-5,"_137":14,"_138":12},"ctx",{"_54":-5,"_162":459,"_460":461,"_462":463,"_464":30,"_465":30,"_466":30,"_467":24,"_468":-5,"_469":-7,"_470":-7,"_471":26,"_472":30,"_473":30,"_474":-5,"_475":30,"_476":30,"_477":30,"_478":-5},"ENV",{"_430":431,"_432":433,"_434":16,"_435":436,"_437":438,"_439":440,"_441":442,"_443":444,"_445":446,"_447":448,"_449":450,"_451":452,"_453":454,"_455":456,"_457":458},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","a3e067d4463eea85f6334f8e583e8516ae58c4f6","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 · database