Changes to aidukaandar.scroll.pub

root

25 days ago

Initial commit

body.html

Changed around line 1
+ 
+   AI Dukaandar
+   Revolutionize Your WhatsApp Business with AI Automation
+ 
+ 
+ 
+   Key Features
+   
+     
+       Automated Responses
+       Instant replies to customer queries 24/7
+     
+     
+       Order Management
+       Seamless order tracking and processing
+     
+     
+       Inventory Sync
+       Real-time stock updates and alerts
+     
+     
+       Analytics Dashboard
+       Track sales and customer interactions
+     
+   
+ 
+ 
+ 
+   See It in Action
+   
+     
+       
+         
+           Hi, what's in stock?
+           Here's our current inventory...
+         
+       
+     
+   
+ 
+ 
+ 
+   Simple Pricing
+   
+     Basic Plan
+     $9.99/month
+     
+       Up to 1000 messages
+       Basic analytics
+       Email support
+     
+     
+   
+ 
+ 
+ 
+   
+     Features
+     Demo
+     Pricing
+   
+   Transform your WhatsApp business today with AI Dukaandar
+ 

index.scroll

Changed around line 1
+ buildHtml
+ baseUrl https://aidukaandar.scroll.pub
+ metaTags
+ editButton /edit.html
+ title AI Dukaandar - WhatsApp Business Automation
+ style.css
+ body.html
+ script.js

prompt.json

Changed around line 1
+ {
+   "id": "b71d4fe7-d0c5-474b-9e41-e438a24e6595",
+   "object": "chat.completion",
+   "created": 1735359488,
+   "model": "deepseek-chat",
+   "choices": [
+     {
+       "index": 0,
+       "message": {
+         "role": "assistant",
+         "content": "---domain---\naidukaandar.scroll.pub\n---index.scroll---\nbuildHtml\nbaseUrl https://aidukaandar.scroll.pub\nmetaTags\neditButton /edit.html\ntitle AI Dukaandar - WhatsApp Business Automation\nstyle.css\nbody.html\nscript.js\n---body.html---\n\n  AI Dukaandar\n  Revolutionize Your WhatsApp Business with AI Automation
\n\n\n\n  Key Features\n  \n    \n      Automated Responses\n      Instant replies to customer queries 24/7
\n    
\n    \n      Order Management\n      Seamless order tracking and processing
\n    
\n    \n      Inventory Sync\n      Real-time stock updates and alerts
\n    
\n    \n      Analytics Dashboard\n      Track sales and customer interactions
\n    
\n  
\n\n\n\n  See It in Action\n  \n    \n      \n        \n          Hi, what's in stock?
\n          Here's our current inventory...
\n        
\n      
\n    
\n  
\n\n\n\n  Simple Pricing\n  \n    Basic Plan\n    $9.99/month
\n    \n      Up to 1000 messages
\n      Basic analytics
\n      Email support
\n    \n    \n  
\n\n\n\n  \n    Features\n    Demo\n    Pricing\n  \n  Transform your WhatsApp business today with AI Dukaandar
\n\n---style.css---\n:root {\n  --primary-color: #2563eb;\n  --secondary-color: #1e40af;\n  --background-color: #f8fafc;\n  --text-color: #1e293b;\n  --card-bg: #ffffff;\n}\n\nbody {\n  font-family: 'Segoe UI', system-ui, sans-serif;\n  line-height: 1.6;\n  margin: 0;\n  padding: 0;\n  background-color: var(--background-color);\n  color: var(--text-color);\n}\n\nheader {\n  background: var(--primary-color);\n  color: white;\n  padding: 4rem 1rem;\n  text-align: center;\n}\n\nh1 {\n  font-size: 2.5rem;\n  margin-bottom: 0.5rem;\n}\n\nh2 {\n  color: var(--secondary-color);\n  margin-top: 3rem;\n}\n\nsection {\n  padding: 2rem 1rem;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.feature-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n  gap: 1.5rem;\n  margin-top: 2rem;\n}\n\n.feature-card {\n  background: var(--card-bg);\n  padding: 1.5rem;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n  transition: transform 0.3s ease;\n}\n\n.feature-card:hover {\n  transform: translateY(-5px);\n}\n\n.demo-container {\n  display: flex;\n  justify-content: center;\n  margin-top: 2rem;\n}\n\n.phone-mockup {\n  width: 300px;\n  height: 600px;\n  background: #333;\n  border-radius: 30px;\n  padding: 20px;\n  position: relative;\n}\n\n.screen {\n  background: white;\n  height: 100%;\n  border-radius: 15px;\n  padding: 1rem;\n}\n\n.chat {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.message {\n  max-width: 80%;\n  padding: 0.75rem;\n  border-radius: 1rem;\n}\n\n.message.received {\n  background: #f1f5f9;\n  align-self: flex-start;\n}\n\n.message.sent {\n  background: var(--primary-color);\n  color: white;\n  align-self: flex-end;\n}\n\n.pricing-card {\n  background: var(--card-bg);\n  padding: 2rem;\n  border-radius: 8px;\n  box-shadow: 0 2px 4px rgba(0,0,0,0.1);\n  max-width: 400px;\n  margin: 2rem auto;\n  text-align: center;\n}\n\n.price {\n  font-size: 2rem;\n  color: var(--primary-color);\n  margin: 1rem 0;\n}\n\nbutton {\n  background: var(--primary-color);\n  color: white;\n  border: none;\n  padding: 0.75rem 1.5rem;\n  border-radius: 4px;\n  cursor: pointer;\n  transition: background 0.3s ease;\n}\n\nbutton:hover {\n  background: var(--secondary-color);\n}\n\nfooter {\n  background: var(--primary-color);\n  color: white;\n  padding: 2rem 1rem;\n  text-align: center;\n}\n\nfooter nav {\n  margin-bottom: 1rem;\n}\n\nfooter a {\n  color: white;\n  text-decoration: none;\n  margin: 0 1rem;\n}\n\n@media (max-width: 768px) {\n  h1 {\n    font-size: 2rem;\n  }\n  \n  .feature-grid {\n    grid-template-columns: 1fr;\n  }\n  \n  .phone-mockup {\n    width: 250px;\n    height: 500px;\n  }\n}\n---script.js---\n// Smooth scrolling for anchor links\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n  anchor.addEventListener('click', function (e) {\n    e.preventDefault();\n    document.querySelector(this.getAttribute('href')).scrollIntoView({\n      behavior: 'smooth'\n    });\n  });\n});\n\n// Add animation to feature cards on scroll\nconst featureCards = document.querySelectorAll('.feature-card');\n\nconst observer = new IntersectionObserver(entries => {\n  entries.forEach(entry => {\n    if (entry.isIntersecting) {\n      entry.target.style.opacity = '1';\n      entry.target.style.transform = 'translateY(0)';\n    }\n  });\n}, {\n  threshold: 0.1\n});\n\nfeatureCards.forEach(card => {\n  card.style.opacity = '0';\n  card.style.transform = 'translateY(20px)';\n  observer.observe(card);\n});\n---end---"
+       },
+       "logprobs": null,
+       "finish_reason": "stop"
+     }
+   ],
+   "usage": {
+     "prompt_tokens": 259,
+     "completion_tokens": 1604,
+     "total_tokens": 1863,
+     "prompt_cache_hit_tokens": 0,
+     "prompt_cache_miss_tokens": 259
+   },
+   "system_fingerprint": "fp_f1afce2943"
+ }

readme.scroll

Changed around line 1

+ # aidukaandar.scroll.pub

+ Website generated by DeepSeek from prompt: I want to create a website where I can show my product where I am selling an AI dukaandar for whatsapp businesses

script.js

Changed around line 1
+ // Smooth scrolling for anchor links
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+   anchor.addEventListener('click', function (e) {
+     e.preventDefault();
+     document.querySelector(this.getAttribute('href')).scrollIntoView({
+       behavior: 'smooth'
+     });
+   });
+ });
+ 
+ // Add animation to feature cards on scroll
+ const featureCards = document.querySelectorAll('.feature-card');
+ 
+ const observer = new IntersectionObserver(entries => {
+   entries.forEach(entry => {
+     if (entry.isIntersecting) {
+       entry.target.style.opacity = '1';
+       entry.target.style.transform = 'translateY(0)';
+     }
+   });
+ }, {
+   threshold: 0.1
+ });
+ 
+ featureCards.forEach(card => {
+   card.style.opacity = '0';
+   card.style.transform = 'translateY(20px)';
+   observer.observe(card);
+ });

style.css

Changed around line 1
+ :root {
+   --primary-color: #2563eb;
+   --secondary-color: #1e40af;
+   --background-color: #f8fafc;
+   --text-color: #1e293b;
+   --card-bg: #ffffff;
+ }
+ 
+ body {
+   font-family: 'Segoe UI', system-ui, sans-serif;
+   line-height: 1.6;
+   margin: 0;
+   padding: 0;
+   background-color: var(--background-color);
+   color: var(--text-color);
+ }
+ 
+ header {
+   background: var(--primary-color);
+   color: white;
+   padding: 4rem 1rem;
+   text-align: center;
+ }
+ 
+ h1 {
+   font-size: 2.5rem;
+   margin-bottom: 0.5rem;
+ }
+ 
+ h2 {
+   color: var(--secondary-color);
+   margin-top: 3rem;
+ }
+ 
+ section {
+   padding: 2rem 1rem;
+   max-width: 1200px;
+   margin: 0 auto;
+ }
+ 
+ .feature-grid {
+   display: grid;
+   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+   gap: 1.5rem;
+   margin-top: 2rem;
+ }
+ 
+ .feature-card {
+   background: var(--card-bg);
+   padding: 1.5rem;
+   border-radius: 8px;
+   box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+   transition: transform 0.3s ease;
+ }
+ 
+ .feature-card:hover {
+   transform: translateY(-5px);
+ }
+ 
+ .demo-container {
+   display: flex;
+   justify-content: center;
+   margin-top: 2rem;
+ }
+ 
+ .phone-mockup {
+   width: 300px;
+   height: 600px;
+   background: #333;
+   border-radius: 30px;
+   padding: 20px;
+   position: relative;
+ }
+ 
+ .screen {
+   background: white;
+   height: 100%;
+   border-radius: 15px;
+   padding: 1rem;
+ }
+ 
+ .chat {
+   display: flex;
+   flex-direction: column;
+   gap: 0.5rem;
+ }
+ 
+ .message {
+   max-width: 80%;
+   padding: 0.75rem;
+   border-radius: 1rem;
+ }
+ 
+ .message.received {
+   background: #f1f5f9;
+   align-self: flex-start;
+ }
+ 
+ .message.sent {
+   background: var(--primary-color);
+   color: white;
+   align-self: flex-end;
+ }
+ 
+ .pricing-card {
+   background: var(--card-bg);
+   padding: 2rem;
+   border-radius: 8px;
+   box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+   max-width: 400px;
+   margin: 2rem auto;
+   text-align: center;
+ }
+ 
+ .price {
+   font-size: 2rem;
+   color: var(--primary-color);
+   margin: 1rem 0;
+ }
+ 
+ button {
+   background: var(--primary-color);
+   color: white;
+   border: none;
+   padding: 0.75rem 1.5rem;
+   border-radius: 4px;
+   cursor: pointer;
+   transition: background 0.3s ease;
+ }
+ 
+ button:hover {
+   background: var(--secondary-color);
+ }
+ 
+ footer {
+   background: var(--primary-color);
+   color: white;
+   padding: 2rem 1rem;
+   text-align: center;
+ }
+ 
+ footer nav {
+   margin-bottom: 1rem;
+ }
+ 
+ footer a {
+   color: white;
+   text-decoration: none;
+   margin: 0 1rem;
+ }
+ 
+ @media (max-width: 768px) {
+   h1 {
+     font-size: 2rem;
+   }
+ 
+   .feature-grid {
+     grid-template-columns: 1fr;
+   }
+ 
+   .phone-mockup {
+     width: 250px;
+     height: 500px;
+   }
+ }