commit 6b2e755392bad143b8c6f6cae62636ec8149b6c3
Author: root <root@hub.scroll.pub> Date: 2024-12-31 07:50:43 +0000 Subject: Initial commit diff --git a/body.html b/body.html new file mode 100644 index 0000000..c1da7eb --- /dev/null +++ b/body.html @@ -0,0 +1,81 @@ +<header> + <nav> + <a href="/">Home</a> + <a href="/about">About</a> + <a href="/products">Products</a> + <a href="/contact">Contact</a> + <a href="/cart" class="cart-link">Cart (<span id="cart-count">0</span>)</a> + </nav> + <div class="hero"> + <h1>Nourish Your Immunity</h1> + <p>Discover the power of traditional Indian snacks</p> + <a href="/products" class="cta-button">Shop Now</a> + </div> +</header> + +<main> + <section class="intro"> + <h2>Our Story</h2> + <p>ImmunityWize brings you the wisdom of generations in every bite. Our snacks are crafted with care, using time-honored recipes and wholesome ingredients to support your health and well-being.</p> + </section> + + <section class="featured-products"> + <h2>Our Favorites</h2> + <div class="product-grid"> + <div class="product-card"> + <img src="/images/pinni.jpg" alt="Pinni"> + <h3>Pinni</h3> + <p>Energy-packed wheat and ghee treat</p> + <button class="add-to-cart" data-product="Pinni">Add to Cart</button> + </div> + <div class="product-card"> + <img src="/images/laddoo.jpg" alt="Laddoo"> + <h3>Laddoo</h3> + <p>Sweet and nutritious gram flour balls</p> + <button class="add-to-cart" data-product="Laddoo">Add to Cart</button> + </div> + <div class="product-card"> + <img src="/images/panjiri.jpg" alt="Panjiri"> + <h3>Panjiri</h3> + <p>Healing blend of whole wheat and nuts</p> + <button class="add-to-cart" data-product="Panjiri">Add to Cart</button> + </div> + </div> + </section> + + <section class="testimonials"> + <h2>What Our Customers Say</h2> + <div class="testimonial-carousel"> + <div class="testimonial"> + <p>"ImmunityWize snacks have become a staple in our home. Delicious and nutritious!"</p> + <span>- Priya S.</span> + </div> + <div class="testimonial"> + <p>"I love how these traditional snacks make me feel energized and healthy."</p> + <span>- Rajesh K.</span> + </div> + </div> + </section> + + <section class="newsletter"> + <h2>Join Our Community</h2> + <form id="newsletter-form"> + <input type="email" placeholder="Enter your email" required> + <button type="submit">Subscribe</button> + </form> + </section> +</main> + +<footer> + <div class="footer-content"> + <div class="social-links"> + <a href="https://facebook.com/immunitywize">Facebook</a> + <a href="https://instagram.com/immunitywize">Instagram</a> + <a href="https://twitter.com/immunitywize">Twitter</a> + </div> + <div class="footer-links"> + <a href="/privacy">Privacy Policy</a> + <a href="/terms">Terms of Service</a> + </div> + </div> +</footer> \ No newline at end of file diff --git a/index.scroll b/index.scroll new file mode 100644 index 0000000..fd1c315 --- /dev/null +++ b/index.scroll @@ -0,0 +1,8 @@ +buildHtml +baseUrl https://immunitywize.scroll.pub +metaTags +editButton /edit.html +title ImmunityWize | Healthy Traditional Indian Snacks +style.css +body.html +script.js \ No newline at end of file diff --git a/prompt.json b/prompt.json new file mode 100644 index 0000000..dd04690 --- /dev/null +++ b/prompt.json @@ -0,0 +1,25 @@ +{ + "id": "55efae5d-bb5e-4d19-a121-b621f84b63f6", + "object": "chat.completion", + "created": 1735631411, + "model": "deepseek-chat", + "choices": [ + { + "index": 0, + "message": { + "role": "assistant", + "content": "---domain---\nimmunitywize.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://immunitywize.scroll.pub\nmetaTags\neditButton /edit.html\ntitle ImmunityWize | Healthy Traditional Indian Snacks\nstyle.css\nbody.html\nscript.js\n---body.html---\n<header>\n <nav>\n <a href=\"/\">Home</a>\n <a href=\"/about\">About</a>\n <a href=\"/products\">Products</a>\n <a href=\"/contact\">Contact</a>\n <a href=\"/cart\" class=\"cart-link\">Cart (<span id=\"cart-count\">0</span>)</a>\n </nav>\n <div class=\"hero\">\n <h1>Nourish Your Immunity</h1>\n <p>Discover the power of traditional Indian snacks</p>\n <a href=\"/products\" class=\"cta-button\">Shop Now</a>\n </div>\n</header>\n\n<main>\n <section class=\"intro\">\n <h2>Our Story</h2>\n <p>ImmunityWize brings you the wisdom of generations in every bite. Our snacks are crafted with care, using time-honored recipes and wholesome ingredients to support your health and well-being.</p>\n </section>\n\n <section class=\"featured-products\">\n <h2>Our Favorites</h2>\n <div class=\"product-grid\">\n <div class=\"product-card\">\n <img src=\"/images/pinni.jpg\" alt=\"Pinni\">\n <h3>Pinni</h3>\n <p>Energy-packed wheat and ghee treat</p>\n <button class=\"add-to-cart\" data-product=\"Pinni\">Add to Cart</button>\n </div>\n <div class=\"product-card\">\n <img src=\"/images/laddoo.jpg\" alt=\"Laddoo\">\n <h3>Laddoo</h3>\n <p>Sweet and nutritious gram flour balls</p>\n <button class=\"add-to-cart\" data-product=\"Laddoo\">Add to Cart</button>\n </div>\n <div class=\"product-card\">\n <img src=\"/images/panjiri.jpg\" alt=\"Panjiri\">\n <h3>Panjiri</h3>\n <p>Healing blend of whole wheat and nuts</p>\n <button class=\"add-to-cart\" data-product=\"Panjiri\">Add to Cart</button>\n </div>\n </div>\n </section>\n\n <section class=\"testimonials\">\n <h2>What Our Customers Say</h2>\n <div class=\"testimonial-carousel\">\n <div class=\"testimonial\">\n <p>\"ImmunityWize snacks have become a staple in our home. Delicious and nutritious!\"</p>\n <span>- Priya S.</span>\n </div>\n <div class=\"testimonial\">\n <p>\"I love how these traditional snacks make me feel energized and healthy.\"</p>\n <span>- Rajesh K.</span>\n </div>\n </div>\n </section>\n\n <section class=\"newsletter\">\n <h2>Join Our Community</h2>\n <form id=\"newsletter-form\">\n <input type=\"email\" placeholder=\"Enter your email\" required>\n <button type=\"submit\">Subscribe</button>\n </form>\n </section>\n</main>\n\n<footer>\n <div class=\"footer-content\">\n <div class=\"social-links\">\n <a href=\"https://facebook.com/immunitywize\">Facebook</a>\n <a href=\"https://instagram.com/immunitywize\">Instagram</a>\n <a href=\"https://twitter.com/immunitywize\">Twitter</a>\n </div>\n <div class=\"footer-links\">\n <a href=\"/privacy\">Privacy Policy</a>\n <a href=\"/terms\">Terms of Service</a>\n </div>\n </div>\n</footer>\n---style.css---\n:root {\n --primary-color: #d97706;\n --secondary-color: #f59e0b;\n --background-color: #fef3c7;\n --text-color: #1e293b;\n --accent-color: #fbbf24;\n}\n\nbody {\n font-family: 'Georgia', serif;\n color: var(--text-color);\n background-color: var(--background-color);\n margin: 0;\n line-height: 1.6;\n}\n\nheader {\n background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/header-bg.jpg');\n background-size: cover;\n color: white;\n padding: 2rem;\n text-align: center;\n}\n\nnav {\n display: flex;\n justify-content: center;\n gap: 2rem;\n margin-bottom: 2rem;\n}\n\nnav a {\n color: white;\n text-decoration: none;\n font-weight: bold;\n}\n\n.hero {\n padding: 4rem 0;\n}\n\n.hero h1 {\n font-size: 3rem;\n margin-bottom: 1rem;\n}\n\n.cta-button {\n background-color: var(--primary-color);\n color: white;\n padding: 1rem 2rem;\n border: none;\n border-radius: 5px;\n font-size: 1.2rem;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\n.cta-button:hover {\n background-color: var(--secondary-color);\n}\n\n.product-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 2rem;\n padding: 2rem;\n}\n\n.product-card {\n background: white;\n padding: 1rem;\n border-radius: 10px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n text-align: center;\n}\n\n.product-card img {\n width: 100%;\n border-radius: 5px;\n}\n\n.add-to-cart {\n background-color: var(--primary-color);\n color: white;\n padding: 0.5rem 1rem;\n border: none;\n border-radius: 5px;\n cursor: pointer;\n transition: background-color 0.3s;\n}\n\n.add-to-cart:hover {\n background-color: var(--secondary-color);\n}\n\n.testimonial-carousel {\n display: flex;\n gap: 2rem;\n padding: 2rem;\n overflow-x: auto;\n}\n\n.testimonial {\n background: white;\n padding: 1.5rem;\n border-radius: 10px;\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);\n min-width: 300px;\n}\n\n.newsletter {\n background-color: var(--accent-color);\n padding: 2rem;\n text-align: center;\n}\n\n.newsletter input {\n padding: 0.5rem;\n border: none;\n border-radius: 5px;\n margin-right: 0.5rem;\n}\n\nfooter {\n background-color: var(--text-color);\n color: white;\n padding: 1rem;\n text-align: center;\n}\n\n.footer-content {\n display: flex;\n justify-content: space-between;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n@media (max-width: 768px) {\n .hero h1 {\n font-size: 2rem;\n }\n\n .footer-content {\n flex-direction: column;\n gap: 1rem;\n }\n}\n---script.js---\nlet cartCount = 0;\n\ndocument.addEventListener('DOMContentLoaded', () => {\n const addToCartButtons = document.querySelectorAll('.add-to-cart');\n const cartCountElement = document.getElementById('cart-count');\n \n addToCartButtons.forEach(button => {\n button.addEventListener('click', () => {\n cartCount++;\n cartCountElement.textContent = cartCount;\n alert(`${button.dataset.product} added to cart!`);\n });\n });\n\n const newsletterForm = document.getElementById('newsletter-form');\n newsletterForm.addEventListener('submit', (e) => {\n e.preventDefault();\n alert('Thank you for subscribing!');\n newsletterForm.reset();\n });\n});\n---end---" + }, + "logprobs": null, + "finish_reason": "stop" + } + ], + "usage": { + "prompt_tokens": 373, + "completion_tokens": 1836, + "total_tokens": 2209, + "prompt_cache_hit_tokens": 0, + "prompt_cache_miss_tokens": 373 + }, + "system_fingerprint": "fp_f1afce2943" +} \ No newline at end of file diff --git a/readme.scroll b/readme.scroll new file mode 100644 index 0000000..be51847 --- /dev/null +++ b/readme.scroll @@ -0,0 +1,2 @@ +# immunitywize.scroll.pub +Website generated by DeepSeek from prompt: Create a modern and inviting website for ImmunityWize, offering healthy traditional Indian snacks like Pinni, Laddoo, and Panjiri. The design should blend tradition with contemporary elements, using earthy tones and modern typography. Key sections include a welcoming homepage with brand story and "Shop Now" call-to-action, an about page detailing mission and health benefits, a product page with high-quality images and nutritional information, and a contact page with a user-friendly form and social media links. Include e-commerce features such as a shopping cart, secure checkout, and multiple payment options, along with live chat, mobile responsiveness, SEO optimization, SSL security, subscription service, newsletter, and customer testimonials \ No newline at end of file diff --git a/script.js b/script.js new file mode 100644 index 0000000..ca7f190 --- /dev/null +++ b/script.js @@ -0,0 +1,21 @@ +let cartCount = 0; + +document.addEventListener('DOMContentLoaded', () => { + const addToCartButtons = document.querySelectorAll('.add-to-cart'); + const cartCountElement = document.getElementById('cart-count'); + + addToCartButtons.forEach(button => { + button.addEventListener('click', () => { + cartCount++; + cartCountElement.textContent = cartCount; + alert(`${button.dataset.product} added to cart!`); + }); + }); + + const newsletterForm = document.getElementById('newsletter-form'); + newsletterForm.addEventListener('submit', (e) => { + e.preventDefault(); + alert('Thank you for subscribing!'); + newsletterForm.reset(); + }); +}); \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..8de6440 --- /dev/null +++ b/style.css @@ -0,0 +1,147 @@ +:root { + --primary-color: #d97706; + --secondary-color: #f59e0b; + --background-color: #fef3c7; + --text-color: #1e293b; + --accent-color: #fbbf24; +} + +body { + font-family: 'Georgia', serif; + color: var(--text-color); + background-color: var(--background-color); + margin: 0; + line-height: 1.6; +} + +header { + background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/header-bg.jpg'); + background-size: cover; + color: white; + padding: 2rem; + text-align: center; +} + +nav { + display: flex; + justify-content: center; + gap: 2rem; + margin-bottom: 2rem; +} + +nav a { + color: white; + text-decoration: none; + font-weight: bold; +} + +.hero { + padding: 4rem 0; +} + +.hero h1 { + font-size: 3rem; + margin-bottom: 1rem; +} + +.cta-button { + background-color: var(--primary-color); + color: white; + padding: 1rem 2rem; + border: none; + border-radius: 5px; + font-size: 1.2rem; + cursor: pointer; + transition: background-color 0.3s; +} + +.cta-button:hover { + background-color: var(--secondary-color); +} + +.product-grid { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); + gap: 2rem; + padding: 2rem; +} + +.product-card { + background: white; + padding: 1rem; + border-radius: 10px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); + text-align: center; +} + +.product-card img { + width: 100%; + border-radius: 5px; +} + +.add-to-cart { + background-color: var(--primary-color); + color: white; + padding: 0.5rem 1rem; + border: none; + border-radius: 5px; + cursor: pointer; + transition: background-color 0.3s; +} + +.add-to-cart:hover { + background-color: var(--secondary-color); +} + +.testimonial-carousel { + display: flex; + gap: 2rem; + padding: 2rem; + overflow-x: auto; +} + +.testimonial { + background: white; + padding: 1.5rem; + border-radius: 10px; + box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); + min-width: 300px; +} + +.newsletter { + background-color: var(--accent-color); + padding: 2rem; + text-align: center; +} + +.newsletter input { + padding: 0.5rem; + border: none; + border-radius: 5px; + margin-right: 0.5rem; +} + +footer { + background-color: var(--text-color); + color: white; + padding: 1rem; + text-align: center; +} + +.footer-content { + display: flex; + justify-content: space-between; + max-width: 1200px; + margin: 0 auto; +} + +@media (max-width: 768px) { + .hero h1 { + font-size: 2rem; + } + + .footer-content { + flex-direction: column; + gap: 1rem; + } +} \ No newline at end of file