Prompt for AI Website Builder
Website Name: Crush Coffee
Homepage Structure
Animation on Load:
Before displaying the login/signup page, implement an upward swipe animation to reveal the Crush Coffee logo or a visually appealing animation representing the brand.
Upon completing the animation, smoothly transition to the login/signup page.
Header:
Include the following navigation links: Home, New Ones, About Us, Contact, Cart, Settings
Style the header similar to Starbucks, maintaining a clean and modern look.
Main Section:
Categorize menu items into sections: Shakes, Coffee, Frappuccino, Desserts, Tea, Food
For each item, display:
High-quality image
Name
Ingredients
Price
Available sizes (20 ml, 40 ml, 60 ml)
Like button
Add to cart button
About Us Page:
Share the history of Crush Coffee
Highlight special offers and promotions
Branches Page:
Provide a list of all Crush Coffee branches, organized by state and district
Inquiry Form:
Include fields for name, email, phone number, and message
Footer:
Display the Crush Coffee address
Use Google Maps to show the location selected by the user or the nearest branch based on their location
Include the company copyright information
Additional Considerations
Responsiveness: Ensure the website is fully responsive and adapts seamlessly to different screen sizes
User Experience: Prioritize a smooth and intuitive user experience
Visual Appeal: Use high-quality images and an appealing color scheme that aligns with the Crush Coffee brand
Example for AI Website Builder (using simplified instructions)
Create a website for Crush Coffee
* Homepage animation: swipe up to reveal logo before login/signup
* Header: Home, New Ones, About Us, Contact, Cart, Settings (like Starbucks)
* Main section:
* Categories: Shakes, Coffee, Frappuccino, Desserts, Tea, Food
* Each item: image, name, ingredients, price, sizes, like, add to cart
* About Us: history, special offers
* Branches: list by state and district
* Inquiry form: name, email, phone, message
* Footer: address, Google Maps (user location or nearest branch), copyright
Make it responsive and visually appealing!
SaaS Blocks by Apideck
SaaS Blocks by Apideck
meetheverse