Want to get this as ready made template with just 1 CLICK INSTALL?
Plane Window Image Prompt:
Can you please regenerate this image of the plane window? Create this image into 16 is to 9 ratio. Increase the window frame size slightly more as compared to this. Not too big, but slightly. Make sure to remove all the text from the center, only keep the visual.
Looks good, but slightly increase the width of the window. keep rest as it is.
Eiffel Tower Image Prompt (Same Chat):
Okay, great. Now create an image in the same color scheme and in night view and showcase the Paris Eiffel Tower into the clouds with the similar color scheme and tone. You don't need to make exact like city view, we only want a Eiffel Tower in the clouds. There will be no plane window and anything. This will be separate tower and clouds image only.
Video Generate Prompt:
Can you please animate between these 2 scenes. The camera should go outside of the plane and go down inside the cloud (shown in the start frame) and then eventually go inside cloud and ends up at last frame and show the Eiffel tower by revealing the clouds. When it goes through cloud the camera should be speedy. Make the video very realistic, not just a fade in/out animation.
1st Section Prompt:
This is the reference image for banner design. Regenerate it as a banner, all text and elements should be the same. Remove the background visual and keep plain black color, use dm sans font for all the text and use pure white color as well. Also use the same layout as used in the reference image.
- The whole section should be full width, not just a fixed width. - Keep the height of the banner section 900px and fit all components in it. - The center contents width should be 370px and it should placed vertically middle - Reduce the size of the headline text. Keep it 54px. - Add an icon in the second card as well similar to the first card. - Make the width of both cards to 350px. - Also keep these two card’s background transparent blur so it can create a glassmorphism effect with the background, same for top nav bar options.
1st Section Content Generation Prompt:
Currently, I am making a travel agency website. So, we need these following contents for its banner section: - A short title (around 5 words) - Subtitle (around 10/12 words) We also have 2 cards on this section. So, also provide these content too: - 2 short title (2/3 words) - 2 corresponding paragraphs (around 25 words)
1st Section Content Change Prompt:
Now, can you please change the content for these following content: Title: Your Paris Dream Begins Subtitle: Create unforgettable journeys with carefully planned adventures across breathtaking destinations worldwide. Button: Explore Now Card 1 Title: Dream Destinations Card 1 Paragraph: Explore handpicked locations, hidden gems, and iconic landmarks designed to create memorable travel experiences you'll cherish forever. Card 2 Title: Expert Guidance Card 2 Paragraph: Our experienced travel specialists help you plan seamless trips with personalized itineraries, premium services, and complete support.
2nd Section Prompt:
Add this as a second section after the banner. Main title, subtext and below some brand logos. Make the content and layout like the screenshot but use the same design theme as like our previous banner section.
Make the first 2 word of the heading in italic and the font: PT Serif
3rd Section Prompt:
Now add this third section. use same style used for first two sections. Remove the background and visuals. Place all four cards as it is and remove the visuals added inside them and use the same style as banner cards. Keep text placement as same as in reference
4th Section Prompt:
Now add this 4th section like the reference. Use similar card style that we have used for other sections and add blue color gradient instead of orange. Also keep the plane black background. And on the left side use a placeholder image from unsplash.
Eiffel Tower Image Prompt:
Create a similar kind of Eiffel tower image with this dark blue theme and cloud and decorate the tower with some lights. Make it's aspect ratio portrait.
5th Section Prompt:
Great, now create a 5th section with 4 cards similar to cards we have used in the banner section. Two cards on the left side and two cards on the right side. Make the cards width 350px and the paragraph should be in fully two lines. And keep space in centre so that later we can add visual. Don’t add any component in that space, only empty space. And before the cards, we want a subheading and heading. The heading and subheading font should be exactly as it is on the 3rd section. Make the heading in 2 lines and the width 600px. And for the subheading make it in 2 or 3 words.
- The cards go too much to the edges. Keep them more near to the center. I just want a 450px gap between them - Reduce the spacing little bit before this section
Adding Scroll Animation Prompt:
This is a one page website where I create all the sections and components. Keep everything exactly as it is. But, instead of the black background I want to make a smooth scroll animation of the images from the "Frames" folder. So, when I scroll down I want to see all the subsequent images according to the scroll amount. Make sure the last frame will be shown when we reach at the end of the website, not before or after that.
Refinement:
For the 3rd section make those card background similar as the 4th sections right side card, but reduce the blue intensity
Match the 3rd and 4th sections cards blue color more with the background vibe of the website
Entrance Animation Prompt:
Great. But, currently the website is looking very static. Add some animations in it. Components, text, cards should animate when the user enters a to a particular section while scrolling.
