אני רוצה ליצור דף נחיתה לבית חבד שלי שנמצא בקפריסין, אורקליני, הדף נחיתה צריך להיות נוח ופשוט אבל גם מושך לעין, ושיהיה אופציה להרשמה לאירוע/לבית...
Generated Prompt
## APPLICATION OVERVIEW This project is a landing page for a Chabad House located in Cyprus. The main purpose of the landing page is to provide a simple yet visually appealing platform for visitors to learn about the Chabad House, register for events, and easily access information about activities and community engagement. ## CORE FEATURES 1. **Hero Section**: An inviting hero section with a brief introduction to the Chabad House, featuring a captivating background image and a prominent call-to-action button for event registration. 2. **Event Registration Form**: A straightforward form allowing users to sign up for events. The form collects essential details such as name, email, and phone number, and submits them for further processing. 3. **Community Information**: A section that outlines the activities and services offered by the Chabad House, providing visitors with a clear understanding of what to expect. 4. **Testimonials**: A section featuring testimonials from community members to build trust and encourage new visitors to engage with the Chabad House. 5. **Contact Information**: A dedicated area where users can find contact details, including social media links and a map to the Chabad House location. 6. **Newsletter Signup**: An option for users to subscribe to a newsletter for updates on events and community activities. ## DESIGN SPECIFICATIONS - **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography. - **Color Mode**: Light theme with dark text on light backgrounds. - **Primary Color**: #1978E5 (accent for buttons, links, highlights). - **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements. - **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs. - **Layout**: The layout will follow a single-page structure, with sections clearly defined for the hero, event registration, community information, testimonials, and contact information, ensuring a smooth scrolling experience. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript. - **Styling**: Tailwind CSS. - **UI Components**: shadcn/ui. - **State Management**: Not specified, as the form state can be managed locally. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript. 2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components. 3. **Create Components**: Build individual components for the hero section, event registration form, community information, testimonials, and contact section. 4. **Implement Routing**: Use React Router to manage navigation if needed; otherwise, keep it a single-page scroll layout. 5. **Style Components**: Apply Tailwind CSS styles according to the design specifications, ensuring responsiveness and consistency in the layout. 6. **Form Handling**: Implement form submission logic to collect user details and manage state using React hooks. 7. **Deploy**: Host the landing page on a suitable platform such as Vercel or Netlify for easy access. ## USER EXPERIENCE Users will land on a visually impactful hero section that introduces them to the Chabad House. They can easily navigate through the page, reading about community offerings and viewing testimonials. The registration form is prominently displayed, allowing users to quickly sign up for events. Throughout their experience, users will find the interface intuitive and user-friendly, with clear calls to action guiding them towards registration and engagement with the community. This landing page will serve as an effective tool for attracting new visitors and fostering community connections.
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!
