{"id":9876,"date":"2025-11-23T14:21:36","date_gmt":"2025-11-23T14:21:36","guid":{"rendered":"https:\/\/tlap-sports.com\/en\/?page_id=9876"},"modified":"2025-12-05T16:45:23","modified_gmt":"2025-12-05T16:45:23","slug":"overview","status":"publish","type":"page","link":"https:\/\/tlap-sports.com\/en\/overview\/","title":{"rendered":"Landing Page"},"content":{"rendered":"\n\n\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@300;400;500;700&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n\n\/* ===== PAGE-SPECIFIC HEADING OVERRIDES ===== *\/\n\n.site,\n.site-content,\n.entry-content {\n    background: #000 !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    max-width: 100% !important;\n}\n\n.landing-page {\n    font-family: \"Roboto\", sans-serif !important;\n}\n\n\/* Target ONLY this landing page *\/\n.landing-page h1,\n.landing-page h2,\n.landing-page h3,\n.landing-page h4,\n.landing-page h5,\n.landing-page h6 {\n    font-family: \"Impact\", sans-serif !important;\n    color: #ffffff !important;       \/* white *\/\n    text-transform: uppercase;        \/* optional \u2013 like your design *\/\n}\n.landing-page .title-black {\n    color: #000000 !important;\n}\n\n\/* Reduce spacing between all landing page sections *\/\n.landing-page section {\n    padding-top: 40px !important;\n    padding-bottom: 40px !important;\n}\n\n.landing-page a,\n.landing-page .team-button,\n.landing-page .questions-btn,\n.landing-page .cost-btn,\n.landing-page .offer-btn {\n    text-decoration: none !important;\n}\n\n\/* ---- HERO SECTION ---- *\/\n\n.hero-section {\n    position: relative;\n    width: 100%;\n    height: 100vh; \/* full screen *\/\n    background-size: cover;\n    background-position: center center;\n    background-repeat: no-repeat;\n    background-image: url('https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/help.jpg');\n}\n\n.hero-section::before {\n    content: \"\";\n    position: absolute;\n    inset: 0;\n    background: rgba(0,0,0,0.35); \/* dark overlay so text is readable *\/\n    z-index: 1;\n}\n\n.hero-content {\n    position: relative;\n    z-index: 2;\n    max-width: 900px;\n    padding: 120px 60px;\n    color: #000000;\n}\n\n\/* Heading *\/\n.hero-content h1 {\n    font-size: 4.5rem;\n    line-height: 1.1;\n    font-weight: 900;\n    text-transform: uppercase;\n    margin: 0 0 40px;\n    color: #ffffff;\n}\n\n\/* Button *\/\n.hero-btn {\n    display: inline-block;\n    background: #791614;\n    padding: 16px 32px;\n    color: #fff;\n    font-size: 1.25rem;\n    font-weight: 600;\n    border-radius: 4px;\n    text-decoration: none;\n    transition: 0.25s ease;\n   \n}\n\n.hero-btn:hover {\n    background: #ffffff;\n}\n\n\/* Simple mobile tweak *\/\n@media (max-width: 768px) {\n    .hero-section {\n        height: 50vh;              \/* smaller on mobile *\/\n        background-size: cover;  \/* the entire image stays visible *\/\n        background-position: top;  \/* shows top part of the image *\/\n    }\n\n    .hero-content {\n        padding: 60px 20px;\n    }\n\n    .hero-content h1 {\n        font-size: 2rem;\n    }\n}\n\n\/* ---- ABOUT \/ WHAT IS TLAP SECTION ---- *\/\n\n.about-section {\n    background: #000;\n    color: #fff;\n    padding: 80px 60px 100px;\n}\n\n.about-inner {\n    max-width: 1000px;\n    margin: 0 auto;\n}\n\n.about-title {\n    font-size: 3rem;\n    font-weight: 900;\n    text-transform: uppercase;\n    margin: 0 -40px 24px;\n    color: #fff;\n}\n\n.about-text {\n    font-size: 1rem;\n    line-height: 1.6;\n    margin: 0 0 40px;\n    color: #ffffff;\n}\n\n.about-image {\n    margin-top: 20px;\n}\n\n.about-image img {\n    display: block;\n    width: 100%;\n    height: auto;\n    object-fit: cover;\n}\n\n\/* Mobile adjustments *\/\n@media (max-width: 768px) {\n    .about-section {\n        padding: 60px 24px 80px;\n    }\n\n    .about-title {\n        font-size: 1.9rem;\n        margin: 0 0px 24px;\n    }\n}\n\n\n\/* ==== WHO WE ARE \u2013 STATIC HEADING ==== *\/\n\n.who-title-wrapper {\n    background: #000;\n    color: #fff;\n    height: 80px;      \/* set the desired container height *\/\n    display: flex;     \/* use flex to center content vertically *\/\n    align-items: center; \/* vertically center the heading *\/\n    padding: 0 60px;   \/* horizontal padding only *\/\n    box-sizing: border-box; \/* include padding in height *\/\n}\n\n.who-title {\n    font-size: 3rem;\n    font-weight: 900;\n    text-transform: uppercase;\n    margin: 0;       \/* remove heading margins *\/\n    line-height: 1;  \/* tighten vertical spacing *\/\n}\n\n\/* Mobile adjustments *\/\n@media (max-width: 768px) {\n    .who-title-wrapper {\n        height: 20px;   \/* smaller height on mobile *\/\n        padding: 0 24px;\n    }\n\n    .who-title {\n        font-size: 1.9rem;\n    }\n}\n\n\n\/* ==== HORIZONTAL TIMELINE SECTION ==== *\/\n\n.timeline-wrapper {\n    position: relative;\n    height: 100vh;        \/* controls how long you scroll vertically *\/\n    overflow: hidden;\n    background: #000;     \/* or #fff, depending on your design *\/\n}\n\n.timeline-sticky {\n    position: sticky;\n    top: 0;\n    height: 100vh;        \/* always fill viewport while active *\/\n    overflow: hidden;\n}\n\n.timeline-horizontal {\n    display: flex;\n    height: 100%;\n    width: max-content;\n    transition: transform 0.5s ease-out;\n}\n\n\/* Wide panel so you get horizontal scroll *\/\n.timeline-image-panel {\n    min-width: 150vw;     \/* make bigger if image is very wide *\/\n    height: 100%;\n    display: flex;\n    align-items: center;  \/* vertically center image *\/\n    justify-content: flex-start;\n}\n\n\/* \u2705 show full image, no cropping *\/\n.timeline-image-panel img {\n    max-height: 100%;     \/* never taller than the viewport *\/\n    width: auto;          \/* keep aspect ratio *\/\n    object-fit: contain;  \/* NO cropping \u2013 whole image visible *\/\n}\n\n\/* Mobile adjustments *\/\n@media (max-width: 768px) {\n    \/* smaller container *\/\n    .timeline-wrapper,\n    .timeline-sticky {\n        height: 60vh;      \/* smaller height *\/\n        overflow-x: auto;  \/* allow horizontal swipe *\/\n        overflow-y: hidden; \/* prevent vertical scroll *\/\n    }\n\n    .timeline-horizontal {\n        display: flex;\n        flex-direction: row; \/* horizontal layout *\/\n        width: max-content;   \/* fit image width *\/\n        transform: none !important; \/* no desktop transform *\/\n    }\n\n    .timeline-image-panel img {\n        height: 100%;  \/* fill container height *\/\n        width: auto;   \/* maintain aspect ratio *\/\n        object-fit: contain; \/* no cropping *\/\n    }\n}\n\n\n\/* ===== BUTTON UNDER TIMELINE ===== *\/\n\n.team-button-section {\n    background: #000; \/* matches surrounding sections *\/\n    padding: 30px 0 60px;\n    text-align: center;\n}\n\n.team-button {\n    display: inline-block;\n    background: #791614;\n    color: #fff;\n    padding: 14px 32px;\n    font-size: 1.1rem;\n    font-weight: 700;\n    border-radius: 6px;\n    text-decoration: none;\n    transition: 0.25s ease;\n     \n}\n.team-button:hover {\n    background: #ffffff;\n}\n\n\n\/* ===== WHAT DO WE OFFER SECTION ===== *\/\n\n.offer-section {\n    background: #000;\n    color: #fff;\n    padding: 80px 60px 100px;\n}\n\n.offer-inner {\n    max-width: 1100px;\n    margin: 0 auto;\n    \n}\n\n.offer-title {\n    font-size: 3rem;\n    font-weight: 900;\n    text-transform: uppercase;\n    margin: 0 0 50px;\n}\n\n.offer-grid {\n    display: grid;\n    grid-template-columns: repeat(3, minmax(0, 1fr));\n    gap: 50px 40px;\n}\n\n.offer-card {\n    text-align: center;\n}\n\n.offer-card-image {\n    border-radius: 16px;\n    overflow: hidden;\n    margin-bottom: 20px;\n    transform: scale(0.85);   \/* adjust 0.85 \u2192 0.9, 0.8, etc *\/\n    transform-origin: center; \/* keeps it centered *\/ \n}\n\n.offer-card-image img {\n    width: 100%;\n    height: auto;\n    display: block;\n}\n\n.offer-card-title {\n    font-size: 1.4rem;\n    font-weight: 700;\n    margin-bottom: 10px;\n}\n\n.offer-card-text {\n    font-size: 0.95rem;\n    line-height: 1.6;\n    color: #dddddd;\n}\n\n\/* Responsive *\/\n@media (max-width: 1024px) {\n    .offer-section {\n        padding: 70px 40px 80px;\n    }\n    .offer-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n}\n\n@media (max-width: 768px) {\n    .offer-section {\n        padding: 60px 24px 70px;\n    }\n\n    .offer-card-title {\n        font-size: 0.8rem;\n        font-family: \"Roboto\", sans-serif !important;\n    }\n\n    .offer-grid {\n        grid-template-columns: repeat(2, minmax(0, 1fr));\n        gap: 20px 12px; \/* reduce space between cards *\/\n    }\n\n    .offer-card-text {\n        font-size: 0.6rem;\n        line-height: 1;\n        color: #dddddd;\n    }\n\n    .offer-card {\n        margin: 0; \/* remove any extra margin if needed *\/\n    }\n\n    .offer-card-image {\n        margin-bottom: 8px; \/* optional: reduce space below image *\/\n    }\n}\n\n\n\n\/* ===== PRICING SECTION \u2013 HOW MUCH DOES IT COST ===== *\/\n\n.cost-section {\n    background: #000;\n    color: #fff;\n    padding: 80px 60px 100px;\n}\n\n.cost-inner {\n    max-width: 1100px;\n    margin: 0 auto;\n    \n}\n\n.cost-title {\n    font-size: 3rem;\n    font-weight: 900;\n    text-transform: uppercase;\n    margin: 0 0 50px;\n}\n\n.cost-grid {\n    display: flex;\n    gap: 40px;\n    justify-content: center;\n    flex-wrap: wrap;\n    align-items: stretch;          \/* \ud83d\udd38 NEW: make items same height in row *\/\n}\n\n\/* Card *\/\n.cost-card {\n    background: #f1f1f1;\n    color: #000;\n    border-radius: 16px;\n    border: 1px solid #555;\n    overflow: hidden;\n    width: 360px;\n    display: flex;\n    flex-direction: column;\n    flex: 1 1 360px;              \/* \ud83d\udd38 NEW: allow cards to stretch evenly *\/\n}\n\n\/* Top image area *\/\n.cost-card-top {\n    background: #000;\n    height: 190px;\n    display: flex;\n    justify-content: center;\n    align-items: flex-end;\n    overflow: hidden;\n}\n\n.cost-card-top img {\n    max-height: 100%;\n    width: auto;\n    display: block;\n}\n\n\/* Bottom content *\/\n.cost-card-body {\n    padding: 24px 24px 28px;\n    text-align: left;\n    font-size: 0.95rem;\n}\n\n.cost-card-title {\n    font-size: 1.3rem;\n    font-weight: 700;\n    margin-bottom: 10px;\n}\n\n.cost-card-sub {\n    font-size: 0.9rem;\n    margin-bottom: 10px;\n}\n\n.cost-card-strong {\n    font-weight: 700;\n}\n\n.cost-features {\n    list-style: none;\n    padding: 0;\n    margin: 10px 0 20px;\n}\n\n.cost-features li {\n    margin-bottom: 6px;\n    position: relative;\n    padding-left: 18px;\n}\n\n.cost-features li::before {\n    content: \"\u2714\";\n    position: absolute;\n    left: 0;\n    top: 0;\n    font-size: 0.85rem;\n    color: #0b8a2b;\n}\n\n\/* Buttons *\/\n\/* Ensure both cards stay equal height *\/\n.cost-card {\n    display: flex;\n    flex-direction: column;\n    height: 100%;\n}\n\n\/* Push button to bottom *\/\n.cost-card-footer {\n    margin-top: auto;\n    padding-bottom: 24px; \/* optional spacing *\/\n}\n\n\n.cost-btn {\n    display: inline-block;\n    padding: 10px 22px;\n    border-radius: 4px;\n    font-size: 0.95rem;\n    font-weight: 600;\n    text-decoration: none;\n    border: none;\n    cursor: pointer;\n    transition: 0.2s ease;\n    \n}\n\n.cost-btn-primary {\n    background: #791614;\n    color: #fff;\n}\n\n.cost-btn-primary:hover {\n    background: #fff;\n}\n\n.cost-btn-secondary {\n    background: #791614;\n    color: #fff;\n}\n\n.cost-btn-secondary:hover {\n    background: #fff;\n}\n\n\/* Responsive *\/\n@media (max-width: 768px) {\n    .cost-section {\n        padding: 60px 24px 80px;\n    }\n    .cost-title {\n        font-size: 2.2rem;\n    }\n}\n\n\n\/* ===== CONTACT \/ QUESTIONS SECTION ===== *\/\n\n.questions-section {\n    background: #f1f1f1; \/* light background like your screenshot *\/\n    padding: 80px 60px;\n}\n\n.questions-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    gap: 60px;\n}\n\n.questions-image {\n    flex: 1;\n}\n\n.questions-image img {\n    width: 100%;\n    height: auto;\n    border-radius: 16px;\n    display: block;\n}\n\n.questions-content {\n    flex: 1;\n}\n\n.questions-title {\n    font-size: 2rem;\n    font-weight: 900;\n    margin-bottom: 20px;\n    text-transform: none;\n    color: #000;\n}\n\n.questions-btn {\n    display: inline-block;\n    background: #791614;\n    padding: 12px 26px;\n    border-radius: 6px;\n    color: #fff;\n    font-weight: 600;\n    text-decoration: none;\n    font-size: 1rem;\n    transition: 0.25s ease;\n    text-decoration: none !important;\n}\n\n.questions-btn:hover {\n    background: #fff;\n    box-shadow: 0 4px 12px rgba(0,0,0,0.25);\n}\n\n\/* Responsive *\/\n@media (max-width: 900px) {\n    .questions-inner {\n        flex-direction: column;\n        text-align: center;\n    }\n    .questions-content {\n        text-align: center;\n    }\n    .questions-title {\n        font-size: 1.2rem;\n        font-weight: 700;\n        margin-top: 0px;\n        margin-bottom: 0px;\n        text-transform: none;\n        color: #000;\n    }\n.questions-section {\n    background: #f1f1f1; \/* light background like your screenshot *\/\n    padding: 0px 0px;\n}\n\n.questions-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n    display: flex;\n    align-items: center;\n    gap: 0px;\n}\n}\n\n\n\n\/* ===== TESTIMONIALS SECTION ===== *\/\n\n.testimonials-section {\n    background: #000;\n    color: #fff;\n    padding: 50px 60px 60px; \/* reduced from 80 \/ 100 *\/\n}\n\n.testimonials-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.testimonials-title {\n    font-size: 3rem;\n    font-weight: 900;\n    text-transform: uppercase;\n    margin: 0 0 30px; \/* a bit tighter *\/\n}\n\n\/* Slider shell *\/\n.testimonials-slider {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n}\n\n\/* Arrows *\/\n.testimonial-nav {\n    background: transparent;\n    border: 1px solid #fff;\n    color: #fff;\n    width: 40px;\n    height: 40px;\n    border-radius: 999px;\n    cursor: pointer;\n    font-size: 1.4rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: 0.2s ease;\n}\n\n.testimonial-nav:hover {\n    background: #791614;\n    border-color: #791614;\n}\n\n\/* Slides container *\/\n.testimonial-slides {\n    flex: 1;\n    overflow: hidden;\n    position: relative;\n}\n\n\/* Individual slide *\/\n.testimonial-slide {\n    display: none;           \/* hidden by default *\/\n    align-items: center;\n    gap: 24px;               \/* reduced from 40px *\/\n}\n\n.testimonial-slide.active {\n    display: flex;           \/* only active slide is shown *\/\n}\n\n.testimonial-text {\n    flex: 1;\n    font-size: 0.95rem;\n    line-height: 1.6;\n}\n\n.testimonial-name {\n    font-size: 1.4rem;\n    font-weight: 700;\n    margin-bottom: 10px;\n}\n\n.testimonial-team {\n    font-size: 0.9rem;\n    color: #bbbbbb;\n    margin-bottom: 18px;\n}\n\n.testimonial-image {\n    flex: 1;\n}\n\n.testimonial-image img {\n    width: 100%;\n    height: auto;\n    border-radius: 16px;\n    display: block;\n}\n\n\/* ===== Responsive \u2013 improved mobile layout ===== *\/\n@media (max-width: 900px) {\n    \/* Arrows left & right of content instead of below *\/\n    .testimonials-slider {\n        display: grid;\n        grid-template-columns: 40px 1fr 40px; \/* [prev] [slide] [next] *\/\n        align-items: center;\n        gap: 10px;\n    }\n\n    .testimonial-nav {\n        width: 32px;\n        height: 32px;\n        font-size: 1.2rem;\n        margin: 0;\n    }\n\n    .testimonial-slide {\n        flex-direction: column;\n        gap: 16px;\n    }\n\n    .testimonial-image img {\n        max-width: 85%;\n        margin: 0 auto;\n    }\n\n    .testimonials-section {\n        padding: 40px 24px 50px;\n    }\n\n    .testimonials-title {\n        font-size: 2.2rem;\n        margin-bottom: 20px;\n    }\n.testimonial-text {\n    flex: 1;\n    font-size: 0.75rem;\n    line-height: 1;\n}\n}\n\n\/* ===== GALLERY SECTION ===== *\/\n\n.gallery-section {\n    background: #000;\n    color: #000;\n    padding: 80px 60px 100px;\n}\n\n.gallery-inner {\n    max-width: 1100px;\n    margin: 0 auto;\n}\n\n.gallery-title {\n    font-size: 3rem;\n    font-weight: 900;\n    text-transform: uppercase;\n    margin: 0 0 30px;\n    color: #fff;\n}\n\n\/* Slider shell *\/\n.gallery-slider {\n    display: flex;\n    align-items: center;\n    gap: 20px;\n}\n\n\/* Arrows *\/\n.gallery-nav {\n    background: transparent;\n    border: 1px solid #fff;\n    color: #fff;\n    width: 40px;\n    height: 40px;\n    border-radius: 999px;\n    cursor: pointer;\n    font-size: 1.4rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: 0.2s ease;\n}\n\n.gallery-nav:hover {\n    background: #791614;\n    border-color: #791614;\n    color: #fff;\n}\n\n\/* Slides container *\/\n.gallery-slides {\n    flex: 1;\n    overflow: hidden;\n    position: relative;\n}\n\n\/* Individual slide *\/\n.gallery-slide {\n    display: none;\n}\n\n.gallery-slide.active {\n    display: block;\n}\n\n\/* ===== RESPONSIVE IMAGE SIZING ===== *\/\n.gallery-slide img {\n    max-width: 70%;\n    max-height: 450px;  \n    margin: 0 auto;\n    height: auto;\n    object-fit: contain;\n    display: block;\n}\n\n\/* Large laptop \/ small desktop *\/\n@media (max-width: 1200px) {\n    .gallery-slide img {\n        max-width: 75%;\n        max-height: 420px;\n    }\n}\n\n\/* Tablet *\/\n@media (max-width: 992px) {\n    .gallery-slide img {\n        max-width: 80%;\n        max-height: 380px;\n    }\n}\n\n\/* Mobile *\/\n@media (max-width: 768px) {\n    .gallery-section {\n        padding: 60px 24px 80px;\n    }\n\n    .gallery-title {\n        font-size: 2rem;\n    }\n\n    .gallery-slider {\n        gap: 10px;\n    }\n\n    .gallery-nav {\n        width: 32px;\n        height: 32px;\n        font-size: 1.2rem;\n    }\n\n    .gallery-slide img {\n        max-width: 90%;\n        max-height: 320px;\n    }\n}\n\n\/* Small phones *\/\n@media (max-width: 480px) {\n    .gallery-slide img {\n        max-width: 95%;\n        max-height: 280px;\n    }\n}\n\n\/* ===== Dots \/ progress bar ===== *\/\n.gallery-dots-wrapper {\n    margin-top: 16px;\n    text-align: center;\n}\n\n.gallery-dots {\n    display: inline-flex;\n    gap: 8px;\n    align-items: center;\n    justify-content: center;\n}\n\n.gallery-dot {\n    width: 10px;\n    height: 10px;\n    border-radius: 999px;\n    background: #ccc;\n    cursor: pointer;\n    transition: 0.2s ease;\n}\n\n.gallery-dot.active {\n    width: 22px;\n    background: #791614;\n}\n\n\/* ===== KNOWN FROM SECTION ===== *\/\n\n.known-section {\n    background: #000;\n    color: #fff;\n    padding: 60px 60px 80px;\n}\n\n.known-inner {\n    max-width: 1200px;\n    margin: 0 auto;\n}\n\n.known-title {\n    font-size: 3rem;\n    font-weight: 900;\n    text-transform: uppercase;\n    margin: 0 0 30px;\n}\n\n.known-logos {\n    display: flex;\n    align-items: center;\n    justify-content: flex-start;\n    gap: 40px;\n    flex-wrap: wrap;\n}\n\n.known-logo {\n    max-width: 120px;   \/* tweak to match logo sizes *\/\n}\n\n\/* ===== Rounded Corners Added Here ===== *\/\n.known-logo img {\n    width: 100%;\n    height: auto;\n    display: block;\n    border-radius: 12px;   \/* adjust value for more or less rounding *\/\n}\n\n\/* ===== Responsive ===== *\/\n@media (max-width: 768px) {\n    .known-section {\n        padding: 50px 24px 60px;\n    }\n\n    .known-title {\n        font-size: 1.8rem;\n        text-align: left;\n    }\n\n    .known-logos {\n        gap: 24px;\n    }\n\n    .known-logo {\n        max-width: 90px;\n    }\n}\n\n\/* ===== CONTACT POPUP ===== *\/\n\n.contact-modal {\n    position: fixed;\n    inset: 0;\n    background: rgba(0,0,0,0.7);\n    display: none;              \/* hidden by default *\/\n    align-items: center;\n    justify-content: center;\n    z-index: 9999;\n}\n\n.contact-modal.open {\n    display: flex;\n}\n\n.contact-modal-overlay {\n    position: absolute;\n    inset: 0;\n}\n\n.contact-modal-content {\n    position: relative;\n    background: #000;\n    border-radius: 12px;\n    max-width: 900px;\n    width: 90%;\n    max-height: 90vh;\n    overflow: hidden;\n    box-shadow: 0 10px 30px rgba(0,0,0,0.5);\n    z-index: 1;\n    display: flex;\n    flex-direction: column;\n}\n\n.contact-modal-close {\n    position: absolute;\n    top: 8px;\n    right: 12px;\n    border: none;\n    background: transparent;\n    color: ##791614;\n    font-size: 2rem;\n    cursor: pointer;\n    z-index: 2;\n}\n\n.contact-modal-iframe {\n    border: none;\n    width: 100%;\n    height: 80vh;  \/* adjust if needed *\/\n}\n\n\/* Mobile tweaks *\/\n@media (max-width: 768px) {\n    .contact-modal-content {\n        width: 95%;\n        max-height: 85vh;\n    }\n\n    .contact-modal-iframe {\n        height: 75vh;\n    }\n}\n\n<\/style>\n\n\n\n<div class=\"landing-page\">\n<section class=\"hero-section\">\n    <div class=\"hero-content\">\n        <h1>WE HELP YOU<br>TO REACH YOUR<br>FULL POTENTIAL<\/h1>\n        <a href=\"#pricing\" class=\"hero-btn\">\n    Join the Team\n<\/a>\n    <\/div>\n<\/section>\n<\/div>\n\n\n\n<div class=\"landing-page\">\n<section id=\"about\" class=\"about-section\">\n    <div class=\"about-inner\">\n        <h2 class=\"about-title\">What is TLAP?<\/h2>\n\n        <p class=\"about-text\">\n            Welcome to TLAP Sports, your platform for professional sport-specific training! Our goal is to take athletes\n            to the next level\u2014with customized training programs, proven methods, and the expertise of top coaches and\n            players. If you want to take your performance or your entire team to the next level, you\u2019ll find everything\n            you need to <strong>T<\/strong>rain <strong>L<\/strong>ike <strong>A<\/strong> <strong>P<\/strong>ro here. Become part of the TLAP community and reach your full potential!\n        <\/p>\n\n        <div class=\"about-image\">\n            <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/tlap.jpg\";>\n        <\/div>\n    <\/div>\n<\/section>\n<\/div>\n\n\n\n<div class=\"landing-page\">\n<!-- STATIC HEADING -->\n<section class=\"who-title-wrapper\">\n    <h2 class=\"who-title\">Who Are We?<\/h2>\n<\/section>\n\n\n<!-- HORIZONTAL SLIDE SECTION -->\n<section id=\"who-we-are\" class=\"timeline-wrapper\">\n\n    <div class=\"timeline-sticky\">\n        <div id=\"timelineHorizontal\" class=\"timeline-horizontal\">\n\n            <!-- ONLY ONE PANEL: the wide timeline image -->\n            <div class=\"timeline-image-panel\">\n                <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/wp-content\/uploads\/sites\/3\/2025\/11\/Moritzs_road_to_NFL.png\"\n                     alt=\"Moritz's road to the NFL\">\n            <\/div>\n\n        <\/div>\n    <\/div>\n\n<\/section>\n\n<!-- BUTTON UNDER SLIDER -->\n<section class=\"team-button-section\">\n    <a href=\"https:\/\/tlap-sports.com\/en\/about-us\/\" target=\"_blank\" rel=\"noopener\" class=\"team-button\">\n        All Team Members\n    <\/a>\n<\/section>\n\n\n<script>\n\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n    const wrapper = document.querySelector(\".timeline-wrapper\");\n    const horizontal = document.getElementById(\"timelineHorizontal\");\n\n    if (!wrapper || !horizontal) return;\n\n    function updateHorizontal(scrollY) {\n        const sectionTop = wrapper.offsetTop;\n        const sectionHeight = wrapper.offsetHeight;\n        const viewportHeight = window.innerHeight;\n\n        const maxScrollY = sectionTop + sectionHeight - viewportHeight;\n        let progress = (scrollY - sectionTop) \/ (maxScrollY - sectionTop);\n        progress = Math.min(Math.max(progress, 0), 1);\n\n        const maxHorizontal = horizontal.scrollWidth - window.innerWidth;\n        horizontal.style.transform = `translateX(-${progress * maxHorizontal}px)`;\n    }\n\n    \/\/ ---------- DESKTOP: scroll ----------\n    document.addEventListener(\"scroll\", () => {\n        const scrollY = window.scrollY || window.pageYOffset;\n        updateHorizontal(scrollY);\n    });\n\n    \/\/ ---------- MOBILE: touch ----------\n    let touchStartY = 0;\n    let scrollStartY = 0;\n\n    wrapper.addEventListener(\"touchstart\", (e) => {\n        touchStartY = e.touches[0].clientY;\n        scrollStartY = window.scrollY || window.pageYOffset;\n    }, { passive: true });\n\n    wrapper.addEventListener(\"touchmove\", (e) => {\n        const touchY = e.touches[0].clientY;\n        const deltaY = touchStartY - touchY;\n        const scrollY = scrollStartY + deltaY; \/\/ simulate vertical scroll\n        updateHorizontal(scrollY);\n    }, { passive: true });\n\n    \/\/ ---------- resize ----------\n    window.addEventListener(\"resize\", () => {\n        updateHorizontal(window.scrollY || window.pageYOffset);\n    });\n});\n\n\n<\/script>\n <\/div>\n\n\n\n<div class=\"landing-page\">\n<section id=\"offer\" class=\"offer-section\">\n    <div class=\"offer-inner\">\n        <h2 class=\"offer-title\">What do we offer?<\/h2>\n\n        <div class=\"offer-grid\">\n\n            <!-- CARD 1 -->\n            <div class=\"offer-card\">\n                <div class=\"offer-card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/wp-content\/uploads\/sites\/3\/2025\/11\/Workout_plan_1.png\" alt=\"Workout Plans\">\n                <\/div>\n                <p class=\"offer-card-title\">Workout Plans<\/p>\n                <p class=\"offer-card-text\">\n                    Goal and position-specific professional training plans to improve your weaknesses with\n                    progress trackers and instructional videos.\n                <\/p>\n            <\/div>\n\n            <!-- CARD 2 -->\n            <div class=\"offer-card\">\n                <div class=\"offer-card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/wp-content\/uploads\/sites\/3\/2025\/11\/TLAP_Football_School_1.png\" alt=\"TLAP Football School\">\n                <\/div>\n                <p class=\"offer-card-title\">TLAP Football School<\/p>\n                <p class=\"offer-card-text\">\n                    Learn more about American Football from players and coaches that played at the highest level.\n                <\/p>\n            <\/div>\n\n            <!-- CARD 3 -->\n            <div class=\"offer-card\">\n                <div class=\"offer-card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/wp-content\/uploads\/sites\/3\/2025\/11\/Recovery_1.png\" alt=\"Recovery\">\n                <\/div>\n                <p class=\"offer-card-title\">Recovery<\/p>\n                <p class=\"offer-card-text\">\n                    Speed up your recovery after a hard workout or game and help prevent injuries.\n                <\/p>\n            <\/div>\n\n            <!-- CARD 4 -->\n            <div class=\"offer-card\">\n                <div class=\"offer-card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/wp-content\/uploads\/sites\/3\/2025\/11\/Playbook_1.png\" alt=\"Playbook\">\n                <\/div>\n                <p class=\"offer-card-title\">Playbook<\/p>\n                <p class=\"offer-card-text\">\n                    Play generator for creating plays and integrating the playbook on the platform.\n                <\/p>\n            <\/div>\n\n            <!-- CARD 5 -->\n            <div class=\"offer-card\">\n                <div class=\"offer-card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/wp-content\/uploads\/sites\/3\/2025\/11\/Dashboard_1.png\" alt=\"Dashboard\">\n                <\/div>\n                <p class=\"offer-card-title\">Dashboard<\/p>\n                <p class=\"offer-card-text\">\n                    Everything at a glance \u2013 calendar for planning events with participation tracking, entering game\n                    results and player statistics.\n                <\/p>\n            <\/div>\n\n            <!-- CARD 6 -->\n            <div class=\"offer-card\">\n                <div class=\"offer-card-image\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/wp-content\/uploads\/sites\/3\/2025\/11\/Video_analysis_1.png\" alt=\"Video Analysis\">\n                <\/div>\n                <p class=\"offer-card-title\">Video Analysis<\/p>\n                <p class=\"offer-card-text\">\n                    Video analysis to analyze your practices and games like the pros.\n                <\/p>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n<\/div>\n\n\n\n<div class=\"landing-page\">\n\n    <!-- PRICING SECTION -->\n    <section id=\"pricing\" class=\"cost-section\">\n        <div class=\"cost-inner\">\n            <h2 class=\"cost-title\">How much does it cost?<\/h2>\n\n            <div class=\"cost-grid\">\n\n                <!-- CARD 1 \u2013 Individual Player -->\n                <div class=\"cost-card\">\n                    <div class=\"cost-card-top\">\n                        <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/Individual_Player.png\" alt=\"Individual Player\">\n                    <\/div>\n\n                    <div class=\"cost-card-body\">\n                        <h3 class=\"cost-card-title title-black\">Individual Player<\/h3>\n                        <p class=\"cost-card-sub\">\n                            9,99\u20ac\/month with 3 day FREE trial or 99\u20ac\/year<br>\n                            <span class=\"cost-card-strong\">Ideal to improve your performance<\/span>\n                        <\/p>\n\n                        <p class=\"cost-card-sub cost-card-strong\">Included:<\/p>\n                        <ul class=\"cost-features\">\n                            <li>All workout plans with tracker and analysis<\/li>\n                            <li>300+ teaching videos<\/li>\n                            <li>Football drills for each position<\/li>\n                            <li>American football knowledge<\/li>\n                            <li>Recovery tools<\/li>\n                            <li>Team TLAP \u2013 compete with other athletes<\/li>\n                        <\/ul>\n\n                        <div class=\"cost-card-footer\">\n                            <!-- This still goes to the product page directly -->\n                            <a href=\"https:\/\/tlap-sports.com\/en\/shop\/\"\n                               class=\"cost-btn cost-btn-primary\">\n                                View Product\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- CARD 2 \u2013 American Football Team -->\n                <div class=\"cost-card\">\n                    <div class=\"cost-card-top\">\n                        <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/American_Football_Team2.png\" alt=\"American Football Team\">\n                    <\/div>\n\n                    <div class=\"cost-card-body\">\n                        <h3 class=\"cost-card-title title-black\">American Football Team<\/h3>\n                        <p class=\"cost-card-sub\">\n                            individual pricing<br>\n                            <span class=\"cost-card-strong\">Ideal to improve team performance<\/span>\n                        <\/p>\n\n                        <p class=\"cost-card-sub cost-card-strong\">Included:<\/p>\n                        <ul class=\"cost-features\">\n                            <li>Individual TeamZone with playbook, quiz, drills and more<\/li>\n                            <li>Access to the same content as Individual Players<\/li>\n                            <li>Video tool (similar to Hudl \/ QwikCut)<\/li>\n                            <li>Performance analysis tools for coaches<\/li>\n                            <li>Playbook tools and support for coaches<\/li>\n                            <li>Team dashboard to manage team events<\/li>\n                        <\/ul>\n\n                        <div class=\"cost-card-footer\">\n                            <!-- This opens popup with TEAM-specific contact form -->\n                            <a href=\"#\"\n                               class=\"cost-btn cost-btn-secondary open-contact-modal\"\n                               data-contact-url=\"https:\/\/tlap-sports.com\/en\/team-pricing-info-form\/\">\n                                Contact us for more info\n                            <\/a>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/section>\n\n\n\n    <!-- QUESTIONS SECTION -->\n    <section class=\"questions-section\">\n        <div class=\"questions-inner\">\n\n            <!-- LEFT IMAGE -->\n            <div class=\"questions-image\">\n                <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/SvenjaSabatini_YouthcampJakobXSurge-678.png\" alt=\"Team Photo\">\n            <\/div>\n\n            <!-- RIGHT TEXT + BUTTON -->\n            <div class=\"questions-content\">\n                <h2 class=\"questions-title title-black\">Do you have any questions?<\/h2>\n\n                <!-- Button opens popup with GENERAL contact form -->\n                <a href=\"#\"\n                   class=\"questions-btn open-contact-modal\"\n                   data-contact-url=\"https:\/\/tlap-sports.com\/en\/contact-us\/\">\n                    Contact us\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n<!-- CONTACT POPUP MODAL (shared by all contact buttons) -->\n<div id=\"contactModal\" class=\"contact-modal\">\n    <div class=\"contact-modal-overlay\"><\/div>\n\n    <div class=\"contact-modal-content\">\n        <button class=\"contact-modal-close\" aria-label=\"Close contact form\">&times;<\/button>\n\n        <!-- iframe src will be set dynamically from data-contact-url -->\n        <iframe\n            src=\"\"\n            class=\"contact-modal-iframe\"\n            loading=\"lazy\">\n        <\/iframe>\n    <\/div>\n<\/div>\n<\/div>\n<script>\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    const modal = document.getElementById('contactModal');\n    if (!modal) return;\n\n    const openButtons = document.querySelectorAll('.open-contact-modal');\n    const closeButton = modal.querySelector('.contact-modal-close');\n    const overlay = modal.querySelector('.contact-modal-overlay');\n    const iframe = modal.querySelector('.contact-modal-iframe');\n\n    function openModal(event) {\n        event.preventDefault();\n\n        const btn = event.currentTarget;\n        const url = btn.getAttribute('data-contact-url');\n\n        if (url) {\n            iframe.src = url;    \/\/ load the right page\/form into the popup\n        }\n\n        modal.classList.add('open');\n        document.body.style.overflow = 'hidden';\n    }\n\n    function closeModal() {\n        modal.classList.remove('open');\n        document.body.style.overflow = '';\n        \/\/ Optional: clear iframe when closing:\n        \/\/ iframe.src = \"\";\n    }\n\n    openButtons.forEach(btn => {\n        btn.addEventListener('click', openModal);\n    });\n\n    closeButton.addEventListener('click', closeModal);\n    overlay.addEventListener('click', closeModal);\n\n    document.addEventListener('keydown', function(e) {\n        if (e.key === 'Escape' && modal.classList.contains('open')) {\n            closeModal();\n        }\n    });\n});\n<\/script>\n\n\n\n<div class=\"landing-page\">\n<section id=\"testimonials\" class=\"testimonials-section\">\n    <div class=\"testimonials-inner\">\n        <h2 class=\"testimonials-title\">Testimonials<\/h2>\n\n        <div class=\"testimonials-slider\">\n            <!-- Previous arrow -->\n            <button class=\"testimonial-nav\" id=\"testimonialPrev\" aria-label=\"Previous testimonial\">\n                \u2039\n            <\/button>\n\n            <div class=\"testimonial-slides\">\n\n<!-- SLIDE 1 (BALINGEN) -->\n                <div class=\"testimonial-slide active\">\n                    <div class=\"testimonial-text\">\n                        <h3 class=\"testimonial-name\">Balingen Bucks<\/h3>\n                        <div class=\"testimonial-team\">German Football Team<\/div>\n                        <p>\n                           What impressed me right away was the clear structure and organization. Everything is logically arranged and easy to find \u2014 just like a perfectly structured playbook. \n<\/p>\n <p>\nThe workout drills, and videos are diverse, well-explained, and instantly useful. \nThe playbook section is especially strong, you can create your own playbook with postion specific explaintions. \n<\/p>\n <p>\nOverall, it\u2019s one of the best-organized training tools I\u2019ve ever used.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"testimonial-image\">\n                        <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/Bucks Logo Final.png\" alt=\"Balingen testimonial\">\n                    <\/div>\n                <\/div>\n\n<!-- SLIDE 2 (LUCA)-->\n                <div class=\"testimonial-slide\">\n                    <div class=\"testimonial-text\">\n                        <h3 class=\"testimonial-name\">Luca<\/h3>\n                        <div class=\"testimonial-team\">Cornerback<\/div>\n                        <p>\n                            I have been using the program for 6 months as a football player. Due to the increase in\n                            weight and strength, I have been able to improve my performance on the football field.\n                        <\/p>\n                        <p>\n                            Stability, speed and bounce are important skills that I was able to improve with the help\n                            of the program and the position-specific skills made me a better Cornerback.\n                        <\/p>\n                        <p>\n                            The recovery function and football knowledge support me as a player outside of training.\n                            All in all, I have only had positive experiences and would recommend the program to any\n                            player who wants to improve their level of play.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"testimonial-image\">\n                        <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/Luca_Football.jpeg\" alt=\"Luca testimonial\">\n                    <\/div>\n                <\/div>\n\n\n<!-- SLIDE 3 (Luca Basketball) -->\n                <div class=\"testimonial-slide\">\n                    <div class=\"testimonial-text\">\n                        <h3 class=\"testimonial-name\">Luca<\/h3>\n                        <div class=\"testimonial-team\">Basketball<\/div>\n                        <p>\n                            Since I\u2019ve been training with TLAP, I\u2019ve increased by about 7 kg (15.4 lbs) in each exercise. The most significant increases were in squats (+15 kg) and deadlifts (+20 kg). \n<\/p>\n <p>\nThe service is top. If I have a question, I get a quick answer.\nMy experience with TLAP has been nothing but positive. TLAP brings you to the next level.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"testimonial-image\">\n                        <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/Luca_Basketball.png\" alt=\"Luca B testimonial\">\n                    <\/div>\n                <\/div>\n                \n<!-- SLIDE 4 (Manu) -->\n                <div class=\"testimonial-slide\">\n                    <div class=\"testimonial-text\">\n                        <h3 class=\"testimonial-name\">Manu<\/h3>\n                        <div class=\"testimonial-team\">Basketball<\/div>\n                        <p>\n                            I played basketball actively in a club and the physical condition and bounce are enormously important in this sport.\n<\/p>\n<p>\nThe presentation of the training plan is accessible from any location and device.\u2028The exercises are explained in short videos. Questions are answered very quickly in a WhatsApp group with all the other athletes.\n<\/p>\n<p>\nI can recommend it to anyone who wants to get the best out of themselves.\n                        <\/p>\n                    <\/div>\n\n                    <div class=\"testimonial-image\">\n                        <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/Manu.png\" alt=\"Manu testimonial\">\n                    <\/div>\n                <\/div>\n\n<!-- Add more .testimonial-slide blocks here if needed -->\n\n            <\/div>\n\n            <!-- Next arrow -->\n            <button class=\"testimonial-nav\" id=\"testimonialNext\" aria-label=\"Next testimonial\">\n                \u203a\n            <\/button>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n(function() {\n    const slides = document.querySelectorAll('.testimonial-slide');\n    const prevBtn = document.getElementById('testimonialPrev');\n    const nextBtn = document.getElementById('testimonialNext');\n\n    if (!slides.length || !prevBtn || !nextBtn) return;\n\n    let current = 0;\n\n    function showSlide(index) {\n        slides[current].classList.remove('active');\n        current = (index + slides.length) % slides.length; \/\/ wrap around\n        slides[current].classList.add('active');\n    }\n\n    prevBtn.addEventListener('click', function() {\n        showSlide(current - 1);\n    });\n\n    nextBtn.addEventListener('click', function() {\n        showSlide(current + 1);\n    });\n})();\n<\/script>\n <\/div>\n\n\n\n<div class=\"landing-page\">\n<section id=\"gallery\" class=\"gallery-section\">\n    <div class=\"gallery-inner\">\n        <h2 class=\"gallery-title\">Gallery<\/h2>\n\n        <div class=\"gallery-slider\">\n            <!-- Previous arrow -->\n            <button class=\"gallery-nav\" id=\"galleryPrev\" aria-label=\"Previous image\">\u2039<\/button>\n\n            <!-- Slides -->\n            <div class=\"gallery-slides\">\n\n<!-- SLIDE 1 -->\n                <div class=\"gallery-slide active\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/Moritz_Draft.png\" alt=\"Gallery image 1\">\n                <\/div>\n\n<!-- SLIDE 2 -->\n                <div class=\"gallery-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/Moritz_Draft2.png\" alt=\"Gallery image 2\">\n                <\/div>\n\n<!-- SLIDE 3 -->\n                <div class=\"gallery-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/Moritz_Hall.png\" alt=\"Gallery image 3\">\n                <\/div>\n\n<!-- SLIDE 4 -->\n                <div class=\"gallery-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/Moritz_bengals1.png\" alt=\"Gallery image 4\">\n                <\/div>\n<!-- SLIDE 5 -->\n                <div class=\"gallery-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/Moritz_jump.png\" alt=\"Gallery image 5\">\n                <\/div>\n<!-- SLIDE 6 -->\n                <div class=\"gallery-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/Moritz_vikings_camp.png\" alt=\"Gallery image 6\">\n                <\/div>\n<!-- SLIDE 7 -->\n                <div class=\"gallery-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/Moritz_combine.png\" alt=\"Gallery image 7\">\n                <\/div>\n<!-- SLIDE 8 -->\n                <div class=\"gallery-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/Paul_Icke_Mona.png\" alt=\"Gallery image 8\">\n                <\/div>\n<!-- SLIDE 9 -->\n                <div class=\"gallery-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/Bada.jpg\" alt=\"Gallery image 9\">\n                <\/div>\n<!-- SLIDE 10 -->\n                <div class=\"gallery-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/Bada_Paul.jpg\" alt=\"Gallery image 10\">\n                <\/div>\n<!-- SLIDE 11 -->\n                <div class=\"gallery-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/Cody.jpg\" alt=\"Gallery image 11\">\n                <\/div>\n<!-- SLIDE 12 -->\n                <div class=\"gallery-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/Esala.jpg\" alt=\"Gallery image 12\">\n                <\/div>\n<!-- SLIDE 13 -->\n                <div class=\"gallery-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/Jockl.jpg\" alt=\"Gallery image 13\">\n                <\/div>\n<!-- SLIDE 14 -->\n                <div class=\"gallery-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/Kress.jpg\" alt=\"Gallery image 14\">\n                <\/div>\n<!-- SLIDE 15 -->\n                <div class=\"gallery-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/Reilley.JPG\" alt=\"Gallery image 15\">\n                <\/div>\n<!-- SLIDE 16 -->\n                <div class=\"gallery-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/Vagani.jpg\" alt=\"Gallery image 16\">\n                <\/div>\n<!-- SLIDE 17 -->\n                <div class=\"gallery-slide\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/Paul_Reilley.png\" alt=\"Gallery image 17\">\n                <\/div>\n\n               \n <!-- Add more .gallery-slide blocks as needed -->\n\n            <\/div>\n\n            <!-- Next arrow -->\n            <button class=\"gallery-nav\" id=\"galleryNext\" aria-label=\"Next image\">\u203a<\/button>\n        <\/div>\n\n        <!-- Dots \/ progress bar -->\n        <div class=\"gallery-dots-wrapper\">\n            <div class=\"gallery-dots\" id=\"galleryDots\"><\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n\n<script>\n(function() {\n    const slides = document.querySelectorAll('.gallery-slide');\n    const prevBtn = document.getElementById('galleryPrev');\n    const nextBtn = document.getElementById('galleryNext');\n    const dotsContainer = document.getElementById('galleryDots');\n\n    if (!slides.length || !prevBtn || !nextBtn || !dotsContainer) return;\n\n    let current = 0;\n\n    \/\/ Create dots based on number of slides\n    slides.forEach((_, index) => {\n        const dot = document.createElement('div');\n        dot.classList.add('gallery-dot');\n        if (index === 0) dot.classList.add('active');\n        dot.dataset.index = index;\n        dotsContainer.appendChild(dot);\n    });\n\n    const dots = dotsContainer.querySelectorAll('.gallery-dot');\n\n    function showSlide(index) {\n        slides[current].classList.remove('active');\n        dots[current].classList.remove('active');\n\n        current = (index + slides.length) % slides.length; \/\/ wrap around\n\n        slides[current].classList.add('active');\n        dots[current].classList.add('active');\n    }\n\n    prevBtn.addEventListener('click', function() {\n        showSlide(current - 1);\n    });\n\n    nextBtn.addEventListener('click', function() {\n        showSlide(current + 1);\n    });\n\n    \/\/ Click on dots to jump\n    dots.forEach(dot => {\n        dot.addEventListener('click', function() {\n            const index = parseInt(this.dataset.index, 10);\n            showSlide(index);\n        });\n    });\n})();\n<\/script>\n <\/div>\n\n\n\n<div class=\"landing-page\">\n<section class=\"known-section\">\n    <div class=\"known-inner\">\n        <h2 class=\"known-title\">TLAP is known from<\/h2>\n\n        <div class=\"known-logos\">\n\n            <!-- LOGO 1 -->\n            <div class=\"known-logo\">\n                \n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2022\/12\/ran.jpeg\" alt=\"Logo 1\">\n               \n            <\/div>\n\n            <!-- LOGO 2 -->\n            <div class=\"known-logo\">\n                <a href=\"https:\/\/www.football-aktuell.de\/cgi-bin\/news.pl?artikel=16698980385023\" target=\"_blank\" rel=\"noopener\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2022\/12\/FA.jpeg\" alt=\"Logo 2\">\n                <\/a>\n            <\/div>\n\n            <!-- LOGO 3 -->\n            <div class=\"known-logo\">\n              \n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2022\/12\/Schwabische-Logo.jpeg\" alt=\"Logo 3\">\n               \n            <\/div>\n\n            <!-- LOGO 4 -->\n            <div class=\"known-logo\">\n                \n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2022\/12\/TD24-Logo.png\" alt=\"Logo 4\">\n              \n            <\/div>\n\n            <!-- LOGO 5 -->\n            <div class=\"known-logo\">\n                <a href=\"https:\/\/www.gmuender-tagespost.de\/sport\/regionalsport\/ex-nfl-profi-moritz-boehringer-bei-den-aalen-legions-91993495.html\" target=\"_blank\" rel=\"noopener\">\n                    <img decoding=\"async\" src=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2022\/12\/schwapo-gmunder-tagespost.png\" alt=\"Logo 5\">\n                <\/a>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n <\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>WE HELP YOUTO REACH YOURFULL POTENTIAL Join the Team What is TLAP? Welcome to TLAP Sports, your platform for professional sport-specific training! Our goal is to take athletes to the next level\u2014with customized training programs, proven methods, and the expertise of top coaches and players. If you want to take your performance or your entire &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/tlap-sports.com\/en\/overview\/\"> <span class=\"screen-reader-text\">Landing Page<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"prwc_products":"","prwc_not_all_products_required":false,"prwc_not_bought_page":"","prwc_redirect_not_bought":false,"prwc_not_logged_in_page":"","prwc_redirect_not_logged_in":false,"prwc_timeout_days":0,"prwc_timeout_hours":0,"prwc_timeout_minutes":0,"prwc_timeout_seconds":0,"prwc_timeout_views":0,"pmpro_default_level":"","site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-9876","page","type-page","status-publish","hentry","pmpro-has-access"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>TLAP Sports - American Football<\/title>\n<meta name=\"description\" content=\"Train Like A Pro - we provide training tools and knowledge from professional NFL players and coaches to help you reach the next level.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/tlap-sports.com\/en\/overview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"TLAP Sports - American Football\" \/>\n<meta property=\"og:description\" content=\"Train Like A Pro - we provide training tools and knowledge from professional NFL players and coaches to help you reach the next level.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/tlap-sports.com\/en\/overview\/\" \/>\n<meta property=\"og:site_name\" content=\"TLAP Sports english\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-05T16:45:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/tlap.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/tlap-sports.com\/en\/overview\/\",\"url\":\"https:\/\/tlap-sports.com\/en\/overview\/\",\"name\":\"TLAP Sports - American Football\",\"isPartOf\":{\"@id\":\"https:\/\/tlap-sports.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/tlap-sports.com\/en\/overview\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/tlap-sports.com\/en\/overview\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/tlap.jpg\",\"datePublished\":\"2025-11-23T14:21:36+00:00\",\"dateModified\":\"2025-12-05T16:45:23+00:00\",\"description\":\"Train Like A Pro - we provide training tools and knowledge from professional NFL players and coaches to help you reach the next level.\",\"breadcrumb\":{\"@id\":\"https:\/\/tlap-sports.com\/en\/overview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/tlap-sports.com\/en\/overview\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tlap-sports.com\/en\/overview\/#primaryimage\",\"url\":\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/tlap.jpg\",\"contentUrl\":\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/tlap.jpg\",\"width\":1281,\"height\":721},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/tlap-sports.com\/en\/overview\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/tlap-sports.com\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Landing Page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/tlap-sports.com\/en\/#website\",\"url\":\"https:\/\/tlap-sports.com\/en\/\",\"name\":\"TLAP Sports english\",\"description\":\"Train like a pro no matter what background and resources you have\",\"publisher\":{\"@id\":\"https:\/\/tlap-sports.com\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/tlap-sports.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/tlap-sports.com\/en\/#organization\",\"name\":\"TLAP Sports english\",\"url\":\"https:\/\/tlap-sports.com\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/tlap-sports.com\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/09\/cropped-logo-tlap-sports-white-red.png\",\"contentUrl\":\"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/09\/cropped-logo-tlap-sports-white-red.png\",\"width\":\"1331\",\"height\":\"1420\",\"caption\":\"TLAP Sports english\"},\"image\":{\"@id\":\"https:\/\/tlap-sports.com\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"TLAP Sports - American Football","description":"Train Like A Pro - we provide training tools and knowledge from professional NFL players and coaches to help you reach the next level.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/tlap-sports.com\/en\/overview\/","og_locale":"en_US","og_type":"article","og_title":"TLAP Sports - American Football","og_description":"Train Like A Pro - we provide training tools and knowledge from professional NFL players and coaches to help you reach the next level.","og_url":"https:\/\/tlap-sports.com\/en\/overview\/","og_site_name":"TLAP Sports english","article_modified_time":"2025-12-05T16:45:23+00:00","og_image":[{"url":"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/tlap.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/tlap-sports.com\/en\/overview\/","url":"https:\/\/tlap-sports.com\/en\/overview\/","name":"TLAP Sports - American Football","isPartOf":{"@id":"https:\/\/tlap-sports.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/tlap-sports.com\/en\/overview\/#primaryimage"},"image":{"@id":"https:\/\/tlap-sports.com\/en\/overview\/#primaryimage"},"thumbnailUrl":"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/tlap.jpg","datePublished":"2025-11-23T14:21:36+00:00","dateModified":"2025-12-05T16:45:23+00:00","description":"Train Like A Pro - we provide training tools and knowledge from professional NFL players and coaches to help you reach the next level.","breadcrumb":{"@id":"https:\/\/tlap-sports.com\/en\/overview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/tlap-sports.com\/en\/overview\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tlap-sports.com\/en\/overview\/#primaryimage","url":"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/tlap.jpg","contentUrl":"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/11\/tlap.jpg","width":1281,"height":721},{"@type":"BreadcrumbList","@id":"https:\/\/tlap-sports.com\/en\/overview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/tlap-sports.com\/en\/"},{"@type":"ListItem","position":2,"name":"Landing Page"}]},{"@type":"WebSite","@id":"https:\/\/tlap-sports.com\/en\/#website","url":"https:\/\/tlap-sports.com\/en\/","name":"TLAP Sports english","description":"Train like a pro no matter what background and resources you have","publisher":{"@id":"https:\/\/tlap-sports.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/tlap-sports.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/tlap-sports.com\/en\/#organization","name":"TLAP Sports english","url":"https:\/\/tlap-sports.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/tlap-sports.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/09\/cropped-logo-tlap-sports-white-red.png","contentUrl":"https:\/\/tlap-sports.com\/en\/wp-content\/uploads\/sites\/3\/2025\/09\/cropped-logo-tlap-sports-white-red.png","width":"1331","height":"1420","caption":"TLAP Sports english"},"image":{"@id":"https:\/\/tlap-sports.com\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/tlap-sports.com\/en\/wp-json\/wp\/v2\/pages\/9876","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tlap-sports.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tlap-sports.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tlap-sports.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tlap-sports.com\/en\/wp-json\/wp\/v2\/comments?post=9876"}],"version-history":[{"count":52,"href":"https:\/\/tlap-sports.com\/en\/wp-json\/wp\/v2\/pages\/9876\/revisions"}],"predecessor-version":[{"id":9960,"href":"https:\/\/tlap-sports.com\/en\/wp-json\/wp\/v2\/pages\/9876\/revisions\/9960"}],"wp:attachment":[{"href":"https:\/\/tlap-sports.com\/en\/wp-json\/wp\/v2\/media?parent=9876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}