{"id":2996,"date":"2026-09-18T23:26:55","date_gmt":"2026-09-18T23:26:55","guid":{"rendered":"https:\/\/smlautosales.com\/staging\/4451\/?page_id=2996"},"modified":"2026-09-25T16:11:37","modified_gmt":"2026-09-25T16:11:37","slug":"customer-stories","status":"publish","type":"page","link":"https:\/\/smlautosales.com\/staging\/4451\/customer-stories\/","title":{"rendered":"CUSTOMER STORIES"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2996\" class=\"elementor elementor-2996\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a982886 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a982886\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-debb89a\" data-id=\"debb89a\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-134a8f1 elementor-widget elementor-widget-html\" data-id=\"134a8f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n\r\n\/* ==================================================\r\n   CUSTOMER STORIES PAGE\r\n   SAFE ELEMENTOR WRAPPER CLEANUP\r\n   ONLY AFFECTS THIS PAGE\/WIDGET\r\n================================================== *\/\r\n\r\n.elementor-widget-html:has(#sml-stories-page),\r\n.elementor-widget-html:has(#sml-stories-page)\r\n.elementor-widget-container {\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    width:100% !important;\r\n    max-width:none !important;\r\n}\r\n\r\n\r\n.elementor-section:has(#sml-stories-page),\r\n.elementor-top-section:has(#sml-stories-page),\r\n.e-con:has(#sml-stories-page) {\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    width:100% !important;\r\n    max-width:none !important;\r\n}\r\n\r\n\r\nbody:has(#sml-stories-page) {\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    background:#05080d !important;\r\n\r\n    overflow-x:hidden;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   MAIN PAGE\r\n================================================== *\/\r\n\r\n#sml-stories-page,\r\n#sml-stories-page * {\r\n    box-sizing:border-box;\r\n}\r\n\r\n\r\n#sml-stories-page {\r\n    width:100%;\r\n\r\n    min-height:100vh;\r\n\r\n    margin:0 !important;\r\n    padding:0 !important;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at top,\r\n            rgba(24,39,54,.85) 0%,\r\n            #081019 32%,\r\n            #05080d 72%\r\n        );\r\n\r\n    color:#ffffff;\r\n\r\n    font-family:\r\n        Arial,\r\n        Helvetica,\r\n        sans-serif;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TOP NAVIGATION\r\n================================================== *\/\r\n\r\n.smlstories-topbar {\r\n\r\n    width:100%;\r\n\r\n    margin:0;\r\n\r\n    padding:10px 20px;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1fr\r\n        auto\r\n        1fr;\r\n\r\n    align-items:center;\r\n\r\n    gap:14px;\r\n\r\n    background:\r\n        rgba(3,7,11,.97);\r\n\r\n    border-bottom:\r\n        1px solid rgba(229,228,226,.16);\r\n\r\n    position:sticky;\r\n\r\n    top:0;\r\n\r\n    z-index:500;\r\n}\r\n\r\n\r\n.smlstories-top-left {\r\n    display:flex;\r\n    justify-content:flex-start;\r\n}\r\n\r\n\r\n.smlstories-top-center {\r\n\r\n    color:#ffffff;\r\n\r\n    font-size:14px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:1px;\r\n\r\n    text-align:center;\r\n\r\n    white-space:nowrap;\r\n}\r\n\r\n\r\n.smlstories-top-right {\r\n    display:flex;\r\n    justify-content:flex-end;\r\n}\r\n\r\n\r\n.smlstories-navbtn {\r\n\r\n    min-height:38px;\r\n\r\n    padding:\r\n        9px\r\n        15px;\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    text-decoration:none;\r\n\r\n    color:#f4c34c;\r\n\r\n    background:\r\n        rgba(10,17,26,.88);\r\n\r\n    border:\r\n        1px solid rgba(244,195,76,.72);\r\n\r\n    border-radius:5px;\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:.4px;\r\n\r\n    transition:\r\n        transform .2s ease,\r\n        background .2s ease,\r\n        color .2s ease;\r\n}\r\n\r\n\r\n.smlstories-navbtn:hover {\r\n\r\n    transform:\r\n        translateY(-1px);\r\n\r\n    background:#f4c34c;\r\n\r\n    color:#080808;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   HERO \/ HEADING\r\n================================================== *\/\r\n\r\n.smlstories-hero {\r\n\r\n    width:100%;\r\n\r\n    max-width:1180px;\r\n\r\n    margin:0 auto;\r\n\r\n    padding:\r\n        27px\r\n        24px\r\n        17px;\r\n\r\n    text-align:center;\r\n}\r\n\r\n\r\n.smlstories-title {\r\n\r\n    max-width:1080px;\r\n\r\n    margin:\r\n        0\r\n        auto\r\n        9px;\r\n\r\n    color:#ffffff;\r\n\r\n    font-size:\r\n        clamp(29px,3.4vw,46px);\r\n\r\n    font-weight:900;\r\n\r\n    line-height:1.04;\r\n\r\n    letter-spacing:-.65px;\r\n}\r\n\r\n\r\n.smlstories-title-gold {\r\n    color:#f3bf3d;\r\n}\r\n\r\n\r\n.smlstories-title-blue {\r\n\r\n    color:#9de6ff;\r\n\r\n    text-shadow:\r\n        0 0 8px rgba(157,230,255,.20);\r\n}\r\n\r\n\r\n.smlstories-subtitle {\r\n\r\n    margin:0;\r\n\r\n    color:#e5e4e2;\r\n\r\n    font-size:\r\n        clamp(15px,1.4vw,19px);\r\n\r\n    font-weight:800;\r\n\r\n    letter-spacing:1.2px;\r\n}\r\n\r\n\r\n.smlstories-divider {\r\n\r\n    width:135px;\r\n\r\n    height:2px;\r\n\r\n    margin:\r\n        14px\r\n        auto\r\n        0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            #d9b04a,\r\n            #d9eef5,\r\n            #d9b04a,\r\n            transparent\r\n        );\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   VIDEO GRID\r\n================================================== *\/\r\n\r\n.smlstories-grid-wrap {\r\n\r\n    width:100%;\r\n\r\n    max-width:1200px;\r\n\r\n    margin:0 auto;\r\n\r\n    padding:\r\n        10px\r\n        20px\r\n        52px;\r\n}\r\n\r\n\r\n.smlstories-grid {\r\n\r\n    width:100%;\r\n\r\n    margin:0 auto;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(3,1fr);\r\n\r\n    gap:18px;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   VIDEO CARD\r\n================================================== *\/\r\n\r\n.smlstory-card {\r\n\r\n    position:relative;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#0b1118;\r\n\r\n    border:\r\n        1px solid rgba(229,228,226,.18);\r\n\r\n    border-radius:8px;\r\n\r\n    box-shadow:\r\n        0 12px 26px rgba(0,0,0,.38);\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        transform .22s ease,\r\n        border-color .22s ease,\r\n        box-shadow .22s ease;\r\n}\r\n\r\n\r\n.smlstory-card:hover {\r\n\r\n    transform:\r\n        translateY(-4px);\r\n\r\n    border-color:\r\n        rgba(243,191,61,.75);\r\n\r\n    box-shadow:\r\n        0 18px 34px rgba(0,0,0,.48),\r\n        0 0 14px rgba(243,191,61,.06);\r\n}\r\n\r\n\r\n.smlstory-thumb {\r\n\r\n    position:relative;\r\n\r\n    aspect-ratio:16 \/ 9;\r\n\r\n    overflow:hidden;\r\n\r\n    background:#000;\r\n}\r\n\r\n\r\n.smlstory-thumb img {\r\n\r\n    display:block;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    object-fit:cover;\r\n\r\n    transition:\r\n        transform .28s ease,\r\n        filter .28s ease;\r\n}\r\n\r\n\r\n.smlstory-card:hover\r\n.smlstory-thumb img {\r\n\r\n    transform:\r\n        scale(1.035);\r\n\r\n    filter:\r\n        brightness(.78);\r\n}\r\n\r\n\r\n.smlstory-thumb::after {\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(0,0,0,.03),\r\n            rgba(0,0,0,.28)\r\n        );\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   PLAY BUTTON\r\n================================================== *\/\r\n\r\n.smlstory-play {\r\n\r\n    position:absolute;\r\n\r\n    left:50%;\r\n    top:50%;\r\n\r\n    transform:\r\n        translate(-50%,-50%);\r\n\r\n    width:62px;\r\n    height:62px;\r\n\r\n    border-radius:50%;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    background:\r\n        rgba(0,0,0,.76);\r\n\r\n    border:\r\n        2px solid rgba(255,255,255,.92);\r\n\r\n    z-index:3;\r\n\r\n    box-shadow:\r\n        0 8px 22px rgba(0,0,0,.45);\r\n\r\n    transition:\r\n        transform .22s ease,\r\n        background .22s ease,\r\n        border-color .22s ease;\r\n}\r\n\r\n\r\n.smlstory-card:hover\r\n.smlstory-play {\r\n\r\n    transform:\r\n        translate(-50%,-50%)\r\n        scale(1.08);\r\n\r\n    background:\r\n        rgba(202,148,22,.92);\r\n\r\n    border-color:#ffe078;\r\n}\r\n\r\n\r\n.smlstory-play::before {\r\n\r\n    content:\"\";\r\n\r\n    margin-left:5px;\r\n\r\n    width:0;\r\n    height:0;\r\n\r\n    border-top:\r\n        10px solid transparent;\r\n\r\n    border-bottom:\r\n        10px solid transparent;\r\n\r\n    border-left:\r\n        17px solid #ffffff;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   CARD LABEL\r\n================================================== *\/\r\n\r\n.smlstory-label {\r\n\r\n    padding:\r\n        11px\r\n        12px\r\n        12px;\r\n\r\n    text-align:center;\r\n\r\n    color:#ffffff;\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:.6px;\r\n}\r\n\r\n\r\n.smlstory-label span {\r\n    color:#f3bf3d;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   BOTTOM SECTION\r\n================================================== *\/\r\n\r\n.smlstories-bottom {\r\n\r\n    padding:\r\n        0\r\n        20px\r\n        65px;\r\n\r\n    text-align:center;\r\n}\r\n\r\n\r\n.smlstories-bottom-text {\r\n\r\n    margin:\r\n        0\r\n        auto\r\n        22px;\r\n\r\n    color:#dce2e6;\r\n\r\n    font-size:\r\n        clamp(19px,2vw,26px);\r\n\r\n    line-height:1.35;\r\n\r\n    font-weight:700;\r\n}\r\n\r\n\r\n.smlstories-bottom-actions {\r\n\r\n    display:flex;\r\n\r\n    justify-content:center;\r\n    align-items:center;\r\n\r\n    gap:12px;\r\n\r\n    flex-wrap:wrap;\r\n}\r\n\r\n\r\n.smlstories-bottom-btn {\r\n\r\n    min-width:210px;\r\n\r\n    min-height:49px;\r\n\r\n    padding:\r\n        12px\r\n        22px;\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    text-decoration:none;\r\n\r\n    border-radius:6px;\r\n\r\n    font-size:14px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:.4px;\r\n}\r\n\r\n\r\n.smlstories-homebtn {\r\n\r\n    color:#ffffff;\r\n\r\n    background:#101a24;\r\n\r\n    border:\r\n        1px solid rgba(229,228,226,.45);\r\n}\r\n\r\n\r\n.smlstories-callbtn {\r\n\r\n    color:#080808;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            #ffdf78 0%,\r\n            #e9af26 53%,\r\n            #c98a0d 100%\r\n        );\r\n\r\n    border:\r\n        1px solid #ffe38f;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   VIDEO LIGHTBOX\r\n================================================== *\/\r\n\r\n#smlstory-lightbox {\r\n\r\n    position:fixed;\r\n\r\n    inset:0;\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    background:\r\n        rgba(0,0,0,.94);\r\n\r\n    z-index:999999;\r\n\r\n    display:none;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    padding:\r\n        30px\r\n        74px;\r\n}\r\n\r\n\r\n#smlstory-lightbox.smlstory-open {\r\n    display:flex;\r\n}\r\n\r\n\r\n.smlstory-lightbox-inner {\r\n\r\n    width:100%;\r\n\r\n    max-width:1180px;\r\n\r\n    position:relative;\r\n}\r\n\r\n\r\n.smlstory-video-frame {\r\n\r\n    width:100%;\r\n\r\n    aspect-ratio:16 \/ 9;\r\n\r\n    background:#000;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.25);\r\n\r\n    border-radius:7px;\r\n\r\n    overflow:hidden;\r\n\r\n    box-shadow:\r\n        0 24px 70px rgba(0,0,0,.65);\r\n}\r\n\r\n\r\n.smlstory-video-frame iframe {\r\n\r\n    width:100%;\r\n    height:100%;\r\n\r\n    border:0;\r\n\r\n    display:block;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   LIGHTBOX CLOSE\r\n================================================== *\/\r\n\r\n.smlstory-close {\r\n\r\n    position:absolute;\r\n\r\n    right:-4px;\r\n    top:-52px;\r\n\r\n    width:42px;\r\n    height:42px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.72);\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(10,10,10,.88);\r\n\r\n    color:#ffffff;\r\n\r\n    font-size:27px;\r\n\r\n    cursor:pointer;\r\n\r\n    z-index:4;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   LIGHTBOX ARROWS\r\n================================================== *\/\r\n\r\n.smlstory-arrow {\r\n\r\n    position:fixed;\r\n\r\n    top:50%;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n\r\n    width:48px;\r\n    height:62px;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.5);\r\n\r\n    background:\r\n        rgba(0,0,0,.65);\r\n\r\n    color:#ffffff;\r\n\r\n    font-size:30px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    cursor:pointer;\r\n\r\n    z-index:1000001;\r\n}\r\n\r\n\r\n.smlstory-prev {\r\n    left:12px;\r\n}\r\n\r\n\r\n.smlstory-next {\r\n    right:12px;\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   DESKTOP \/ LAPTOP\r\n   KEEP FIRST ROW IN VIEW BETTER\r\n================================================== *\/\r\n\r\n@media(min-width:1025px) {\r\n\r\n    .smlstories-topbar {\r\n        padding:\r\n            8px\r\n            20px;\r\n    }\r\n\r\n\r\n    .smlstories-hero {\r\n\r\n        padding:\r\n            20px\r\n            22px\r\n            12px;\r\n    }\r\n\r\n\r\n    .smlstories-title {\r\n\r\n        font-size:\r\n            clamp(28px,3vw,42px);\r\n\r\n        margin-bottom:7px;\r\n    }\r\n\r\n\r\n    .smlstories-subtitle {\r\n\r\n        font-size:16px;\r\n    }\r\n\r\n\r\n    .smlstories-divider {\r\n\r\n        margin-top:10px;\r\n    }\r\n\r\n\r\n    .smlstories-grid-wrap {\r\n\r\n        max-width:1160px;\r\n\r\n        padding-top:8px;\r\n    }\r\n\r\n\r\n    .smlstories-grid {\r\n\r\n        gap:16px;\r\n    }\r\n\r\n\r\n    .smlstory-label {\r\n\r\n        padding:\r\n            9px\r\n            10px\r\n            10px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   TABLET\r\n================================================== *\/\r\n\r\n@media(max-width:950px) {\r\n\r\n    .smlstories-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2,1fr);\r\n\r\n        gap:18px;\r\n    }\r\n\r\n\r\n    .smlstories-hero {\r\n\r\n        padding-top:34px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   MOBILE\r\n================================================== *\/\r\n\r\n@media(max-width:600px) {\r\n\r\n    .smlstories-topbar {\r\n\r\n        padding:\r\n            9px\r\n            10px;\r\n\r\n        grid-template-columns:\r\n            1fr\r\n            1fr;\r\n    }\r\n\r\n\r\n    .smlstories-top-center {\r\n        display:none;\r\n    }\r\n\r\n\r\n    .smlstories-top-left {\r\n        justify-content:flex-start;\r\n    }\r\n\r\n\r\n    .smlstories-top-right {\r\n        justify-content:flex-end;\r\n    }\r\n\r\n\r\n    .smlstories-navbtn {\r\n\r\n        min-height:37px;\r\n\r\n        padding:\r\n            9px\r\n            10px;\r\n\r\n        font-size:9px;\r\n\r\n        letter-spacing:.15px;\r\n    }\r\n\r\n\r\n    .smlstories-hero {\r\n\r\n        padding:\r\n            30px\r\n            15px\r\n            20px;\r\n    }\r\n\r\n\r\n    .smlstories-title {\r\n\r\n        font-size:28px;\r\n\r\n        line-height:1.08;\r\n    }\r\n\r\n\r\n    .smlstories-subtitle {\r\n\r\n        font-size:15px;\r\n    }\r\n\r\n\r\n    .smlstories-grid-wrap {\r\n\r\n        padding:\r\n            10px\r\n            14px\r\n            44px;\r\n    }\r\n\r\n\r\n    .smlstories-grid {\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:16px;\r\n    }\r\n\r\n\r\n    .smlstory-play {\r\n\r\n        width:58px;\r\n        height:58px;\r\n    }\r\n\r\n\r\n    .smlstories-bottom {\r\n\r\n        padding:\r\n            0\r\n            14px\r\n            50px;\r\n    }\r\n\r\n\r\n    .smlstories-bottom-actions {\r\n\r\n        flex-direction:column;\r\n    }\r\n\r\n\r\n    .smlstories-bottom-btn {\r\n\r\n        width:100%;\r\n\r\n        max-width:330px;\r\n    }\r\n\r\n\r\n    #smlstory-lightbox {\r\n\r\n        padding:\r\n            20px\r\n            8px;\r\n    }\r\n\r\n\r\n    .smlstory-close {\r\n\r\n        right:4px;\r\n        top:-48px;\r\n    }\r\n\r\n\r\n    .smlstory-arrow {\r\n\r\n        width:38px;\r\n        height:50px;\r\n\r\n        font-size:25px;\r\n\r\n        top:auto;\r\n        bottom:14px;\r\n\r\n        transform:none;\r\n    }\r\n\r\n\r\n    .smlstory-prev {\r\n\r\n        left:\r\n            calc(50% - 48px);\r\n    }\r\n\r\n\r\n    .smlstory-next {\r\n\r\n        right:\r\n            calc(50% - 48px);\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div id=\"sml-stories-page\">\r\n\r\n\r\n<!-- ==================================================\r\n     TOP NAVIGATION\r\n================================================== -->\r\n\r\n<div class=\"smlstories-topbar\">\r\n\r\n\r\n    <div class=\"smlstories-top-left\">\r\n\r\n        <a\r\n            class=\"smlstories-navbtn\"\r\n            href=\"\/?skipintro=1#sml-resting-v2\" data-sml-home-link\r\n            >\r\n\r\n            \u2190 BACK TO HOME\r\n\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"smlstories-top-center\">\r\n\r\n        CUSTOMER STORIES\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"smlstories-top-right\">\r\n\r\n        <a\r\n            class=\"smlstories-navbtn\"\r\n            href=\"tel:4045879635\">\r\n\r\n            CALL 404-587-9635\r\n\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- ==================================================\r\n     HEADING\r\n================================================== -->\r\n\r\n<div class=\"smlstories-hero\">\r\n\r\n\r\n    <h1 class=\"smlstories-title\">\r\n\r\n        <span class=\"smlstories-title-gold\">\r\n            DO WHAT THEY DID!\r\n        <\/span>\r\n\r\n        SKIP THE HASSLE OF SEARCHING FOR A VEHICLE AND\r\n\r\n        <span class=\"smlstories-title-blue\">\r\n            LET A PRO DO ALL THE WORK!\r\n        <\/span>\r\n\r\n    <\/h1>\r\n\r\n\r\n    <div class=\"smlstories-subtitle\">\r\n\r\n        REAL CUSTOMERS. REAL EXPERIENCES\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"smlstories-divider\"><\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- ==================================================\r\n     VIDEO GALLERY\r\n================================================== -->\r\n\r\n<div class=\"smlstories-grid-wrap\">\r\n\r\n    <div\r\n        id=\"smlstories-grid\"\r\n        class=\"smlstories-grid\">\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- ==================================================\r\n     BOTTOM MESSAGE\r\n================================================== -->\r\n\r\n<div class=\"smlstories-bottom\">\r\n\r\n\r\n    <div class=\"smlstories-bottom-text\">\r\n\r\n        FEEL FREE TO GIVE ME A CALL IF YOU WOULD LIKE TO CHAT. THANKS\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"smlstories-bottom-actions\">\r\n\r\n\r\n        <a\r\n            class=\"smlstories-bottom-btn smlstories-homebtn\"\r\n            href=\"\/?skipintro=1#sml-resting-v2\" data-sml-home-link\r\n            >\r\n\r\n            \u2190 BACK TO HOME\r\n\r\n        <\/a>\r\n\r\n\r\n        <a\r\n            class=\"smlstories-bottom-btn smlstories-callbtn\"\r\n            href=\"tel:4045879635\">\r\n\r\n            CALL 404-587-9635\r\n\r\n        <\/a>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<!-- ==================================================\r\n     VIDEO LIGHTBOX\r\n================================================== -->\r\n\r\n<div\r\n    id=\"smlstory-lightbox\"\r\n    aria-hidden=\"true\">\r\n\r\n\r\n    <button\r\n        class=\"smlstory-close\"\r\n        id=\"smlstory-close\"\r\n        type=\"button\"\r\n        aria-label=\"Close video\">\r\n\r\n        \u00d7\r\n\r\n    <\/button>\r\n\r\n\r\n    <button\r\n        class=\"smlstory-arrow smlstory-prev\"\r\n        id=\"smlstory-prev\"\r\n        type=\"button\"\r\n        aria-label=\"Previous video\">\r\n\r\n        \u2039\r\n\r\n    <\/button>\r\n\r\n\r\n    <div class=\"smlstory-lightbox-inner\">\r\n\r\n\r\n        <div\r\n            class=\"smlstory-video-frame\"\r\n            id=\"smlstory-video-frame\">\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n    <button\r\n        class=\"smlstory-arrow smlstory-next\"\r\n        id=\"smlstory-next\"\r\n        type=\"button\"\r\n        aria-label=\"Next video\">\r\n\r\n        \u203a\r\n\r\n    <\/button>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n\r\n\/* ==================================================\r\n   ALL 45 CUSTOMER STORY VIDEOS\r\n================================================== *\/\r\n\r\nconst smlStoryVideos = [\r\n\r\n    \"ZA0W3Rpi3nk\",\r\n    \"rG8xL1x0dAg\",\r\n    \"GJxN3_9PK5M\",\r\n    \"-rnQPhFJalQ\",\r\n    \"2jTlDvWyxi4\",\r\n    \"QswjsoaN-SM\",\r\n    \"wkGgqO-OX14\",\r\n    \"fRBLwBATbDo\",\r\n    \"6nnBNXflRtY\",\r\n    \"q7AuSlz9QJw\",\r\n    \"_6XokaQeEek\",\r\n    \"QHWycSDXWcg\",\r\n    \"1FCFLv4_lOE\",\r\n    \"iNXb_GIfWaE\",\r\n    \"KE7RSU6p39c\",\r\n    \"zM04jFxhUTI\",\r\n    \"6jiIMUrlKh0\",\r\n    \"PNDlgygIsKc\",\r\n    \"57GJ56UhkFo\",\r\n    \"Gc0FsnPXNWA\",\r\n    \"RCiXY1YghrI\",\r\n    \"OMrx-4Wsy_4\",\r\n    \"j77s2atngrc\",\r\n    \"kFH3r2jYjfE\",\r\n    \"se0jlyA6yao\",\r\n\r\n    \"VMHxivKBuxE\",\r\n    \"NbT01_obKtE\",\r\n    \"Kkr8M-qziSY\",\r\n    \"teO0WKVzDMU\",\r\n    \"iteJjBYva0U\",\r\n    \"mUzB6OkkHiw\",\r\n    \"e5xNfyEOI_o\",\r\n    \"aIBsFzlQyUM\",\r\n    \"Z6U-qyINaUE\",\r\n    \"7NGC2X2Gq7E\",\r\n    \"Xqi66ZYKudE\",\r\n    \"V8jIPRr9TVg\",\r\n    \"Od_OdyKjMTw\",\r\n    \"9aMI9x_HwRU\",\r\n    \"gHrcjA3K-mI\",\r\n    \"k-1GcOd-5qE\",\r\n    \"7bKsLbbl9Gc\",\r\n    \"W_UO_RXr8PI\",\r\n    \"hZpTtZZn9gA\",\r\n    \"LRCLDKPQFC4\"\r\n\r\n];\r\n\r\n\r\nconst grid =\r\n    document.getElementById(\r\n        \"smlstories-grid\"\r\n    );\r\n\r\n\r\nconst lightbox =\r\n    document.getElementById(\r\n        \"smlstory-lightbox\"\r\n    );\r\n\r\n\r\nconst videoFrame =\r\n    document.getElementById(\r\n        \"smlstory-video-frame\"\r\n    );\r\n\r\n\r\nconst closeButton =\r\n    document.getElementById(\r\n        \"smlstory-close\"\r\n    );\r\n\r\n\r\nconst prevButton =\r\n    document.getElementById(\r\n        \"smlstory-prev\"\r\n    );\r\n\r\n\r\nconst nextButton =\r\n    document.getElementById(\r\n        \"smlstory-next\"\r\n    );\r\n\r\n\r\nlet currentIndex = 0;\r\n\r\n\r\n\/* ==================================================\r\n   CREATE VIDEO CARDS\r\n================================================== *\/\r\n\r\nsmlStoryVideos.forEach(\r\n    function(videoId,index){\r\n\r\n\r\n        const card =\r\n            document.createElement(\r\n                \"div\"\r\n            );\r\n\r\n\r\n        card.className =\r\n            \"smlstory-card\";\r\n\r\n\r\n        card.setAttribute(\r\n            \"role\",\r\n            \"button\"\r\n        );\r\n\r\n\r\n        card.setAttribute(\r\n            \"tabindex\",\r\n            \"0\"\r\n        );\r\n\r\n\r\n        card.setAttribute(\r\n            \"aria-label\",\r\n            \"Watch customer story \" +\r\n            (index + 1)\r\n        );\r\n\r\n\r\n        card.innerHTML = `\r\n\r\n            <div class=\"smlstory-thumb\">\r\n\r\n                <img decoding=\"async\"\r\n                    src=\"https:\/\/i.ytimg.com\/vi\/${videoId}\/hqdefault.jpg\"\r\n                    alt=\"Customer story video ${index + 1}\"\r\n                    loading=\"lazy\">\r\n\r\n                <div class=\"smlstory-play\"><\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"smlstory-label\">\r\n\r\n                CUSTOMER STORY\r\n                <span>\r\n                    ${String(index + 1).padStart(2,\"0\")}\r\n                <\/span>\r\n\r\n            <\/div>\r\n\r\n        `;\r\n\r\n\r\n        card.addEventListener(\r\n            \"click\",\r\n            function(){\r\n\r\n                openVideo(index);\r\n\r\n            }\r\n        );\r\n\r\n\r\n        card.addEventListener(\r\n            \"keydown\",\r\n            function(event){\r\n\r\n                if(\r\n                    event.key === \"Enter\" ||\r\n                    event.key === \" \"\r\n                ){\r\n\r\n                    event.preventDefault();\r\n\r\n                    openVideo(index);\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n\r\n        grid.appendChild(card);\r\n\r\n\r\n    }\r\n);\r\n\r\n\r\n\/* ==================================================\r\n   OPEN VIDEO\r\n================================================== *\/\r\n\r\nfunction openVideo(index){\r\n\r\n    currentIndex = index;\r\n\r\n\r\n    const videoId =\r\n        smlStoryVideos[\r\n            currentIndex\r\n        ];\r\n\r\n\r\n    videoFrame.innerHTML = `\r\n\r\n        <iframe\r\n\r\n            src=\"https:\/\/www.youtube.com\/embed\/${videoId}?autoplay=1&rel=0\"\r\n\r\n            title=\"Customer Story\"\r\n\r\n            allow=\"\r\n                accelerometer;\r\n                autoplay;\r\n                clipboard-write;\r\n                encrypted-media;\r\n                gyroscope;\r\n                picture-in-picture;\r\n                web-share\r\n            \"\r\n\r\n            allowfullscreen>\r\n\r\n        <\/iframe>\r\n\r\n    `;\r\n\r\n\r\n    lightbox.classList.add(\r\n        \"smlstory-open\"\r\n    );\r\n\r\n\r\n    lightbox.setAttribute(\r\n        \"aria-hidden\",\r\n        \"false\"\r\n    );\r\n\r\n\r\n    document.body.style.overflow =\r\n        \"hidden\";\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   CLOSE VIDEO\r\n================================================== *\/\r\n\r\nfunction closeVideo(){\r\n\r\n    lightbox.classList.remove(\r\n        \"smlstory-open\"\r\n    );\r\n\r\n\r\n    lightbox.setAttribute(\r\n        \"aria-hidden\",\r\n        \"true\"\r\n    );\r\n\r\n\r\n    videoFrame.innerHTML = \"\";\r\n\r\n\r\n    document.body.style.overflow =\r\n        \"\";\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   NEXT VIDEO\r\n================================================== *\/\r\n\r\nfunction nextVideo(){\r\n\r\n    currentIndex++;\r\n\r\n\r\n    if(\r\n        currentIndex >=\r\n        smlStoryVideos.length\r\n    ){\r\n\r\n        currentIndex = 0;\r\n\r\n    }\r\n\r\n\r\n    openVideo(currentIndex);\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   PREVIOUS VIDEO\r\n================================================== *\/\r\n\r\nfunction previousVideo(){\r\n\r\n    currentIndex--;\r\n\r\n\r\n    if(currentIndex < 0){\r\n\r\n        currentIndex =\r\n            smlStoryVideos.length - 1;\r\n\r\n    }\r\n\r\n\r\n    openVideo(currentIndex);\r\n\r\n}\r\n\r\n\r\n\/* ==================================================\r\n   CONTROLS\r\n================================================== *\/\r\n\r\ncloseButton.addEventListener(\r\n    \"click\",\r\n    closeVideo\r\n);\r\n\r\n\r\nnextButton.addEventListener(\r\n    \"click\",\r\n    nextVideo\r\n);\r\n\r\n\r\nprevButton.addEventListener(\r\n    \"click\",\r\n    previousVideo\r\n);\r\n\r\n\r\nlightbox.addEventListener(\r\n    \"click\",\r\n    function(event){\r\n\r\n        if(\r\n            event.target === lightbox\r\n        ){\r\n\r\n            closeVideo();\r\n\r\n        }\r\n\r\n    }\r\n);\r\n\r\n\r\ndocument.addEventListener(\r\n    \"keydown\",\r\n    function(event){\r\n\r\n        if(\r\n            !lightbox.classList.contains(\r\n                \"smlstory-open\"\r\n            )\r\n        ){\r\n\r\n            return;\r\n\r\n        }\r\n\r\n\r\n        if(event.key === \"Escape\"){\r\n\r\n            closeVideo();\r\n\r\n        }\r\n\r\n\r\n        if(event.key === \"ArrowRight\"){\r\n\r\n            nextVideo();\r\n\r\n        }\r\n\r\n\r\n        if(event.key === \"ArrowLeft\"){\r\n\r\n            previousVideo();\r\n\r\n        }\r\n\r\n    }\r\n);\r\n\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n<script>\r\n\/* =========================================================\r\n   SML BACK-TO-HOME \u2014 STAGING + LIVE AUTO RESOLVER\r\n   No link changes required when staging becomes live.\r\n========================================================= *\/\r\n(function(){\r\n    function getSmlHomeUrl(){\r\n        var path = window.location.pathname || \"\/\";\r\n        var staging = path.match(\/^\\\/staging\\\/([^\\\/]+)\\\/\/i);\r\n\r\n        if(staging){\r\n            return window.location.origin\r\n                + \"\/staging\/\" + staging[1]\r\n                + \"\/seo-fixed-staging-master\/?skipintro=1#sml-resting-v2\";\r\n        }\r\n\r\n        return window.location.origin\r\n            + \"\/?skipintro=1#sml-resting-v2\";\r\n    }\r\n\r\n    var homeUrl = getSmlHomeUrl();\r\n\r\n    document.querySelectorAll(\"[data-sml-home-link]\").forEach(function(link){\r\n        link.setAttribute(\"href\", homeUrl);\r\n    });\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2190 BACK TO HOME CUSTOMER STORIES CALL 404-587-9635 DO WHAT THEY DID! SKIP THE HASSLE OF SEARCHING FOR A VEHICLE AND LET A PRO DO ALL THE WORK! REAL CUSTOMERS. REAL EXPERIENCES FEEL FREE TO GIVE ME A CALL IF YOU WOULD LIKE TO CHAT. THANKS \u2190 BACK TO HOME CALL 404-587-9635 \u00d7 \u2039 \u203a<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"nf_dc_page":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"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":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-2996","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smlautosales.com\/staging\/4451\/wp-json\/wp\/v2\/pages\/2996","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smlautosales.com\/staging\/4451\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smlautosales.com\/staging\/4451\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smlautosales.com\/staging\/4451\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smlautosales.com\/staging\/4451\/wp-json\/wp\/v2\/comments?post=2996"}],"version-history":[{"count":5,"href":"https:\/\/smlautosales.com\/staging\/4451\/wp-json\/wp\/v2\/pages\/2996\/revisions"}],"predecessor-version":[{"id":3434,"href":"https:\/\/smlautosales.com\/staging\/4451\/wp-json\/wp\/v2\/pages\/2996\/revisions\/3434"}],"wp:attachment":[{"href":"https:\/\/smlautosales.com\/staging\/4451\/wp-json\/wp\/v2\/media?parent=2996"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}