body.html
Changed around line 1
+
+
+
PaperPlus AI
+
+
+
+
+
+
Revolutionizing the Way You Write Things Down
+
Leverage our proprietary AI-powered cloud-native document intelligence platform to digitally transform your note-taking experience.
+
+
Backed by prestigious VCs: TechFund Capital, Innovation Ventures, Web3 Associates
+
+
+
+
Enterprise-Grade Features
+
+
+
AI-Powered Writing
+
Our advanced algorithms help you write exactly what you could write yourself.
+
+
+
Cloud Sync
+
Access your notes from anywhere, just like a notebook you carry with you.
+
+
+
Blockchain Security
+
Your notes are secured by the same technology that secures nothing important.
+
+
+
Machine Learning
+
Our AI learns from your writing patterns to suggest what you already know.
+
+
+
+
+
+
Simple Pricing
+
+
Enterprise Plan
+
$299/month/user
+
+ ✨ Digital Writing Experience
+ 🤖 AI-Powered Suggestions
+ ☁️ Cloud Storage
+ 🔒 Enterprise Security
+ 📱 Mobile Access
+
+
+
*Cancellation requires written letter sent via certified mail
+
+
+
+
+
Stay Updated
+
Subscribe to receive AI-curated spam from our noreply@paperplus.ai address
+
+
+
+
+
+
+
+
+
+
+
PaperPlus AI
+
Making simple things complicated since 2023
+
+
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://paperplus.scroll.pub
+ metaTags
+ editButton
+ title PaperPlus AI - Enterprise Document Intelligence Platform
+ style.css
+ body.html
+ script.js
readme.scroll
Changed around line 1
+ # 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.
script.js
Changed around line 1
+ 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`;
+ });
+ });
style.css
Changed around line 1
+ :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;
+ }
+ }