[V0_FILE]typescriptreact:file="components/footer.tsx" isMerged="true" import Link from "next/link" export function Footer() { const footerLinks = { Product: [ { label: "Features", href: "/features" }, { label: "Pricing", href: "/pricing" }, { label: "Integrations", href: "/integrations" }, { label: "Changelog", href: "/changelog" }, ], Company: [ { label: "About", href: "/about" }, { label: "Customers", href: "/customers" }, { label: "Blog", href: "/blog" }, { label: "Careers", href: "/careers" }, ], Resources: [ { label: "Documentation", href: "/docs" }, { label: "Help Center", href: "/help" }, { label: "Contact", href: "/contact" }, { label: "Status", href: "/status" }, ], Legal: [ { label: "Privacy", href: "/privacy" }, { label: "Terms", href: "/terms" }, { label: "Security", href: "/security" }, { label: "Compliance", href: "/compliance" }, ], } return ( ) } [V0_FILE]jpg:file="public/modern-condominium-management-dashboard-interface.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/modern-condominium-management-dashboard-interface-H7p195XnLRxhsyicRQ3CayMxza5pC8.jpg" isMerged="true" [V0_FILE]jpg:file="public/mobile-payment-qr-code-interface.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/mobile-payment-qr-code-interface-4fhztxFyMg0HQgN2r4kruG7jzhddIu.jpg" isMerged="true" [V0_FILE]jpg:file="public/facility-booking-calendar-interface.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/facility-booking-calendar-interface-rZSHgGs5vQGKdCrBkQ3stjt0Ktr1Uy.jpg" isMerged="true" [V0_FILE]jpg:file="public/digital-voting-interface-dashboard.jpg" url="https://hebbkx1anhila5yf.public.blob.vercel-storage.com/attachments/gen-images/public/digital-voting-interface-dashboard-DF3xhb3M5aMhvdnB0c5wmE1CsOqbXF.jpg" isMerged="true" [V0_FILE]json:file="package.json" isMerged="true" { "name": "my-v0-project", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint" }, "dependencies": { "@hookform/resolvers": "^3.10.0", "@radix-ui/react-accordion": "1.2.2", "@radix-ui/react-alert-dialog": "1.1.4", "@radix-ui/react-aspect-ratio": "1.1.1", "@radix-ui/react-avatar": "1.1.2", "@radix-ui/react-checkbox": "1.1.3", "@radix-ui/react-collapsible": "1.1.2", "@radix-ui/react-context-menu": "2.2.4", "@radix-ui/react-dialog": "1.1.4", "@radix-ui/react-dropdown-menu": "2.1.4", "@radix-ui/react-hover-card": "1.1.4", "@radix-ui/react-label": "2.1.1", "@radix-ui/react-menubar": "1.1.4", "@radix-ui/react-navigation-menu": "1.2.3", "@radix-ui/react-popover": "1.1.4", "@radix-ui/react-progress": "1.1.1", "@radix-ui/react-radio-group": "1.2.2", "@radix-ui/react-scroll-area": "1.2.2", "@radix-ui/react-select": "2.1.4", "@radix-ui/react-separator": "1.1.1", "@radix-ui/react-slider": "1.2.2", "@radix-ui/react-slot": "1.1.1", "@radix-ui/react-switch": "1.1.2", "@radix-ui/react-tabs": "1.1.2", "@radix-ui/react-toast": "1.2.4", "@radix-ui/react-toggle": "1.1.1", "@radix-ui/react-toggle-group": "1.1.1", "@radix-ui/react-tooltip": "1.1.6", "@vercel/analytics": "1.3.1", "autoprefixer": "^10.4.20", "class-variance-authority": "^0.7.1", "clsx": "^2.1.1", "cmdk": "1.0.4", "date-fns": "4.1.0", "embla-carousel-react": "8.5.1", "geist": "^1.3.1", "input-otp": "1.4.1", "lucide-react": "^0.454.0", "next": "15.5.9", "next-themes": "^0.4.6", "react": "19.1.0", "react-day-picker": "9.8.0", "react-dom": "19.1.0", "react-hook-form": "^7.60.0", "react-resizable-panels": "^2.1.7", "recharts": "2.15.4", "sonner": "^1.7.4", "tailwind-merge": "^3.3.1", "tailwindcss-animate": "^1.0.7", "vaul": "^0.9.9", "zod": "3.25.67" }, "devDependencies": { "@tailwindcss/postcss": "^4.1.9", "@types/node": "^22", "@types/react": "^18", "@types/react-dom": "^18", "postcss": "^8.5", "tailwindcss": "^4.1.9", "tw-animate-css": "1.3.3", "typescript": "^5" } } [V0_FILE]typescriptreact:file="app/layout.tsx" isEdit="true" isMerged="true" import type React from "react" import type { Metadata } from "next" import { Inter } from "next/font/google" import { Suspense } from "react" import "./globals.css" const inter = Inter({ subsets: ["latin"], variable: "--font-inter", display: "swap", }) export const metadata: Metadata = { title: "TownHouse - Condominium Management Software", description: "Modern condominium management platform for Sri Lanka and Asia. Manage fees, facilities, and governance with ease.", generator: "v0.app", } export default function RootLayout({ children, }: Readonly<{ children: React.ReactNode }>) { return ( {children} ) } [V0_FILE]typescriptreact:file="components/dashboard-preview.tsx" isMerged="true" "use client" import { CheckCircle2, Calendar, Users, TrendingUp } from "lucide-react" export function DashboardPreview() { return (

{/* Main Dashboard */}

{/* Dashboard Header */}

Total Revenue

LKR 2.4M

{/* Mini Stats Grid */}

Paid

142

Pending

Overdue

{/* Simple Bar Chart Representation */}

Jan

Feb

Mar

{/* Floating Card 1: Payment Success */}

Payment Received

Unit 12A • LKR 45,000

{/* Floating Card 2: Booking */}

Pool Booked

Tomorrow, 3:00 PM

{/* Floating Card 3: Active Users */}

156

Active

) } [V0_FILE]typescriptreact:file="components/payment-gateway-preview.tsx" isMerged="true" "use client" import { CheckCircle2, CreditCard, Smartphone, QrCode } from "lucide-react" export function PaymentGatewayPreview() { return (

{/* Main payment interface */}

{/* Header */}

Unit 12-A

Maintenance Fee

LKR 25,000

Due: Jan 2025

{/* QR Code placeholder */}

{Array.from({ length: 9 }).map((_, i) => (

))}

{/* Payment methods */}

{/* Floating success notification */}

Payment Received

Unit 8-B • LKR 22,500

{/* Floating payment method card */}

Mobile Banking

All banks supported

) } [V0_FILE]typescriptreact:file="components/facility-booking-preview.tsx" isMerged="true" "use client" import { Calendar, Clock, Users, CheckCircle2 } from "lucide-react" export function FacilityBookingPreview() { const bookings = [ { facility: "Swimming Pool", time: "10:00 AM", status: "confirmed" }, { facility: "Gym", time: "2:00 PM", status: "pending" }, { facility: "Party Hall", time: "6:00 PM", status: "confirmed" }, ] return (

{/* Calendar Grid */}

Facility Calendar

March 2024

{/* Mini Calendar Grid */}

{["S", "M", "T", "W", "T", "F", "S"].map((day, i) => (

{day}

))} {Array.from({ length: 14 }).map((_, i) => (

{i + 1}

))}

{/* Booking List */}

{bookings.map((booking, i) => (

{booking.facility}

{booking.time}

{booking.status === "confirmed" ? ( ) : (

)}

))}

{/* Floating Stats */}

This Week

Bookings

) } [V0_FILE]typescriptreact:file="components/agm-voting-preview.tsx" isMerged="true" "use client" import { CheckCircle2, Clock, Users, FileText } from "lucide-react" export function AgmVotingPreview() { return (

{/* Main Voting Interface */}

{/* Meeting Header */}

Annual General Meeting 2025

Live

124/156 present

45 min remaining

{/* Active Vote */}

Motion #3: Approve Annual Budget

Proposed budget: LKR 12.5M for FY 2025-26

Votes cast: 89/124 72% participation

{/* Previous Results */}

Motion #2: Approved

98 for, 12 against

Motion #1: Approved

105 for, 8 against

{/* Floating Proxy Card */}

Proxy Votes

Collected digitally

{/* Floating Attendance Card */}

Quorum Met

79.5% attendance

) } [V0_FILE]typescriptreact:file="components/final-cta.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { Button } from "@/components/ui/button" import { ArrowRight } from "lucide-react" import Link from "next/link" export function FinalCTA() { return (

Ready to modernize your condominium management?

Join hundreds of condominiums across Sri Lanka and Asia using TownHouse. Start your free 3-month trial today.

No credit card required • Free 3-month trial • Cancel anytime

) } [V0_FILE]typescriptreact:file="components/navigation.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import Link from "next/link" import { Button } from "@/components/ui/button" import { Menu, X } from "lucide-react" export function Navigation() { const [mobileMenuOpen, setMobileMenuOpen] = useState(false) return (

{/* Logo */} TownHouse {/* Desktop Navigation */}

Features Pricing Customers About Blog

{/* CTA Buttons */}

{/* Mobile Menu Button */}

{/* Mobile Menu */} {mobileMenuOpen && (

Features Pricing Customers About Blog

)}

) } [V0_FILE]typescriptreact:file="components/trust-bar.tsx" isEdit="true" isQuickEdit="true" isMerged="true" export function TrustBar() { const logos = [ { name: "Residence Tower A", width: 120 }, { name: "Skyline Complex", width: 100 }, { name: "Marina Heights", width: 140 }, { name: "Central Plaza", width: 130 }, { name: "Ocean View", width: 110 }, ] return (

Trusted by leading condominiums across Sri Lanka

{logos.map((logo) => (

{logo.name}

))}

) } [V0_FILE]typescriptreact:file="components/value-props.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { DollarSign, Calendar, Vote } from "lucide-react" import { Card, CardContent } from "@/components/ui/card" export function ValueProps() { const props = [ { icon: DollarSign, title: "Fees", description: "Automate fee collection with payment gateway integration. Track dues, send reminders, and generate reports instantly.", color: "text-primary", bgColor: "bg-primary/10", }, { icon: Calendar, title: "Facilities", description: "Let residents book amenities online. Manage pools, gyms, and function halls with automated scheduling.", color: "text-primary", bgColor: "bg-primary/10", }, { icon: Vote, title: "Governance", description: "Run AGMs digitally. Collect proxies, conduct secure voting, and maintain transparent records.", color: "text-primary", bgColor: "bg-primary/10", }, ] return (

Everything you need to manage your condominium

Three powerful modules working together to simplify property management

{props.map((prop) => { const Icon = prop.icon return (

{prop.title}

{prop.description}

) })}

) } [V0_FILE]typescriptreact:file="components/feature-strips.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { CheckCircle2 } from "lucide-react" import { PaymentGatewayPreview } from "./payment-gateway-preview" import { FacilityBookingPreview } from "./facility-booking-preview" import { AgmVotingPreview } from "./agm-voting-preview" export function FeatureStrips() { const features = [ { title: "Payment Gateway Integration", description: "Accept payments instantly with integrated payment gateways. Residents pay maintenance fees directly from their mobile banking apps or credit cards.", benefits: [ "Instant payment confirmation", "Multiple payment methods", "Works with all major banks", "Automated receipt generation", ], component: , reverse: false, }, { title: "Smart Facility Booking", description: "Let residents reserve amenities 24/7. Prevent double bookings, set usage rules, and collect deposits automatically.", benefits: [ "Real-time availability calendar", "Automated booking confirmations", "Deposit collection & refunds", "Usage analytics & reports", ], component: , reverse: true, }, { title: "Digital AGM & Voting", description: "Conduct Annual General Meetings online. Collect proxies digitally, enable secure voting, and maintain complete audit trails.", benefits: [ "Secure proxy collection", "Real-time vote counting", "Meeting minutes & records", "Compliance with Apartment Ownership Law", ], component: , reverse: false, }, ] return (

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

{/* Content */}

{feature.title}

{feature.description}

{benefit}

{/* Visual */}

{feature.component ? (

{feature.component}

) : (

)}

))}

) } [V0_FILE]typescriptreact:file="components/regional-compliance.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { Shield, Scale, FileCheck } from "lucide-react" export function RegionalCompliance() { return (

Built for Sri Lankan & Asian Markets

Fully compliant with local regulations and payment systems

Payment Gateway Ready

Integrated with multiple payment gateways including QR payments for instant, secure transactions

Legal Compliance

Meets requirements of the Apartment Ownership Law and Condominium Management Authority

Multi-Currency

Support for LKR, USD, and other Asian currencies with real-time exchange rates

) } [V0_FILE]typescriptreact:file="components/integrations.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { CreditCard, Building2, MessageSquare, MessageCircle, Calendar, Video, Zap } from "lucide-react" export function Integrations() { const integrations = [ { name: "Payment Gateway", category: "Payments", icon: CreditCard }, { name: "Bank A", category: "Banking", icon: Building2 }, { name: "Bank B", category: "Banking", icon: Building2 }, { name: "Bank C", category: "Banking", icon: Building2 }, { name: "WhatsApp Business", category: "Communication", icon: MessageSquare }, { name: "SMS Gateway", category: "Communication", icon: MessageCircle }, { name: "Google Calendar", category: "Scheduling", icon: Calendar }, { name: "Zoom", category: "Meetings", icon: Video }, { name: "Zapier", category: "Automation", icon: Zap }, ] return (

Integrates with your existing tools

Connect TownHouse with the services you already use

{integrations.map((integration) => { const Icon = integration.icon return (

{integration.name}

{integration.category}

) })}

) } [V0_FILE]typescriptreact:file="components/pricing.tsx" isEdit="true" isQuickEdit="true" isMerged="true" "use client" import { useState } from "react" import { Button } from "@/components/ui/button" import { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "@/components/ui/card" import { Check } from "lucide-react" export function Pricing() { const [currency, setCurrency] = useState<"LKR" | "USD">("LKR") const plans = [ { name: "Starter", description: "For small condominiums", priceLKR: "15,000", priceUSD: "50", features: [ "Up to 25 units", "Fee collection & tracking", "Basic facility booking", "Email support", "Mobile app access", ], }, { name: "Professional", description: "For growing communities", priceLKR: "35,000", priceUSD: "120", features: [ "Up to 100 units", "Payment gateway integration", "Advanced facility management", "Digital AGM & voting", "Priority support", "Custom reports", ], popular: true, }, { name: "Enterprise", description: "For large complexes", priceLKR: "75,000", priceUSD: "250", features: [ "Unlimited units", "Multi-property management", "API access", "Dedicated account manager", "Custom integrations", "SLA guarantee", ], }, { name: "Custom", description: "For unique requirements", priceLKR: "Contact", priceUSD: "Contact", features: [ "Tailored features", "White-label options", "On-premise deployment", "Custom training", "Migration assistance", ], }, ] return (

Simple, transparent pricing

Choose the plan that fits your condominium size

{/* Currency Toggle */}

{plans.map((plan) => ( {plan.popular && (

Loved by property managers across Sri Lanka

See what our customers have to say

{testimonials.map((testimonial, index) => (

{Array.from({ length: testimonial.rating }).map((_, i) => ( ))}

"{testimonial.quote}"

{testimonial.author}

{testimonial.role}

{testimonial.property}

))}

) } [V0_FILE]typescriptreact:file="components/faq.tsx" isEdit="true" isQuickEdit="true" isMerged="true" import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "@/components/ui/accordion" export function FAQ() { const faqs = [ { question: "How does the payment gateway integration work?", answer: "TownHouse integrates with multiple payment gateways including QR code payments and card processing. Residents receive payment links or QR codes for their unit, which they can use with their preferred banking app or credit card to pay maintenance fees instantly. Payments are confirmed in real-time and receipts are generated automatically.", }, { question: "Is TownHouse compliant with Sri Lankan condominium laws?", answer: "Yes, TownHouse is fully compliant with the Apartment Ownership Law and regulations set by the Condominium Management Authority. Our digital AGM and voting features meet all legal requirements for quorum, proxy collection, and record-keeping.", }, { question: "Can residents access TownHouse on their mobile phones?", answer: "TownHouse includes mobile apps for both iOS and Android. Residents can pay fees, book facilities, view announcements, and participate in voting directly from their smartphones.", }, { question: "What happens to our existing data when we migrate?", answer: "We provide free migration assistance for all plans. Our team will help you import your existing resident data, payment history, and facility schedules. The process typically takes 1-2 weeks depending on your data volume.", }, { question: "Do you offer training for management committees?", answer: "Yes! All plans include onboarding training for your management committee and staff. Professional and Enterprise plans also include ongoing training sessions and dedicated support.", }, { question: "Can we customize TownHouse for our specific needs?", answer: "Enterprise and Custom plans offer extensive customization options including custom workflows, white-labeling, and API access. Contact our sales team to discuss your specific requirements.", }, ] return (

Frequently asked questions

Everything you need to know about TownHouse

{faqs.map((faq, index) => ( {faq.question} {faq.answer} ))}

) } [V0_FILE]css:file="app/globals.css" isEdit="true" isMerged="true" @import "tailwindcss"; @import "tw-animate-css"; @custom-variant dark (&:is(.dark *)); :root { /* TownHouse Brand Colors - Dashboard UI Kit */ --th-urban-slate: #1b1b1b; --th-porcelain: #f8f9fa; --th-modern-sage: #7a9e89; --th-sandstone: #d8c7a1; --th-skyline: #6ba5c2; --th-concrete: #d1d1d1; --th-steel: #4e4e4e; /* Semantic tokens mapped to dashboard palette */ --background: oklch(0.98 0 0); /* Porcelain */ --foreground: oklch(0.145 0 0); /* Urban Slate */ --card: oklch(1 0 0); /* White */ --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); /* Primary: Modern Sage #7A9E89 */ --primary: oklch(0.62 0.04 155); --primary-foreground: oklch(1 0 0); /* Secondary: Lighter backgrounds */ --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.145 0 0); /* Muted: Steel gray */ --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.4 0 0); /* Steel */ /* Accent: Skyline Blue #6BA5C2 */ --accent: oklch(0.67 0.06 220); --accent-foreground: oklch(1 0 0); --destructive: oklch(0.577 0.245 27.325); --destructive-foreground: oklch(1 0 0); /* Border: Concrete gray */ --border: oklch(0.85 0 0); --input: oklch(0.85 0 0); --ring: oklch(0.62 0.04 155); --chart-1: oklch(0.62 0.04 155); --chart-2: oklch(0.67 0.06 220); --chart-3: oklch(0.75 0.04 80); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --radius: 0.75rem; --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.62 0.04 155); --sidebar-primary-foreground: oklch(1 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.145 0 0); --sidebar-border: oklch(0.85 0 0); --sidebar-ring: oklch(0.62 0.04 155); } .dark { --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.2 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.145 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.62 0.04 155); --primary-foreground: oklch(1 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.67 0.06 220); --accent-foreground: oklch(1 0 0); --destructive: oklch(0.396 0.141 25.723); --destructive-foreground: oklch(1 0 0); --border: oklch(0.269 0 0); --input: oklch(0.269 0 0); --ring: oklch(0.62 0.04 155); --chart-1: oklch(0.62 0.04 155); --chart-2: oklch(0.67 0.06 220); --chart-3: oklch(0.75 0.04 80); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.62 0.04 155); --sidebar-primary-foreground: oklch(1 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(0.269 0 0); --sidebar-ring: oklch(0.439 0 0); } @theme inline { /* Added font-sans variable for Inter font */ --font-sans: var(--font-inter); --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-popover: var(--popover); --color-popover-foreground: var(--popover-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --color-sidebar: var(--sidebar); --color-sidebar-foreground: var(--sidebar-foreground); --color-sidebar-primary: var(--sidebar-primary); --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); --color-sidebar-accent: var(--sidebar-accent); --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); --color-sidebar-border: var(--sidebar-border); --color-sidebar-ring: var(--sidebar-ring); } @layer base { * { @apply border-border outline-ring/50; } body { @apply bg-background text-foreground; } } @layer utilities { /* Added modern grid background pattern */ .grid-pattern { background-image: linear-gradient(rgba(122, 158, 137, 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(122, 158, 137, 0.05) 1px, transparent 1px); background-size: 50px 50px; } /* Added gradient orb utilities for modern aesthetic */ .gradient-orb-primary { background: radial-gradient(circle at center, rgba(122, 158, 137, 0.15) 0%, transparent 70%); } .gradient-orb-accent { background: radial-gradient(circle at center, rgba(107, 165, 194, 0.12) 0%, transparent 70%); } /* Added dot pattern for subtle texture */ .dot-pattern { background-image: radial-gradient(circle, rgba(122, 158, 137, 0.08) 1px, transparent 1px); background-size: 20px 20px; } @keyframes float { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-10px); } } @keyframes float-delayed { 0%, 100% { transform: translateY(0px); } 50% { transform: translateY(-8px); } } /* Added pulse animation for gradient orbs */ @keyframes pulse-slow { 0%, 100% { opacity: 0.3; transform: scale(1); } 50% { opacity: 0.5; transform: scale(1.05); } } .animate-float { animation: float 3s ease-in-out infinite; } .animate-float-delayed { animation: float-delayed 3s ease-in-out infinite 0.5s; } .animate-pulse-slow { animation: pulse-slow 8s ease-in-out infinite; } } [V0_FILE]typescriptreact:file="components/hero.tsx" isEdit="true" import { Button } from "@/components/ui/button" import { ArrowRight, Play } from "lucide-react" import Link from "next/link" import { DashboardPreview } from "./dashboard-preview" export function Hero() { return (

{/* Left: Content */}

Now available in Sri Lanka & Asia

Modern Condominium Management Made Simple

Streamline fee collection, facility bookings, and governance for your condominium. Built for property managers in Sri Lanka and across Asia.

Free 3-month trial • No credit card required • Cancel anytime

{/* Right: Dashboard Preview */}

) } [V0_FILE]typescriptreact:file="app/page.tsx" isEdit="true" import { Navigation } from "@/components/navigation" import { Hero } from "@/components/hero" import { TrustBar } from "@/components/trust-bar" import { ValueProps } from "@/components/value-props" import { FeatureStrips } from "@/components/feature-strips" import { RegionalCompliance } from "@/components/regional-compliance" import { Integrations } from "@/components/integrations" import { Pricing } from "@/components/pricing" import { Testimonials } from "@/components/testimonials" import { FAQ } from "@/components/faq" import { FinalCTA } from "@/components/final-cta" import { Footer } from "@/components/footer" export default function HomePage() { return (

) }