commit 7a170c3198b04dfadd61409efe3ac51e1533d8d5
Author: root <root@hub.scroll.pub>
Date: 2024-12-26 16:49:25 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..736a981
--- /dev/null
+++ b/body.html
@@ -0,0 +1,82 @@
+<header class="nav-header">
+ <nav>
+ <div class="logo">PaperPlus AI</div>
+ <div class="nav-links">
+ <a href="#features">Features</a>
+ <a href="#pricing">Pricing</a>
+ <a href="#about">About</a>
+ <button class="cta-button">Start Free Trial*</button>
+ </div>
+ </nav>
+</header>
+
+<main>
+ <section class="hero">
+ <h1>Revolutionizing the Way You Write Things Down</h1>
+ <p class="subtitle">Leverage our proprietary AI-powered cloud-native document intelligence platform to digitally transform your note-taking experience.</p>
+ <button class="cta-button-large">Get Started</button>
+ <p class="backed-by">Backed by prestigious VCs: <span class="vc-names">TechFund Capital, Innovation Ventures, Web3 Associates</span></p>
+ </section>
+
+ <section id="features" class="features">
+ <h2>Enterprise-Grade Features</h2>
+ <div class="feature-grid">
+ <div class="feature-card">
+ <h3>AI-Powered Writing</h3>
+ <p>Our advanced algorithms help you write exactly what you could write yourself.</p>
+ </div>
+ <div class="feature-card">
+ <h3>Cloud Sync</h3>
+ <p>Access your notes from anywhere, just like a notebook you carry with you.</p>
+ </div>
+ <div class="feature-card">
+ <h3>Blockchain Security</h3>
+ <p>Your notes are secured by the same technology that secures nothing important.</p>
+ </div>
+ <div class="feature-card">
+ <h3>Machine Learning</h3>
+ <p>Our AI learns from your writing patterns to suggest what you already know.</p>
+ </div>
+ </div>
+ </section>
+
+ <section id="pricing" class="pricing">
+ <h2>Simple Pricing</h2>
+ <div class="price-card">
+ <h3>Enterprise Plan</h3>
+ <div class="price">$299<span>/month/user</span></div>
+ <ul>
+ <li>✨ Digital Writing Experience</li>
+ <li>🤖 AI-Powered Suggestions</li>
+ <li>☁️ Cloud Storage</li>
+ <li>🔒 Enterprise Security</li>
+ <li>📱 Mobile Access</li>
+ </ul>
+ <button class="cta-button">Start Free Trial*</button>
+ <p class="asterisk">*Cancellation requires written letter sent via certified mail</p>
+ </div>
+ </section>
+
+ <section id="newsletter" class="newsletter">
+ <h2>Stay Updated</h2>
+ <p>Subscribe to receive AI-curated spam from our noreply@paperplus.ai address</p>
+ <form class="signup-form">
+ <input type="email" placeholder="Enter your email" required>
+ <button type="submit">Subscribe</button>
+ </form>
+ </section>
+</main>
+
+<footer>
+ <div class="footer-content">
+ <div class="footer-section">
+ <h4>PaperPlus AI</h4>
+ <p>Making simple things complicated since 2023</p>
+ </div>
+ <div class="footer-links">
+ <a href="#privacy">Privacy Policy</a>
+ <a href="#terms">Terms of Service</a>
+ <a href="#cancel">Cancellation Policy (40 pages)</a>
+ </div>
+ </div>
+</footer>
\ No newline at end of file
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..5b3af48
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://paperplus.scroll.pub
+metaTags
+editButton
+title PaperPlus AI - Enterprise Document Intelligence Platform
+style.css
+body.html
+script.js
\ No newline at end of file
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..028429e
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# paperplus.scroll.pub
+Website generated from prompt: Its a landing page for a "Software As a Service" Product, that does very little for someone that they couldnt do using just pen and paper. But we make it very expensive, paid monthly, and very hard to cancel. Also its important that we show some VC funding. And um have some flashy CSS maybe with some scrolling animations. Lets allow people to signup to receive spam from a noreply email address. And lets charge $299 per month per user. Also, lets host it on the cloud or something. And use the words AI a bunch.
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..71d0c15
--- /dev/null
+++ b/script.js
@@ -0,0 +1,41 @@
+document.addEventListener('DOMContentLoaded', () => {
+ // Intersection Observer for feature cards
+ const observer = new IntersectionObserver((entries) => {
+ entries.forEach(entry => {
+ if (entry.isIntersecting) {
+ entry.target.classList.add('visible');
+ }
+ });
+ }, {
+ threshold: 0.1
+ });
+
+ document.querySelectorAll('.feature-card').forEach(card => {
+ observer.observe(card);
+ });
+
+ // Newsletter form submission
+ const form = document.querySelector('.signup-form');
+ form.addEventListener('submit', (e) => {
+ e.preventDefault();
+ const email = e.target.querySelector('input').value;
+ alert('Thanks! You will receive AI-generated spam shortly.');
+ e.target.reset();
+ });
+
+ // Smooth scroll for navigation links
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+ anchor.addEventListener('click', function (e) {
+ e.preventDefault();
+ document.querySelector(this.getAttribute('href')).scrollIntoView({
+ behavior: 'smooth'
+ });
+ });
+ });
+
+ // Add parallax effect to hero section
+ window.addEventListener('scroll', () => {
+ const scrolled = window.pageYOffset;
+ document.querySelector('.hero').style.backgroundPosition = `center ${scrolled * 0.5}px`;
+ });
+});
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..c8cf32c
--- /dev/null
+++ b/style.css
@@ -0,0 +1,262 @@
+:root {
+ --primary: #2a3fff;
+ --secondary: #6c63ff;
+ --text: #2c3e50;
+ --bg: #ffffff;
+ --accent: #ff6b6b;
+}
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body {
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+ color: var(--text);
+ line-height: 1.6;
+}
+
+.nav-header {
+ position: fixed;
+ width: 100%;
+ background: rgba(255, 255, 255, 0.95);
+ backdrop-filter: blur(10px);
+ z-index: 1000;
+ box-shadow: 0 2px 20px rgba(0,0,0,0.1);
+}
+
+nav {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 1rem;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.logo {
+ font-size: 1.5rem;
+ font-weight: bold;
+ background: linear-gradient(45deg, var(--primary), var(--secondary));
+ -webkit-background-clip: text;
+ color: transparent;
+}
+
+.nav-links {
+ display: flex;
+ gap: 2rem;
+ align-items: center;
+}
+
+.nav-links a {
+ text-decoration: none;
+ color: var(--text);
+ transition: color 0.3s ease;
+}
+
+.nav-links a:hover {
+ color: var(--primary);
+}
+
+.cta-button {
+ background: var(--primary);
+ color: white;
+ border: none;
+ padding: 0.5rem 1rem;
+ border-radius: 25px;
+ cursor: pointer;
+ transition: transform 0.3s ease;
+}
+
+.cta-button:hover {
+ transform: translateY(-2px);
+}
+
+.hero {
+ min-height: 100vh;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ text-align: center;
+ padding: 2rem;
+ background: linear-gradient(135deg, #f5f7ff 0%, #ffffff 100%);
+}
+
+.hero h1 {
+ font-size: 3.5rem;
+ margin-bottom: 1rem;
+ background: linear-gradient(45deg, var(--primary), var(--secondary));
+ -webkit-background-clip: text;
+ color: transparent;
+ opacity: 0;
+ transform: translateY(20px);
+ animation: fadeInUp 1s ease forwards;
+}
+
+.subtitle {
+ font-size: 1.2rem;
+ max-width: 600px;
+ margin-bottom: 2rem;
+ opacity: 0;
+ animation: fadeInUp 1s ease forwards 0.3s;
+}
+
+.cta-button-large {
+ font-size: 1.2rem;
+ padding: 1rem 2rem;
+ background: var(--primary);
+ color: white;
+ border: none;
+ border-radius: 30px;
+ cursor: pointer;
+ transition: all 0.3s ease;
+ opacity: 0;
+ animation: fadeInUp 1s ease forwards 0.6s;
+}
+
+.cta-button-large:hover {
+ transform: translateY(-3px);
+ box-shadow: 0 10px 20px rgba(0,0,0,0.1);
+}
+
+.backed-by {
+ margin-top: 2rem;
+ font-size: 0.9rem;
+ opacity: 0.7;
+}
+
+.vc-names {
+ font-weight: 500;
+}
+
+.features {
+ padding: 5rem 2rem;
+ background: var(--bg);
+}
+
+.feature-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 2rem;
+ max-width: 1200px;
+ margin: 0 auto;
+}
+
+.feature-card {
+ padding: 2rem;
+ background: white;
+ border-radius: 15px;
+ box-shadow: 0 10px 30px rgba(0,0,0,0.1);
+ transition: transform 0.3s ease;
+ opacity: 0;
+ transform: translateY(20px);
+}
+
+.feature-card.visible {
+ animation: fadeInUp 1s ease forwards;
+}
+
+.feature-card:hover {
+ transform: translateY(-5px);
+}
+
+.pricing {
+ padding: 5rem 2rem;
+ background: linear-gradient(135deg, #f5f7ff 0%, #ffffff 100%);
+ text-align: center;
+}
+
+.price-card {
+ max-width: 400px;
+ margin: 2rem auto;
+ padding: 2rem;
+ background: white;
+ border-radius: 15px;
+ box-shadow: 0 15px 40px rgba(0,0,0,0.1);
+}
+
+.price {
+ font-size: 3rem;
+ font-weight: bold;
+ color: var(--primary);
+ margin: 1rem 0;
+}
+
+.price span {
+ font-size: 1rem;
+ color: var(--text);
+}
+
+.asterisk {
+ font-size: 0.8rem;
+ opacity: 0.7;
+ margin-top: 1rem;
+}
+
+.newsletter {
+ padding: 5rem 2rem;
+ text-align: center;
+ background: var(--bg);
+}
+
+.signup-form {
+ max-width: 500px;
+ margin: 2rem auto;
+ display: flex;
+ gap: 1rem;
+}
+
+.signup-form input {
+ flex: 1;
+ padding: 1rem;
+ border: 2px solid #eee;
+ border-radius: 25px;
+ font-size: 1rem;
+}
+
+footer {
+ background: #f8f9fa;
+ padding: 3rem 2rem;
+}
+
+.footer-content {
+ max-width: 1200px;
+ margin: 0 auto;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+@keyframes fadeInUp {
+ from {
+ opacity: 0;
+ transform: translateY(20px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+@media (max-width: 768px) {
+ .nav-links {
+ display: none;
+ }
+
+ .hero h1 {
+ font-size: 2.5rem;
+ }
+
+ .footer-content {
+ flex-direction: column;
+ text-align: center;
+ gap: 2rem;
+ }
+
+ .signup-form {
+ flex-direction: column;
+ }
+}
\ No newline at end of file