Clipflow video commerce platform landing page
Full prompt
Build a modern SaaS landing page using Next.js (App Router) and Shadcn UI, replicating the layout, spacing, and visual hierarchy of the provided screenshot, but using the content and branding described below. Website Description Create a landing page for ClipFlow, a video commerce platform that enables brands to create interactive, shoppable videos and live shopping experiences. The page should feel clean, fast, premium, and conversion-focused, like top-tier startup SaaS products. Page Structure - Top navigation bar with CTAs - Hero section with headline, subheadline, and CTA buttons - Central mobile phone mockup showing a video - Floating stat cards and product cards around the phone - Social proof section with brand logos Brand & Content (Use Exactly This Text) Brand Name: ClipFlow Navigation Bar - Platform - Use Cases - Learn - Pricing - Request Demo (secondary button, outlined) - Start Free Trial (primary button, filled) Hero Section Headline: Power Your Store With Interactive Video Commerce Subheadline: Create, host, and monetize high-performance product videos, live shopping streams, and interactive experiences — all optimized for speed, scale, and conversions. Primary CTA: Start Free Trial Secondary CTA: Request a Demo Floating Stat Cards - 42.7 Min Average Session Duration - 3.1B+ Video Views Delivered Worldwide Left Bottom Info Card Turn videos into instant shopping experiences Button: Copy Share Link Right Product Card Performance Runner Pro $149.00 Video Overlay Labels on Phone Mockup - Tap to Shop - View Details - Add to Cart Social Proof Section Text: Trusted by modern commerce brands worldwide Brand logos (text placeholders or simple logo components): VELORA, NORTHWAVE, BLUMER, SKINNIFY, PUREDROP, LUXORA, THREADLINE, URBAN PEAK Color Palette - Primary Black: #111111 - White Background: #FFFFFF - Secondary Text Gray: #6B7280 - Light Gray Backgrounds: #F5F5F5 - Yellow Accent Card: #FFD84D - Orange Accent Card: #FF8A4C - Soft Purple Gradient Shapes: #E9D5FF → #F5E9FF Design Principles - Large bold typography for hero headline - Generous white space and padding - Center-aligned hero content - Rounded cards with subtle shadows - Floating UI cards layered around the phone mockup - Clean grid alignment and consistent spacing - Mobile-first responsiveness with desktop enhancements UI & Component Details - Sticky top navigation bar - Shadcn Button, Card, Badge, and Avatar components - Primary CTA button: solid black with white text - Secondary CTA button: white with black border - Phone mockup centered with layered background gradients - Floating cards positioned absolutely relative to hero container - Logos displayed in grayscale with equal spacing Technical Requirements - Use Next.js App Router - Use Shadcn UI + Tailwind CSS - Fully responsive (mobile, tablet, desktop) - Use reusable components - Clean semantic HTML structure
Source: Karan Kendre
How to use this prompt
- 1. Copy the full prompt above.
- 2. Open the free generator and paste it into the prompt box.
- 3. Upload a reference image if the prompt calls for one, then generate.
This prompt was written for Nano Banana Pro. It also works on the other Nano Banana models, with small differences in style and detail.
More Other prompts
View all →
Titanic" Pose Parody
Transform the person in the attached image into a cute chibi-style 3D character. Scene: On the pointed bow of a luxurious cruise ship. The man stands behind the woman at the bow, holding her waist with both hands. The woman is wearing a dress, arms spread wide, facing the wind, with a joyful and liberated expression on her face—just like the iconic scene from Titanic. The sky is painted in warm sunset tones, and the vast ocean stretches beneath the ship. Only the characters should be in chibi 3D style; the rest of the environment should be realistic.
1950s glamorous lady
Gemini Nano Banana 3.0 { "prompt_structure": { "subject": { "archetype": "Glamorous woman", "facial_reference": "Use uploaded image features", "pose": "Three-quarter profile, body angled toward camera, arm lifted elegantly near face", "action": "Holding a cigarette between fingers, holding a small metallic lighter in the other hand", "expression_and_mood": "Sultry, confident, seductive, intimate" }, "styling": { "hair": "Voluminous golden-blonde retro waves, sculpted 1950s pin-up bangs, soft curls framing face", "wardrobe": "Black satin backless dress, ultra-thin side straps, dramatic open silhouette revealing waist and hips", "accessories": "Large stacked silver rhinestone bracelets, small metallic lighter", "texture_notes": "Silky satin texture, sparkling rhinestones, glossy lips" }, "composition": { "setting": "Old Hollywood nightlife, smoky vintage-noir atmosphere", "lighting": "Warm, dramatic, low-key, deep shadows, golden highlights on cheekbones", "framing": "Tight portrait framing" }, "technical_specs": { "resolution": "8k ultra-high-resolution", "visual_style": "Hyper-realistic, cinematic, polished", "camera_effects": "Shallow depth of field, soft film-grain texture" } }, "final_prompt_string": "Hyper-realistic 8k portrait of a glamorous woman with [uploaded facial features], vintage-noir style. She stands in three-quarter profile, sultry and confident, wearing a black satin backless dress with ultra-thin side straps revealing her waist. Hair styled in voluminous golden-blonde 1950s retro waves and pin-up bangs. She holds a cigarette elegantly near her face, wearing stacked silver rhinestone bracelets. Warm, dramatic low-key lighting with deep shadows and golden highlights. Smoky, intimate old Hollywood nightlife atmosphere. Shot on ultra-high-resolution camera, shallow depth of field, soft film-grain texture." }
1964 vs 2018 same room comparison
> a photo of a bedroom, split down the middle, the left side is 2018, the right side is 1964, it's the same room
3 tips for image generation
補足3 画像生成のコツ 「文字数少なめ」で指示すること。 ※nanobananaは文字を詰め込む癖があるため 今回使ったプロンプトと画像↓ Nanobanana-proで5枚作成 アスペクト比16:9 #シーン 広告ポスターを作成 ワイモバイルらしい赤を基調 #内容 新トクするサポート 2年レンタル 支払総額 24円
35mm Film Style Flying Island
35 mm photo of Moscow floating in the sky on a flying islands.
3D Chibi Chinese Wedding Scene
Transform the two people in the photo into chibi-style 3D cartoon characters, dressed in traditional Chinese wedding attire. The overall theme is a festive red Chinese-style wedding. The background features a decorative “囍” (double happiness) paper-cut pattern in a classic folk style. Clothing (realistic texture, traditional details): Male: Wearing a red changpao and magua (traditional robe and jacket) embroidered with golden dragon motifs, symbolizing nobility and grandeur. A large red flower is tied on his chest, representing celebration and good fortune. Female: Dressed in a red xiuhe wedding gown adorned with exquisite golden floral and phoenix embroidery, showcasing elegance and luxury. She wears delicate floral hair ornaments to enhance her gentle and graceful appearance. Headwear: Male: A traditional red zhuangyuan (scholar) hat with golden patterns and a refined golden ornament at the top, exuding classic scholarly dignity. Female: A phoenix crown adorned with a central red flower, gold 3D decorative elements, and hanging tassels—luxurious and full of classical charm. This image should reflect the joy and blessing of a traditional Chinese wedding, with realistic textures for costumes and accessories, combined with stylized 3D chibi characters.
3D Chibi Proposal Scene
Transform the two people in the photo into chibi-style 3D cartoon characters. Change the scene to a proposal setting, with a soft pastel-colored floral arch in the background. Use romantic tones for the overall background. Rose petals are scattered on the ground. While the characters are rendered in cute chibi 3D style, the environment—including the arch, lighting, and textures—should be realistic and photorealistic.
3D Chibi-style University Anthropomorphic Mascot
Create a personified 3D chibi-style anime girl character representing {Northwestern Polytechnical University}, embodying the school’s distinctive strengths in {aeronautics, astronautics, and marine engineering}.
3D Couple Jewelry Box Figurine
Create a finely crafted, adorably charming 3D-rendered collectible figure based on the subjects in the photo, displayed inside a pastel-toned, warm and romantic presentation box. The box is designed in a soft cream color with gentle gold accents, resembling an elegant portable jewelry case. When opened, the box reveals a heartwarming romantic scene: two chibi-style characters gazing sweetly at each other. The lid is engraved with the words “FOREVER TOGETHER,” surrounded by delicate star and heart motifs. Inside the box stands the female from the photo, holding a small bouquet of white flowers. Beside her is her partner, the male from the photo. Both characters have large, expressive, sparkling eyes and soft, warm smiles that radiate affection and charm. Behind them is a round window, through which a sunny skyline of a traditional Chinese town can be seen, along with gently drifting clouds. The interior is softly lit with warm ambient lighting, and petals float in the background to enhance the atmosphere. The overall color scheme of both the display box and the characters is elegant and harmonious, creating a luxurious and dreamlike miniature keepsake. Aspect ratio: 9:16
3D Papercraft Pop-up Book
Multi-layered foldable paper sculpture pop-up book, placed on a desk, with a clean background highlighting the main subject. The book presents a 3D flip-book style, with a 2:3 vertical aspect ratio. The open pages display the scene of [Nezha Demon Child version battling Ao Bing]. All elements are finely foldable and assembled, showcasing a realistic and delicate texture of folded paper. The composition uniformly adopts a frontal perspective, with an overall dreamy and beautiful visual style, vibrant and gorgeous colors, full of a fantastical and lively story atmosphere.
3D Polaroid Breakout Effect
Convert the character in the scene into a 3D chibi-style figure, placed inside a Polaroid photo. The photo paper is being held by a human hand. The character is stepping out of the Polaroid frame, creating a visual effect of breaking through the two-dimensional photo border and entering the real-world 3D space.
3D Q-version Couple Snow Globe
Transform the person in the attached image into a snow globe scene. Overall environment: The snow globe is placed on a tabletop by the window, with a blurred, warm-toned background. Sunlight passes through the globe, casting golden sparkles that gently illuminate the surrounding darkness. Inside the globe: The characters are in a cute chibi-style 3D design, gazing at each other with eyes full of love.