Now let me generate the hero image for the real estate landing page and save the logo:

Now let me build the complete landing page. I'll update the globals.css with the brand theme, layout.tsx with metadata/fonts, and create all the components:

Now let me update the layout.tsx with proper fonts and metadata:

Now update the font references in globals.css:

Now let me create all the component files. I'll start with the Navbar, Hero, and other sections:

Now let me assemble everything in the main page:

Here's your complete real estate landing page for Online Piont OP! It includes all 9 key sections:

1. Navbar - Sticky header with logo, navigation links, and CTA buttons (responsive with mobile hamburger menu)
2. Hero - Full-screen hero with property background image, bold headline, CTAs, and trust stats (500+ properties, 1,200+ clients, 15+ years, 4.9 rating)
3. Pain Points - 4-card grid addressing emotional triggers like struggling to sell, unfair value, market confusion, and bad deals
4. Services - 4 detailed service cards (Selling, Buying, Valuation, Investment) with feature bullet lists
5. Why Choose Us - 6 reasons in a split layout with compelling benefit descriptions
6. Testimonials - 3 client testimonials with star ratings plus a case study showing real results
7. About - Team photo with company story and 3 key highlights
8. Lead Capture - Free valuation form with name, email, phone, and property address fields
9. FAQ - 6 accordion-style questions addressing common objections
10. Final CTA - Urgency-driven call-to-action with scarcity element
11. Footer - Links, contact info, and branding

The theme uses your brand's cyan/teal primary color with a dark navy accent, Inter for body text, and Playfair Display for elegant headings.