Want to get this as ready made template with just 1 CLICK INSTALL?
Grass Image Generate Prompt:
Can you make a this kind of similar landscape with same type of grass and florals but make the landscape structure like the 2nd image's inner image as i mentioned. make the background full red instead of the sky of the original image.
Person Image Generate Prompt:
Can you make a image similar like this, but change the face angle to a little bit to the left side, also make the background a transparent layer, also shift the camera a little behind so we can see the person's more from a little bit bottom.
Hero Section Prompt:
Can you make me a hero section by following the layout as described in the first image’s inner image. And use the second image as a design inspiration so you can decide how the font, color, spacing and the overall theme will be. And here also try to make the font: Inter with -0.05em letter spacing. Make sure the design looks aesthetic and modern. From the 3rd image, I also provide you other assets (Person, Ring, Grass, Background) to use in the hero section.
On wider devices, I can see the text go too much to the edges. Can you please place them more near to the ring
About Section Prompt:
After the hero section, I want to create a 2nd section under that. I want to keep it simple. Just a big heading with this text: "Turning Ideas Into Reality" and a button: "See Our Works". Keep the design theme same as our first section and make its background dark. Let's also add an image trail effect for that 2nd section. So when we move our mouse we should see the image trail effect.
make the image trail effect above the content but make sure the button is clickable too and instead of the placeholders use the images I attached.
Scroll Animation Prompt (Hero Section):
Now, let's back again to the first hero section. When I scroll I want it to make the ring image bigger and go outside of the viewport. And also the grass image should be moved down. Here, all these transitions should be scroll triggered and during the transition the hero section should be sticked on the viewport. When these images completely go outside of the viewport then we should normally scroll and go to the next section.
for the scroll animation, after the ring and grass image disappear we need to scroll a bit more to go to the next section, please reduce that amount.
Services Section Prompt:
Now, at the bottom let's create a services section by showing all the services with their corresponding icon and title as described in the attached image. Keep only the icon and title, no description needed. We also want a 3D tilt effect with each card with slight glowing which should look like a light reflection. Also keep its background dark like before.
Portfolio Section Prompt:
Now, at the bottom let's create a portfolio section where I want to showcase all of my works with a horizontal slider. So, when I scroll down the slider should move horizontally with a progressbar at the bottom. Make the structure like I shown on this 1st attached image's inner image. Look carefully, the odd number of items are a little bit up and even number of items are a little bit down. But they all are the same size. For each item, we have the number, a short title and the category. Here I also provide the images for the portfolio items.
Contact & Footer Section Prompt:
Now, let's create the contact section like the provided wireframe. Here on the left side we want these text content. And on the right side, add the info like email, phone number and address. And also include some social icons. After this section, at the very bottom we also want a footer with the site logo, some social links and copyright text.
Initial Responsive Prompt:
The website looks good, now can you please make it responsive for lower width devices.
Deployment Prompt:
Now can you please deploy the whole website to jituraiyan.me through the Hostinger connector.
