templates/website/parts/footer.html.twig line 1

  1. <footer>
  2.     <div class="foot">
  3.         <div>
  4.             <b>Contact</b>
  5.             <p class="lead" style="margin:.4rem 0 0 0">vrshikyanstests@gmail.com</p>
  6.             <p class="lead" style="margin:.2rem 0 0 0">made by artyom19032008@gmail.com</p>
  7.             <a href="{{ path('page_privacy_policy') }}" class="lead" style="margin:.2rem 0 0 0">Privacy policy</a>
  8.         </div>
  9.         <div>
  10.             <b>Vrshikyans</b>
  11.             <p class="lead" style="margin:.4rem 0 0 0">Yerevan • Since 2025</p>
  12.             <small>© <span id="year"></span> Vrshikyans — All rights reserved.</small>
  13.             <a href="{{ path('page_return') }}" class="lead" style="margin:.2rem 0 0 0">Return policy</a>
  14.         </div>
  15.     </div>
  16. </footer>
  19. {% if '/order/' not in app.request.pathInfo %}
  20.     <script>
  21.         // DATA: students as objects (edit this to add/remove students)
  22.         const STUDENT_CARDS = [
  23.             {
  24.                 name: 'Artyom H.',
  25.                 photo: 'students/Tyom.jpg',
  26.                 alt: 'Ani, Vrshikyans student with a high TOEFL score',
  27.                 score: 'SAT math 800/800',
  28.                 tests: 'SAT(Verbal --, Math 800)',
  29.                 blurb: 'Started with basic knoweledge in math and weak English, and after a year reached excellent scores in both SAT and TOEFL'
  30.             },
  31.             {
  32.                 name: 'Arman V.',
  33.                 photo: 'students/student_arman.jpg',
  34.                 alt: 'Arman, SAT and TOEFL student at Vrshikyans',
  35.                 score: 'SAT — 1520 / 1600',
  36.                 tests: 'Math 790 • R&W 730',
  37.                 blurb: 'Balances school, olympiads and prep. Uses the SAT & TOEFL tests here to simulate real exam mornings and track every improvement.'
  38.             },
  39.             {
  40.                 name: 'Maria K.',
  41.                 photo: 'students/student_maria.jpg',
  42.                 alt: 'Maria, IELTS student',
  43.                 score: 'IELTS Academic — 8.0',
  44.                 tests: 'L 8.5 • R 8.0 • W 7.5 • S 8.0',
  45.                 blurb: 'Practises reading and listening on the platform, then refines writing and speaking with targeted feedback from Ms Hasmik.'
  46.             },
  47.             {
  48.                 name: 'Davit S.',
  49.                 photo: 'students/student_davit.jpg',
  50.                 alt: 'Davit, ACT student',
  51.                 score: 'ACT — 33 / 36',
  52.                 tests: 'English • Reading • Science',
  53.                 blurb: 'Uses the calm exam-style layout to practise full ACT sets without distractions, focusing on timing and accuracy in Reading and Science.'
  54.             },
  55.             {
  56.                 name: 'Lilit M.',
  57.                 photo: 'students/student_lilit.jpg',
  58.                 alt: 'Lilit, TOEFL 2026 student',
  59.                 score: 'TOEFL 2026 — 27 Reading • 26 Listening',
  60.                 tests: 'Working towards 110+',
  61.                 blurb: 'Takes TOEFL 2026-style tests here every Sunday morning. Loves the smooth reading timer and automatic results page.'
  62.             },
  63.             {
  64.                 name: 'Narek A.',
  65.                 photo: 'students/student_narek.jpg',
  66.                 alt: 'Narek, future CS student',
  67.                 score: 'TOEFL — 108 / 120',
  68.                 tests: 'Planning for CS abroad',
  69.                 blurb: 'Uses the platform to practise reading long scientific passages and listening to lectures without pausing — just like on test day.'
  70.             }
  71.         ];
  73.         function renderStudentCards() {
  74.             const container = document.getElementById('studentCards');
  75.             if (!container) return;
  77.             container.innerHTML = STUDENT_CARDS.map(s => `
  78.                 <article class="student-card">
  79.                     <div class="avatar">
  80.                         <img src="${s.photo}" alt="${s.alt}"
  81.                              onerror="this.remove();this.parentElement.textContent='${s.name.split(' ')[0]}';">
  82.                     </div>
  83.                     <div class="meta">
  84.                         <h3 class="name">${s.name}</h3>
  85.                         <p class="score">${s.score}</p>
  86.                         ${s.tests ? `<p class="test-type">${s.tests}</p>` : ''}
  87.                         <p class="desc">${s.blurb}</p>
  88.                     </div>
  89.                 </article>
  90.             `).join('');
  91.         }
  93.         // Theme toggle
  94.         let isSwitching = false;
  95.         const validSections = ['home', 'mentors', 'students', 'value', 'exams', 'pricing'];
  97.         const themeBtn = document.getElementById('themeToggle');
  98.         const htmlEl = document.documentElement;
  99.         function setTheme(next) {
  100.             htmlEl.setAttribute('data-theme', next);
  101.             localStorage.setItem('theme', next);
  102.             themeBtn.textContent = next === 'light' ? '🌕' : '🌑';
  103.             themeBtn.setAttribute('aria-label', next === 'light' ? 'Switch to dark theme' : 'Switch to light theme');
  104.         }
  105.         themeBtn.addEventListener('click', () => setTheme(htmlEl.getAttribute('data-theme') === 'light' ? 'dark' : 'light'));
  106.         setTheme(htmlEl.getAttribute('data-theme') || 'dark');
  108.         // Section navigation
  109.         const navLinks = document.querySelectorAll('.nav-link, .mobile-nav-link');
  110.         const mobileMenu = document.getElementById('mobileMenu');
  111.         const mobileMenuBtn = document.getElementById('mobileMenuBtn');
  113.         function showSection(sectionId) {
  114.             if (!validSections.includes(sectionId) || isSwitching) return;
  116.             const newSection = document.getElementById(`${sectionId}-section`);
  117.             const oldSection = document.querySelector('.page-section.active');
  119.             if (!newSection || newSection === oldSection) return;
  121.             isSwitching = true;
  122.             document.body.classList.add('switching');
  124.             window.scrollTo({ top: 0, behavior: 'auto' });
  126.             if (oldSection) {
  127.                 oldSection.classList.remove('active');
  128.                 oldSection.classList.add('leaving');
  129.             }
  131.             newSection.classList.remove('leaving');
  132.             newSection.classList.add('active');
  134.             document.querySelectorAll('.nav-link, .mobile-nav-link').forEach(link => {
  135.                 link.classList.toggle('active', link.dataset.section === sectionId);
  136.             });
  138.             if (mobileMenu) {
  139.                 mobileMenu.classList.remove('active');
  140.             }
  142.             setTimeout(() => {
  143.                 if (oldSection) {
  144.                     oldSection.classList.remove('leaving');
  145.                 }
  146.                 document.body.classList.remove('switching');
  147.                 isSwitching = false;
  148.             }, 500);
  149.         }
  151.         navLinks.forEach(link => {
  152.             link.addEventListener('click', (e) => {
  153.                 e.preventDefault();
  154.                 const sectionId = link.getAttribute('data-section');
  156.                 if (location.hash !== `#${sectionId}`) {
  157.                     location.hash = sectionId;
  158.                 } else {
  159.                     showSection(sectionId);
  160.                 }
  161.             });
  162.         });
  164.         function handleHashChange() {
  165.             const hash = (location.hash || '#home').replace('#', '');
  166.             const target = validSections.includes(hash) ? hash : 'home';
  167.             showSection(target);
  168.         }
  170.         window.addEventListener('hashchange', handleHashChange);
  172.         document.addEventListener('DOMContentLoaded', () => {
  173.             renderStudentCards();
  174.             handleHashChange();
  175.         });
  177.         // Mobile menu toggle
  178.         mobileMenuBtn.addEventListener('click', (e) => {
  179.             e.stopPropagation();
  180.             if (mobileMenu) {
  181.                 mobileMenu.classList.toggle('active');
  182.             }
  183.         });
  185.         document.addEventListener('click', (e) => {
  186.             if (
  187.                 mobileMenu &&
  188.                 !mobileMenu.contains(e.target) &&
  189.                 !mobileMenuBtn.contains(e.target)
  190.             ) {
  191.                 mobileMenu.classList.remove('active');
  192.             }
  193.         });
  195.         // Scroll reveal
  196.         const io = new IntersectionObserver((entries) => {
  197.             entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } });
  198.         }, { threshold: .14 });
  200.         document.querySelectorAll('.reveal').forEach(el => io.observe(el));
  202.         // Subtle 3D tilt on the hero card
  203.         const heroCard = document.getElementById('heroCard');
  204.         if (heroCard) {
  205.             let af;
  206.             heroCard.addEventListener('mousemove', (e) => {
  207.                 const r = heroCard.getBoundingClientRect();
  208.                 const x = (e.clientX - r.left) / r.width - .5;
  209.                 const y = (e.clientY - r.top) / r.height - .5;
  210.                 const rx = (-y * 6).toFixed(2), ry = (x * 6).toFixed(2);
  211.                 cancelAnimationFrame(af);
  212.                 af = requestAnimationFrame(() => heroCard.style.transform = `translateY(-2px) rotateX(${rx}deg) rotateY(${ry}deg)`);
  213.             });
  214.             heroCard.addEventListener('mouseleave', () => heroCard.style.transform = 'translateY(0) rotateX(0) rotateY(0)');
  215.         }
  217.         const yearEl = document.getElementById('year');
  218.         if (yearEl) {
  219.             yearEl.textContent = new Date().getFullYear();
  220.         }
  221.     </script>
  222. {% endif %}