Website for a video editing and montage company called Creative Cut.
Generated Prompt
## APPLICATION OVERVIEW The project is a landing page for a video editing and montage company called Creative Cut. The main purpose of the website is to showcase the company's services, highlight its portfolio, and integrate YouTube videos to demonstrate its work. This landing page will focus on conversion and provide potential clients with easy access to information about the services offered. ## CORE FEATURES 1. **Hero Section**: A visually striking opening area with a brief introductory message about Creative Cut and a call-to-action button to encourage visitors to explore services or contact the company. 2. **Services Description**: A section that outlines the various video editing and montage services provided by Creative Cut, with concise descriptions and icons representing each service. 3. **Portfolio Showcase**: A dedicated area featuring a selection of video samples integrated via YouTube iframes, allowing visitors to view the company's best work directly on the site. 4. **Testimonials**: A section displaying client testimonials to build trust and credibility, featuring quotes and names of satisfied customers. 5. **Call to Action (CTA)**: Prominent CTAs throughout the page to encourage users to get in touch for quotes or consultations. 6. **Contact Information**: A section at the bottom with contact details and a simple form for inquiries, allowing potential clients to easily reach out. ## 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 be a single-column format with a top-to-bottom scrolling experience. Sections will be clearly defined with ample spacing to enhance readability and visual appeal. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Not required for this simple landing page ## IMPLEMENTATION STEPS 1. **Set up the project**: Create a new React application using Create React App with TypeScript template. 2. **Install dependencies**: Add Tailwind CSS and shadcn/ui for styling. 3. **Create components**: Build the following components: - Hero Section - Services Section - Portfolio Section (with YouTube iframe integration) - Testimonials Section - CTA Buttons - Contact Form 4. **Design layout**: Use Tailwind CSS to style components according to the specified design specifications, ensuring a minimalist aesthetic. 5. **Implement responsiveness**: Ensure the design is responsive across different screen sizes using Tailwind's responsive utilities. 6. **Test functionality**: Check all links, buttons, and iframe integrations to ensure they work correctly. ## USER EXPERIENCE Users will land on the hero section, where they can quickly understand what Creative Cut offers. As they scroll down, they will encounter the services offered, view the portfolio through integrated YouTube videos, and read testimonials from previous clients. Clear CTAs will guide users to contact the company or explore further, ensuring a smooth and engaging experience throughout the landing page.
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!
