body.html
Changed around line 1
+
+
+
Ticket Tree
+
+
+
+
+
+
+
+
+
+
The Future of Fan Engagement
+
Revolutionizing how sports organizations connect with their audiences through immersive social experiences.
+
+
+
+
+
+
Our Offerings
+
+
+
+
Ticketing
+
Zero cost for host organizations. Fans pay just 15% markup per ticket.
+
+
+
+
Collectibles
+
Exclusive digital mementos at no cost to fans or organizations.
+
+
+
+
Media Services
+
Tailored content creation and marketing strategies for maximum engagement.
+
+
+
+
+
+
+
+
Why Choose Ticket Tree?
+
+
+
Sports-Focused
+
Designed specifically for sports organizations of all sizes.
+
+
+
Seamless Integration
+
Minimal setup time with existing systems integration.
+
+
+
Enhanced Loyalty
+
Build stronger connections with your fanbase.
+
+
+
+
+
+
+
+
Schedule Your Demo
+
+
+
+
+
+
+
+
+
+
+
+
+
+
index.scroll
Changed around line 1
+ buildHtml
+ baseUrl https://tickettree.scroll.pub
+ metaTags
+ editButton /edit.html
+ title Ticket Tree - The Future of Fan Engagement
+ style.css
+ body.html
+ script.js
readme.scroll
Changed around line 1
+ # 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.
script.js
Changed around line 1
+ 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);
+ });
+ });
style.css
Changed around line 1
+ :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;
+ }
+ }