Artisan Baked Goodness

Crafting delectable pastries with love since 1985

\n Explore Menu\n

\n\n \n\n

Get In Touch

\n \n

Visit Us

\n \n

123 Sweet Street, Bakery District

\n\n \n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") { client(); }\n\nexport default async function server(request: Request): Promise {\n if (request.method === 'POST' && new URL(request.url).pathname === '/submit-inquiry') {\n try {\n const body = await request.json();\n console.log(\"Received inquiry:\", body);\n // Here you could add logic to send an email or store the inquiry\n return new Response(JSON.stringify({ status: 'success' }), {\n headers: { 'Content-Type': 'application/json' }\n });\n } catch (error) {\n return new Response(JSON.stringify({ error: 'Invalid request' }), {\n status: 400,\n headers: { 'Content-Type': 'application/json' }\n });\n }\n }\n\n return new Response(`\n \n \n Sweet Delights Bakery\n \n \n \n \n

\n \n \n \n \n `, {\n headers: { 'Content-Type': 'text/html' }\n });\n}\n\nconst css = `\n@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Roboto:wght@300;400;700&display=swap');\n\n:root {\n --primary-color: #FFD1DC;\n --secondary-color: #B0E0E6;\n --text-color: #333;\n --background-color: #FFFAF0;\n}\n\n* {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n}\n\nbody {\n font-family: 'Roboto', sans-serif;\n line-height: 1.6;\n color: var(--text-color);\n background-color: var(--background-color);\n}\n\n.bakery-app {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 15px;\n}\n\nheader {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 20px 0;\n background-color: var(--primary-color);\n}\n\n.logo {\n font-family: 'Playfair Display', serif;\n font-size: 1.5rem;\n font-weight: bold;\n}\n\nnav ul {\n display: flex;\n list-style: none;\n}\n\nnav ul li {\n margin-left: 20px;\n}\n\nnav ul li a {\n text-decoration: none;\n color: var(--text-color);\n transition: color 0.3s ease;\n}\n\nnav ul li a:hover {\n color: #fff;\n}\n\n.hero {\n text-align: center;\n padding: 100px 0;\n background-color: var(--secondary-color);\n}\n\n.hero-content h1 {\n font-family: 'Playfair Display', serif;\n font-size: 3rem;\n margin-bottom: 20px;\n}\n\n.cta-button {\n display: inline-block;\n padding: 10px 20px;\n background-color: var(--primary-color);\n color: var(--text-color);\n text-decoration: none;\n border-radius: 5px;\n transition: transform 0.3s ease;\n}\n\n.cta-button:hover {\n transform: scale(1.05);\n}\n\n.menu {\n padding: 50px 0;\n}\n\n.menu h2 {\n text-align: center;\n margin-bottom: 30px;\n font-family: 'Playfair Display', serif;\n}\n\n.menu-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n}\n\n.menu-item {\n background-color: white;\n border-radius: 10px;\n overflow: hidden;\n box-shadow: 0 4px 6px rgba(0,0,0,0.1);\n transition: transform 0.3s ease;\n}\n\n.menu-item:hover {\n transform: translateY(-10px);\n}\n\n.menu-item img {\n width: 100%;\n height: 250px;\n object-fit: cover;\n}\n\n.menu-item h3 {\n padding: 15px;\n font-family: 'Playfair Display', serif;\n}\n\n.item-footer {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px;\n}\n\n.order-btn {\n background-color: var(--primary-color);\n border: none;\n padding: 8px 15px;\n border-radius: 5px;\n cursor: pointer;\n transition: background-color 0.3s ease;\n}\n\n.order-btn:hover {\n background-color: #FFB6C1;\n}\n\n.contact {\n background-color: var(--secondary-color);\n padding: 50px 0;\n}\n\n.contact-container {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 30px;\n}\n\n.contact-form {\n display: flex;\n flex-direction: column;\n}\n\n.contact-form input,\n.contact-form textarea {\n margin-bottom: 15px;\n padding: 10px;\n border: 1px solid #ddd;\n border-radius: 5px;\n}\n\n.submit-btn {\n background-color: var(--primary-color);\n border: none;\n padding: 10px;\n border-radius: 5px;\n cursor: pointer;\n}\n\nfooter {\n background-color: var(--primary-color);\n text-align: center;\n padding: 20px;\n}\n\n@media (max-width: 768px) {\n .contact-container {\n grid-template-columns: 1fr;\n }\n\n nav ul {\n flex-direction: column;\n align-items: center;\n }\n\n nav ul li {\n margin: 10px 0;\n }\n}\n`;","deleted","label",[98],"permalink","https://www.val.town/x/izake_aa/createModernBakeryWebsite/code/main.tsx","extension","actionData","errors"]

Artisan Baked Goodness

Our Delicacies

{item.name}

Get In Touch

Visit Us