You Are All Set to Go!

All you have to do now is upload your website files and start your journey. Check out how to do that below:

How can I migrate a website to Hostinger? How to install WordPress using Auto Installer?
import React, { useState, useEffect } from 'react'; import { MapPin, Home, DollarSign, Menu, X, Phone, Mail, ChevronRight, Award, TrendingUp, ShieldCheck, Clock, MessageCircle, Calculator, Map as MapIcon, Bed, Bath, Maximize, ArrowRight, CheckCircle2, FileText, Star, Users } from 'lucide-react'; import { motion, AnimatePresence } from 'framer-motion'; // --- Types --- interface Property { id: number; title: string; location: string; price: string; type: string; beds: number; baths: number; sqft: string; image: string; tag: string; } // --- Mock Data --- const PROPERTIES: Property[] = [ { id: 1, title: "The Ritz-Carlton Residences", location: "Sunny Isles Beach, FL", price: "$5,200,000", type: "Lujo", beds: 4, baths: 4.5, sqft: "3,500", image: "https://images.unsplash.com/photo-1512917774080-9991f1c4c750?auto=format&fit=crop&q=80&w=1000", tag: "Frente al Mar" }, { id: 2, title: "Brickell Flatiron Luxury Suite", location: "Brickell, Miami", price: "$1,850,000", type: "Reventa", beds: 2, baths: 2, sqft: "1,450", image: "https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?auto=format&fit=crop&q=80&w=1000", tag: "Ubicación Premium" }, { id: 3, title: "Lake Nona Executive Villa", location: "Orlando, FL", price: "$2,100,000", type: "Inversión", beds: 5, baths: 4, sqft: "4,200", image: "https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&q=80&w=1000", tag: "Ideal Inversión" }, { id: 4, title: "Porsche Design Tower Loft", location: "Sunny Isles, Miami", price: "$8,900,000", type: "Lujo", beds: 3, baths: 3.5, sqft: "4,000", image: "https://images.unsplash.com/photo-1545324418-cc1a3fa10c00?auto=format&fit=crop&q=80&w=1000", tag: "Exclusivo" }, { id: 5, title: "ChampionsGate Golf Estate", location: "Orlando Area", price: "$1 850,000", type: "Vacacional", beds: 6, baths: 5, sqft: "3,800", image: "https://images.unsplash.com/photo-1600566752355-35792bedcfea?auto=format&fit=crop&q=80&w=1000", tag: "Renta Corta" }, { id: 6, title: "Aston Martin Residences", location: "Downtown Miami", price: "$3,400,000", type: "Pre-construcción", beds: 3, baths: 3, sqft: "2,200", image: "https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&q=80&w=1000", tag: "Nueva Obra" } ]; // --- Components --- const Button = ({ children, variant = 'primary', className = '', ...props }: { children: React.ReactNode, variant?: 'primary' | 'secondary' | 'outline' | 'gold', className?: string } & React.ButtonHTMLAttributes) => { const variants = { primary: "bg-slate-900 text-white hover:bg-slate-800", secondary: "bg-white text-slate-900 hover:bg-slate-50", outline: "border-2 border-[#C5A059] text-[#C5A059] hover:bg-[#C5A059]/10", gold: "bg-[#C5A059] text-white hover:bg-[#B38E48] shadow-lg shadow-gold/20" }; return ( ); }; const SectionTitle = ({ title, subtitle, center = true, light = false }: { title: string, subtitle?: string, center?: boolean, light?: boolean }) => (
{title} {subtitle && ( {subtitle} )}
); const Navbar = () => { const [scrolled, setScrolled] = useState(false); const [isOpen, setIsOpen] = useState(false); useEffect(() => { const handleScroll = () => setScrolled(window.scrollY > 50); window.addEventListener('scroll', handleScroll); return () => window.removeEventListener('scroll', handleScroll); }, []); const scrollToSection = (id: string) => { const element = document.getElementById(id); if (element) { element.scrollIntoView({ behavior: 'smooth' }); setIsOpen(false); } }; return ( ); }; const Hero = () => { return (
{/* Background Image with Overlay */}
Miami Luxury Properties
{/* Content */}
Tu experto inmobiliario en Florida

Descubre el Estilo de
Vida de Lujo

Vende, compra o invierte en Miami y Orlando con 8 años de experiencia garantizando los mejores retornos.

{/* Lead Magnet Preview */}
Guía de Inversión 2024
Descárgala gratis al contactarnos
); }; const PropertyCard = ({ property }: { property: Property }) => { const [isHovered, setIsHovered] = useState(false); return ( setIsHovered(true)} onHoverEnd={() => setIsHovered(false)} className="group relative bg-white rounded-3xl overflow-hidden shadow-xl hover:shadow-2xl transition-all duration-500 cursor-pointer border border-slate-100" > {/* Image */}
{/* Tag */}
{property.tag}
{/* Type Badge */}
{property.type}
{/* Price Overlay */}
Precio desde
{property.price}
{/* Content */}

{property.title}

{property.location}
{property.beds}
Habitaciones
{property.baths}
Baños
{property.sqft}
Sq Ft
 ); }; const LeadFunnelSection = () => { return (
{/* Background decoration */}
Análisis de ROI garantizado
Acceso a proyectos mas codiciados y exitosos
Asesoría financiera con los mejores Lenders

Prometo no enviar spam. Solo información de alto valor.
); } const Properties = () => { const [filter, setFilter] = useState('Todas'); const filters = ['Todas', 'Lujo', 'Inversión', 'Reventa', 'Pre-construcción', 'Vacacional']; const filteredProperties = filter === 'Todas' ? PROPERTIES : PROPERTIES.filter(p => p.type === filter); return (
{/* Filters */}
{filters.map((f) => ( ))}
{/* Properties Grid */}
{filteredProperties.map((property) => ( ))}
{/* CTA */}
); }; const Services = () => { const services = [ { icon: , title: "Adquisición de Propiedades", description: "Servicio VIP de búsqueda y negociación para asegurar tu hogar ideal o inversión con las mejores condiciones del mercado." }, { icon: , title: "Gestión de Ventas Premium", description: "Marketing digital de alto impacto y red de contactos exclusiva para vender tu propiedad al precio máximo posible." }, { icon: , title: "Consultoría de Inversión", description: "Análisis técnico de rentabilidad (ROI), flujo de caja y proyecciones de valorización para inversores internacionales." }, { icon: , title: "Relocalización Ejecutiva", description: "Te ayudamos en todo el proceso de mudanza a Florida, desde la búsqueda de vivienda hasta la integración en la comunidad." }, { icon: , title: "Estructuración Financiera", description: "Conexión con prestamistas hipotecarios para extranjeros y asesoría en la estructura legal para proteger tu patrimonio." }, { icon: , title: "Gestión de Cierre", description: "Supervisión total de trámites legales, inspecciones y notaría para asegurar un cierre limpio y sin sorpresas." } ]; return (
{services.map((service, index) => (
{service.icon}

{service.title}

{service.description}

))}
); }; const About = () => { return (
{/* Decorative background element */}
{/* Image */}
Armando Castaño
{/* Experience Card */}
8+
Años de Experiencia
 {/* Content */}
Tu Aliado en Inversiones

Hola, soy Armando Castaño

\"Mi misión no es solo vender propiedades, sino construir patrimonios sólidos para mis clientes a través del mercado inmobiliario más dinámico del mundo.\"

Con 8 años de trayectoria ininterrumpida en Florida, me he consolidado como un experto en el mercado de lujo y de inversión en las áreas de Miami, Brickell, Doral y Orlando.

He acompañado a cientos de familias e inversores a tomar decisiones inteligentes, basadas en datos, análisis de rentabilidad y una visión estratégica que solo los años de experiencia pueden brindar.

{/* Achievements */}
Licensed Realtor
State of Florida
Red Global
Inversores Mundiales
Estrategia 360
Enfoque en Leads
Atención VIP
Disponibilidad 24/7
); }; const Contact = () => { const [isSubmitting, setIsSubmitting] = useState(false); const [submitted, setSubmitted] = useState(false); const handleSubmit = (e: React.FormEvent) => { e.preventDefault(); setIsSubmitting(true); // Simulate API call setTimeout(() => { setIsSubmitting(false); setSubmitted(true); }, 1500); }; return (
{/* Contact Info */}

Información Directa

Llamada Directa
+1 (305) 989-0692
Email Profesional
armando@realtor.com
Oficina Central
2822 NW 79 Ave, Doral
Miami, FL 33122

Sígueme en Redes

{['Instagram', 'Facebook', 'Linkedin'].map((social) => ( ))}
{/* Testimonial Mini-Card */}
{[1,2,3,4,5].map(i => )}

\"Armando hizo que mi proceso de inversión en Miami fuera increíblemente sencillo. Su conocimiento del mercado local es insuperable.\"

— Juan Carlos M., Inversor de México
 {/* Contact Form */} {submitted ? (

¡Mensaje Enviado!

Gracias por contactarme, Armando se comunicará contigo en menos de 24 horas.

) : ( <>

Agendar Consulta

Completa el formulario y recibe atención personalizada 100% enfocada en tus objetivos.

Tus datos están seguros y protegidos bajo nuestra política de privacidad.

)}
); }; const Footer = () => { return ( ); }; const WhatsAppButton = () => ( 1 ); // Main App Component export default function App() { return (
); }