Building Enduring Value Across Borders. - modern, luxury investment company website for a California-based cross-border investment and holding...
Generated Prompt
## APPLICATION OVERVIEW Create a modern, luxury landing page for NgOVA Capital, a California-based cross-border investment and holding company. The website will serve as a digital marketing platform to communicate the company's investment philosophy, focus areas, and contact information. It aims to convey sophistication and trust while highlighting the unique cross-border investment opportunities between the United States and Vietnam. ## CORE FEATURES 1. **Hero Section**: A striking introduction with a headline and subheadline that encapsulates NgOVA's mission. Includes CTA buttons for "Our Thesis" and "Partner With Us." 2. **About NgOVA**: Detailed section explaining the company's focus and operations, featuring a subtle graphic of a world map highlighting the U.S. and Vietnam. 3. **Investment Philosophy**: Outlines the three pillars of NgOVA's investment strategy—Operator-Led Capital, Cross-Border Advantage, and Responsible Compounding. 4. **Focus Areas**: Display 3-4 key investment verticals (Technology, Consumer Brands, etc.) with elegant, minimalist iconography. 5. **Structure**: A diagram-based representation of NgOVA's organizational structure, showcasing its California-based holdings, U.S. entities, and Vietnam subsidiaries. 6. **Leadership**: A clean layout for leadership profiles, including professional portrait placeholders for co-founders. 7. **Contact Section**: Simple and secure contact forms for general inquiries and partnership opportunities, featuring a subtle gold-lined button. 8. **Footer**: Comprehensive footer with company details, legal disclaimers, and links to privacy policy, terms, and disclaimers. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist—Clean, simple design with ample white space, a limited color palette, and a focus on typography to create a sophisticated appearance. - **Color Mode**: Light theme with dark text on light backgrounds, utilizing a deep luxury emerald green (#0F2E24) as the primary background for sections, complemented by matte gold accents (#C6A85C), off-white (#F5F3EF), and charcoal black (#111111) for contrast. - **Layout**: Wide margins, smooth scroll transitions, elegant section breaks, and minimal use of icons to maintain a refined aesthetic. - **Typography**: - Headline: Serif font for authority, reminiscent of high-end financial publications. - Body Text: Clean sans-serif font for readability. - Strong hierarchy with large spacing and high white space usage. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS for a responsive and clean design. - **UI Components**: Use shadcn/ui for minimalist components. - **State Management**: Not required as the focus is on static content. ## IMPLEMENTATION STEPS 1. **Set up the project environment**: Initialize a React project with TypeScript and install Tailwind CSS and shadcn/ui. 2. **Create the main layout components**: Build the structure for the header, hero section, about section, and footer. 3. **Design the hero section**: Implement the headline, subheadline, and CTA buttons with the specified color scheme and typography. 4. **Develop the About NgOVA section**: Add text content and integrate the world map graphic highlighting the U.S. and Vietnam. 5. **Build the Investment Philosophy section**: Include the three pillars with appropriate text and spacing. 6. **Create Focus Areas**: Design section with 3-4 verticals using minimalist iconography. 7. **Implement Structure and Leadership sections**: Use diagram and profile placeholders to convey organizational information. 8. **Design the Contact section**: Create forms for inquiries and partnerships, ensuring a secure and simple layout. 9. **Finalize the footer**: Include company details and legal disclaimers as specified. ## USER EXPERIENCE Users will experience a seamless interaction with the landing page, utilizing smooth scroll transitions between sections. The clear hierarchy and white space will guide users through the content effortlessly. Each section will be visually distinct yet cohesive, reinforcing the brand's message of quiet luxury and global sophistication. The contact forms will be simple and intuitive, encouraging engagement without overwhelming the user.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
