Real estate landing page

Let me first explore the existing codebase and generate design inspiration for this real estate landing page.

Now I have a strong design direction -- warm, earthy tones with elegant serif typography, inspired by the premium Artifact property aesthetic. Let me generate the hero image and start building.

Now let me update the theme and build all the components. I'll start with the globals.css for the warm, premium color palette.

Now let me add a serif font to the layout for the premium real estate feel:

Now update the font references in globals.css:

Now let me build all the landing page components. I'll create them as separate files:

Now let me create the sticky CTA button component and assemble everything in the main page:

Now let me add the font-serif mapping to the tailwind theme in globals.css so the serif headings render properly:

Now let me add smooth scrolling to the base styles:

The complete real estate landing page is now built with all 10 sections from the provided structure. Here's what was created:

Navbar -- Fixed, translucent header with responsive mobile menu and phone number CTA
Hero -- Full-screen section with generated luxury property background, headline, and dual CTAs
Trust Stats -- Overlapping card strip showing 250+ properties sold, 10+ years experience, 4.9 rating, and 98% satisfaction
Services -- Three-card grid covering Home Selling, Home Buying, and Investment Consulting with bullet features
Why Choose Us -- Split layout with emotional headline and 4 value proposition cards (Strategy, Pricing, Negotiation, Marketing)
Featured Properties -- Three generated property images with prices, locations, and specs (beds/baths/sqft)
Process -- Four numbered steps (Consultation, Strategy, Execution, Closing) with connector lines
Testimonials -- Four 5-star client stories in a 2-column grid with quotes and roles
CTA Section -- Dark section with lead capture form (name, email, phone, address) and trust signals
FAQ -- Accordion with 6 common objection-handling questions
Footer -- Contact info, office hours, quick links, and legal
Sticky CTA -- Floating "Book a Call" button that appears on scroll

The design uses a warm, earthy color palette (amber/terracotta primary with cream backgrounds) and DM Serif Display + DM Sans font pairing for a premium, Compass-level real estate aesthetic.