Official digital headquarters
Generated Prompt
```markdown ## APPLICATION OVERVIEW Create a web application serving as the official digital headquarters for the House of Grønli & Grønli Court of Records. This platform will act as a public information hub to educate visitors about Norwegian sovereignty and include a secure client portal for document uploads related to status correction. ## CORE FEATURES 1. **Public Website: Home Page** - A welcoming hero section featuring a powerful headline and motto, accompanied by a visual of a lighthouse analogy. This section will summarize the core functions of the organization. 2. **Secure Client Portal** - A password-protected area allowing clients to log in and access personalized dashboards. This feature includes a document upload functionality that integrates with the existing upload tool. 3. **Services Section** - Detailed explanation of the 5-phase status correction process, outlining the roles of the Grønli Court of Records and the Prosperity Union. 4. **Resources / Knowledge Base** - A dedicated section for articles and downloadable PDFs focusing on natural law and status correction protocols. 5. **Contact Page** - A straightforward contact information page featuring an inquiry form for visitors to initiate communication. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - Clean, simple design with ample white space, ensuring that the focus remains on typography and content. - **Color Mode**: Light theme with dark text on light backgrounds, utilizing deep greens, stone grays, and blues as accent colors. - **Layout**: A structured layout that includes a hero section at the top, followed by the services section, resources, and contact information, creating a logical flow for users. - **Typography**: Use modern sans-serif fonts for headings (e.g., Open Sans, Roboto) with a clear hierarchy—larger sizes for headings, medium for subheadings, and standard sizes for body text. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: Utilize shadcn/ui components such as Card for displaying content, Button for call-to-action elements, and Input for the contact form. - **State Management**: Consider using React's Context API or Zustand for managing application state, especially for the secure client portal. ## IMPLEMENTATION STEPS 1. **Set Up the Project**: Initialize a new React project with TypeScript and Tailwind CSS. 2. **Develop the Home Page**: - Create the hero section with a headline, motto, and lighthouse analogy visual. - Implement a summary of core functions. 3. **Build the Secure Client Portal**: - Set up authentication (login/logout) functionality. - Create a personalized dashboard for clients, including a document upload feature that connects to the existing upload tool. 4. **Create the Services Section**: - Detail the 5-phase status correction process and the roles of the Grønli Court of Records and the Prosperity Union. 5. **Develop the Resources Section**: - Create a section for articles and downloadable PDFs. 6. **Implement the Contact Page**: - Provide contact details and a simple inquiry form for users. 7. **Responsive Design**: Ensure the application is mobile-first, adhering to specified breakpoints: sm:640px, md:768px, lg:1024px. 8. **Testing**: Conduct thorough testing to ensure functionality, especially for the secure client portal and document uploads. ## USER EXPERIENCE Key user interactions include: - A seamless experience navigating from the home page to the services and resources sections. - Easy access to the secure client portal with clear login instructions. - Simple document upload processes within the portal. - An intuitive inquiry form for users seeking to contact the organization, ensuring quick responses. This structure will create a fully functional, minimalist light web application aligned with the user’s vision for the House of Grønli & Grønli Court of Records. ```
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!
