commit 21b949b71844a8dfa855e5e73c23733fb758dc83
Author: root <root@hub.scroll.pub>
Date: 2024-12-27 02:11:01 +0000
Subject: Initial commit
diff --git a/body.html b/body.html
new file mode 100644
index 0000000..346a22b
--- /dev/null
+++ b/body.html
@@ -0,0 +1,89 @@
+<header>
+ <nav>
+ <div class="logo">Ticket Tree</div>
+ <button class="mobile-menu" aria-label="Toggle menu">☰</button>
+ <ul class="nav-links">
+ <li><a href="#offerings">Offerings</a></li>
+ <li><a href="#why-choose">Why Choose Us</a></li>
+ <li><a href="#demo">Schedule Demo</a></li>
+ </ul>
+ </nav>
+</header>
+
+<main>
+ <section class="hero">
+ <div class="container">
+ <h1>The Future of Fan Engagement</h1>
+ <p>Revolutionizing how sports organizations connect with their audiences through immersive social experiences.</p>
+ <a href="#demo" class="cta-button">Schedule Demo</a>
+ </div>
+ </section>
+
+ <section id="offerings" class="offerings">
+ <div class="container">
+ <h2>Our Offerings</h2>
+ <div class="cards">
+ <div class="card">
+ <div class="card-icon">🎟️</div>
+ <h3>Ticketing</h3>
+ <p>Zero cost for host organizations. Fans pay just 15% markup per ticket.</p>
+ </div>
+ <div class="card">
+ <div class="card-icon">🏆</div>
+ <h3>Collectibles</h3>
+ <p>Exclusive digital mementos at no cost to fans or organizations.</p>
+ </div>
+ <div class="card">
+ <div class="card-icon">📱</div>
+ <h3>Media Services</h3>
+ <p>Tailored content creation and marketing strategies for maximum engagement.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section id="why-choose" class="why-choose">
+ <div class="container">
+ <h2>Why Choose Ticket Tree?</h2>
+ <div class="features">
+ <div class="feature">
+ <h3>Sports-Focused</h3>
+ <p>Designed specifically for sports organizations of all sizes.</p>
+ </div>
+ <div class="feature">
+ <h3>Seamless Integration</h3>
+ <p>Minimal setup time with existing systems integration.</p>
+ </div>
+ <div class="feature">
+ <h3>Enhanced Loyalty</h3>
+ <p>Build stronger connections with your fanbase.</p>
+ </div>
+ </div>
+ </div>
+ </section>
+
+ <section id="demo" class="demo">
+ <div class="container">
+ <h2>Schedule Your Demo</h2>
+ <form id="demo-form" class="demo-form">
+ <input type="text" placeholder="Organization Name" required>
+ <input type="email" placeholder="Email Address" required>
+ <input type="tel" placeholder="Phone Number" required>
+ <button type="submit" class="submit-button">Request Demo</button>
+ </form>
+ </div>
+ </section>
+</main>
+
+<footer>
+ <div class="container">
+ <div class="footer-content">
+ <div class="footer-logo">Ticket Tree</div>
+ <div class="footer-links">
+ <a href="#offerings">Offerings</a>
+ <a href="#why-choose">Why Choose Us</a>
+ <a href="#demo">Schedule Demo</a>
+ </div>
+ </div>
+ </div>
+</footer>
diff --git a/index.scroll b/index.scroll
new file mode 100644
index 0000000..d235a66
--- /dev/null
+++ b/index.scroll
@@ -0,0 +1,8 @@
+buildHtml
+baseUrl https://tickettree.scroll.pub
+metaTags
+editButton /edit.html
+title Ticket Tree - The Future of Fan Engagement
+style.css
+body.html
+script.js
diff --git a/readme.scroll b/readme.scroll
new file mode 100644
index 0000000..35d50c7
--- /dev/null
+++ b/readme.scroll
@@ -0,0 +1,2 @@
+# tickettree1.scroll.pub
+Website generated by Claude from prompt: Ticket Tree: The Future of Fan Engagement Ticket Tree is a SaaS platform revolutionizing the way sports organizations connect with their audiences. As a forward-thinking ticketing solution, we aim to create immersive social experiences that elevate how fanbases interact with events. From seamless ticketing processes to exclusive digital collectibles and professional media services, Ticket Tree empowers organizations to deliver unparalleled value to their fans. We’re proudly seeking venture capital funding to scale our vision and transform the sports industry. By leveraging cutting-edge technology and audience insights, we’re positioned to become a leading force in sports fan engagement. Our Offerings: Ticketing Zero cost for host organizations. Fans pay just a 15% markup per ticket, making events accessible and profitable. Collectibles Exclusive digital mementos that deepen fan loyalty. Absolutely no cost to fans or host organizations. Media Services Tailored content creation and marketing strategies to boost visibility and engagement. Contact us for custom pricing. Why Choose Ticket Tree? Designed specifically for sports organizations, from local teams to major leagues. Crafted with clean white and dark green accents for a sleek, modern look that complements your brand. Seamless integration with existing systems to minimize setup time and maximize results. A partner in your journey to enhance fan loyalty, increase revenue, and streamline event management. Schedule Your Demo Today We’re making it easier than ever to explore how Ticket Tree can transform your ticketing and fan engagement. Schedule a personalized demo with our team in just a few clicks and experience the future of sports event management firsthand. Let’s redefine the fan experience together.
\ No newline at end of file
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..1a064c6
--- /dev/null
+++ b/script.js
@@ -0,0 +1,66 @@
+document.addEventListener('DOMContentLoaded', () => {
+ // Mobile menu toggle
+ const mobileMenu = document.querySelector('.mobile-menu');
+ const navLinks = document.querySelector('.nav-links');
+
+ mobileMenu.addEventListener('click', () => {
+ navLinks.classList.toggle('active');
+ });
+
+ // Smooth scrolling for anchor links
+ document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+ anchor.addEventListener('click', function(e) {
+ e.preventDefault();
+ const target = document.querySelector(this.getAttribute('href'));
+ const headerOffset = 70;
+ const elementPosition = target.getBoundingClientRect().top;
+ const offsetPosition = elementPosition + window.pageYOffset - headerOffset;
+
+ window.scrollTo({
+ top: offsetPosition,
+ behavior: 'smooth'
+ });
+
+ // Close mobile menu if open
+ if (navLinks.classList.contains('active')) {
+ navLinks.classList.remove('active');
+ }
+ });
+ });
+
+ // Form submission
+ const demoForm = document.getElementById('demo-form');
+ demoForm.addEventListener('submit', (e) => {
+ e.preventDefault();
+
+ // Animate button
+ const submitButton = demoForm.querySelector('.submit-button');
+ submitButton.textContent = 'Request Sent!';
+ submitButton.style.background = '#27ae60';
+
+ // Reset form after delay
+ setTimeout(() => {
+ demoForm.reset();
+ submitButton.textContent = 'Request Demo';
+ submitButton.style.background = '';
+ }, 3000);
+ });
+
+ // Intersection Observer for animation
+ 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 });
+
+ // Observe all cards and features
+ document.querySelectorAll('.card, .feature').forEach(element => {
+ element.style.opacity = '0';
+ element.style.transform = 'translateY(20px)';
+ element.style.transition = 'all 0.6s ease-out';
+ observer.observe(element);
+ });
+});
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..b2cb345
--- /dev/null
+++ b/style.css
@@ -0,0 +1,237 @@
+:root {
+ --primary-color: #1a472a;
+ --secondary-color: #ffffff;
+ --accent-color: #2ecc71;
+ --text-color: #333333;
+ --transition: all 0.3s ease;
+}
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body {
+ font-family: 'Segoe UI', system-ui, sans-serif;
+ line-height: 1.6;
+ color: var(--text-color);
+}
+
+.container {
+ max-width: 1200px;
+ margin: 0 auto;
+ padding: 0 20px;
+}
+
+/* Header & Navigation */
+header {
+ background: var(--primary-color);
+ position: fixed;
+ width: 100%;
+ top: 0;
+ z-index: 1000;
+ box-shadow: 0 2px 10px rgba(0,0,0,0.1);
+}
+
+nav {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ padding: 1rem;
+ max-width: 1200px;
+ margin: 0 auto;
+}
+
+.logo {
+ color: var(--secondary-color);
+ font-size: 1.5rem;
+ font-weight: bold;
+}
+
+.nav-links {
+ display: flex;
+ list-style: none;
+ gap: 2rem;
+}
+
+.nav-links a {
+ color: var(--secondary-color);
+ text-decoration: none;
+ transition: var(--transition);
+}
+
+.nav-links a:hover {
+ color: var(--accent-color);
+}
+
+.mobile-menu {
+ display: none;
+ background: none;
+ border: none;
+ color: var(--secondary-color);
+ font-size: 1.5rem;
+ cursor: pointer;
+}
+
+/* Hero Section */
+.hero {
+ background: linear-gradient(135deg, var(--primary-color), #2c3e50);
+ color: var(--secondary-color);
+ padding: 8rem 0 4rem;
+ text-align: center;
+}
+
+.hero h1 {
+ font-size: 3.5rem;
+ margin-bottom: 1rem;
+ animation: fadeInUp 1s ease;
+}
+
+.hero p {
+ font-size: 1.2rem;
+ max-width: 600px;
+ margin: 0 auto 2rem;
+ animation: fadeInUp 1s ease 0.2s;
+}
+
+/* Cards & Features */
+.cards, .features {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+ gap: 2rem;
+ padding: 4rem 0;
+}
+
+.card {
+ background: white;
+ padding: 2rem;
+ border-radius: 10px;
+ box-shadow: 0 4px 6px rgba(0,0,0,0.1);
+ transition: var(--transition);
+ text-align: center;
+}
+
+.card:hover {
+ transform: translateY(-5px);
+ box-shadow: 0 6px 12px rgba(0,0,0,0.15);
+}
+
+.card-icon {
+ font-size: 2.5rem;
+ margin-bottom: 1rem;
+}
+
+/* Buttons */
+.cta-button, .submit-button {
+ background: var(--accent-color);
+ color: white;
+ padding: 1rem 2rem;
+ border: none;
+ border-radius: 50px;
+ font-size: 1.1rem;
+ cursor: pointer;
+ transition: var(--transition);
+ text-decoration: none;
+ display: inline-block;
+}
+
+.cta-button:hover, .submit-button:hover {
+ background: #27ae60;
+ transform: scale(1.05);
+}
+
+/* Form */
+.demo-form {
+ max-width: 500px;
+ margin: 0 auto;
+ display: flex;
+ flex-direction: column;
+ gap: 1rem;
+}
+
+.demo-form input {
+ padding: 1rem;
+ border: 2px solid #eee;
+ border-radius: 5px;
+ font-size: 1rem;
+}
+
+/* Footer */
+footer {
+ background: var(--primary-color);
+ color: var(--secondary-color);
+ padding: 2rem 0;
+ margin-top: 4rem;
+}
+
+.footer-content {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+.footer-links {
+ display: flex;
+ gap: 2rem;
+}
+
+.footer-links a {
+ color: var(--secondary-color);
+ text-decoration: none;
+ transition: var(--transition);
+}
+
+.footer-links a:hover {
+ color: var(--accent-color);
+}
+
+/* Animations */
+@keyframes fadeInUp {
+ from {
+ opacity: 0;
+ transform: translateY(20px);
+ }
+ to {
+ opacity: 1;
+ transform: translateY(0);
+ }
+}
+
+/* Mobile Responsiveness */
+@media (max-width: 768px) {
+ .mobile-menu {
+ display: block;
+ }
+
+ .nav-links {
+ display: none;
+ position: absolute;
+ top: 100%;
+ left: 0;
+ right: 0;
+ background: var(--primary-color);
+ flex-direction: column;
+ padding: 1rem;
+ text-align: center;
+ }
+
+ .nav-links.active {
+ display: flex;
+ }
+
+ .hero h1 {
+ font-size: 2.5rem;
+ }
+
+ .footer-content {
+ flex-direction: column;
+ gap: 1rem;
+ text-align: center;
+ }
+
+ .footer-links {
+ flex-direction: column;
+ gap: 1rem;
+ }
+}