{ "websiteTemplates": { "eCommerceSite": { "description": "Online store layout with product listings, shopping cart, and checkout.", "exampleLayout": "<!DOCTYPE html><html lang='en'>
{
"websiteTemplates": {
"eCommerceSite": {
"description": "Online store layout with product listings, shopping cart, and checkout.",
"exampleLayout": "<!DOCTYPE html><html lang='en'><head><title>Your Online Store</title><link rel='stylesheet' href='https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css'></head><body><header class='navbar navbar-expand-lg navbar-light bg-light'>...</header><main class='container'>...</main><footer class='footer mt-auto py-3 bg-light'>...</footer></body></html>",
"recommendedComponents": ["navigationBar", "cards", "modals"],
"recommendedStyles": ["Bootstrap"]
},
"portfolioSite": {
"description": "Showcase layout for personal or professional work, with a focus on visual presentation.",
"exampleLayout": "<!DOCTYPE html><html lang='en'><head><title>My Portfolio</title><link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/bulma/0.9.3/css/bulma.min.css'></head><body><header class='hero is-primary'>...</header><main class='section'>...</main><footer class='footer'>...</footer></body></html>",
"recommendedComponents": ["gridSystem", "modals"],
"recommendedStyles": ["Bulma"]
},
"corporateWebsite": {
"description": "Professional layout for business sites, with service sections, about us, and contact info.",
"exampleLayout": "<!DOCTYPE html><html lang='en'><head><title>Corporate Website</title><link rel='stylesheet' href='https://cdn.jsdelivr.net/foundation/6.6.3/css/foundation.min.css'></head><body><header class='top-bar'>...</header><main class='grid-container'>...</main><footer class='footer'>...</footer></body></html>",
"recommendedComponents": ["navigationBar", "modals", "cards"],
"recommendedStyles": ["Foundation"]
},
"blogSite": {
"description": "Classic blog layout with main content and a sidebar.",
"exampleLayout": "<!DOCTYPE html><html lang='en'><head><title>My Blog</title><link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css'></head><body><header class='ui menu'>...</header><main class='ui grid'>...</main><footer class='ui inverted vertical footer segment'>...</footer></body></html>",
"recommendedComponents": ["gridSystem", "cards"],
"recommendedStyles": ["SemanticUI"]Sign in to view the full prompt.
Sign In