   <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>SocialMediaSourcing.com domain name is for sale. Inquire now.</title>
    <meta name="description" content="SocialMediaSourcing.com is available for purchase. Get in touch to discuss the possibilities!">

    <link rel="icon" type="image/png" href="img/y.png">

            <base href="https://www.socialmediasourcing.com/">
    
    <script src="https://cdn.tailwindcss.com"></script>
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">

    <script async defer src="https://cdn.jsdelivr.net/gh/altcha-org/altcha/dist/altcha.min.js" type="module"></script>
    <link href="css/altcha.css" rel="stylesheet">

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">

    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-51651642-1"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());
        gtag('config', 'UA-51651642-1');
    </script>

            <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZF0D9BK909"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', 'G-ZF0D9BK909');
        </script>
    
    <script src="https://www.socialmediasourcing.com/odf/js/odf.js"></script><script>Odf.set('website_base_url', 'https://www.socialmediasourcing.com/');$(document).ready(function() {Odf.init();});</script>
    <style>
        body {
            font-family: 'Inter', sans-serif;
        }

        .arctic-modal {
            background: rgba(255, 255, 255, 0.98);
            border-radius: 28px;
            border: 1px solid #e7e0d4;
        }

        .arctic-field {
            background: #f7f4ed;
            border: 1px solid #e7dfd1;
        }

        .arctic-field:focus {
            border-color: #1f6f57;
            box-shadow: 0 0 0 3px rgba(31, 111, 87, 0.12);
        }

        .arctic-tab {
            color: #78716c;
            transition: all 0.2s ease;
        }

        .arctic-tab.selected {
            background: #ffffff;
            color: #0f172a;
            box-shadow: 0 8px 30px -18px rgba(15, 23, 42, 0.2);
        }

        .arctic-tab:hover {
            color: #0f172a;
        }

        .arctic-cta {
            background: linear-gradient(90deg, #1f6f57, #3d8f76);
            transition: opacity 0.2s ease, transform 0.2s ease;
        }

        .arctic-cta:hover {
            opacity: 0.92;
            transform: translateY(-1px);
        }

        .validator_status {
            display: block;
            padding: 0.75rem 1rem;
            margin-bottom: 0.75rem;
            border-radius: 1rem;
            font-weight: 500;
            border: 1px solid transparent;
        }

        .validator_errors {
            background-color: #fee2e2;
            color: #991b1b;
            border-color: #fca5a5;
        }

        .validator_success {
            background-color: #dcfce7;
            color: #166534;
            border-color: #86efac;
        }

        .animate-spin {
            animation: spin 1s linear infinite;
        }

        @keyframes spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        .modal-backdrop {
            background-color: rgba(15, 23, 42, 0.7);
        }
    </style>
</head>
 <body class="arctic-body">
<div class="min-h-screen text-slate-900 bg-[#f7f4ed] flex flex-col">

    <div id="loading-overlay" class="fixed inset-0 modal-backdrop flex items-center justify-center z-50 hidden">
        <svg class="w-16 h-16 text-white animate-spin" fill="none" viewBox="0 0 24 24">
            <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle>
            <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path>
        </svg>
    </div>

    <div id="offer-modal" class="fixed inset-0 modal-backdrop flex items-center justify-center z-50 p-4 hidden">
        <div class="arctic-modal w-full max-w-3xl max-h-[90vh] overflow-y-auto rounded-[28px] p-8 md:p-10 shadow-2xl">
            <div class="flex justify-between items-center mb-8">
                <div>
                    <h2 class="text-3xl font-bold text-slate-900">Make an Offer</h2>
                </div>
                <button id="close-modal" class="p-2 hover:bg-stone-100 rounded-full" type="button" aria-label="Close offer modal">
                    <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
                    </svg>
                </button>
            </div>

            <form id="offer-form" class="odf_ajax space-y-6" action="routes/ajax_actions/landing_themes/add_inquiry_cap.ajaxa.php" method="post" data-target="form_feedback" autocomplete="off">
                <input type="hidden" name="domain_id" value="34198">
                <input type="hidden" name="user_id" value="5">

                <div id="form_feedback"></div>

                <div class="grid md:grid-cols-2 gap-6">
                    <div>
                        <label for="name" class="text-sm font-semibold text-stone-700 mb-2 block">Name *</label>
                        <input id="name" name="name" type="text" required class="arctic-field w-full rounded-2xl px-4 py-3 outline-none">
                    </div>
                    <div>
                        <label for="email" class="text-sm font-semibold text-stone-700 mb-2 block">Email *</label>
                        <input id="email" name="email" type="email" required class="arctic-field w-full rounded-2xl px-4 py-3 outline-none">
                    </div>
                </div>

                <div class="grid md:grid-cols-2 gap-6">
                    <div>
                        <label for="phone" class="text-sm font-semibold text-stone-700 mb-2 block">Phone</label>
                        <input id="phone" name="phone" type="tel" class="arctic-field w-full rounded-2xl px-4 py-3 outline-none">
                    </div>
                    <div>
                        <label for="offer" class="text-sm font-semibold text-stone-700 mb-2 block">Offer Amount ($) *</label>
                        <input id="offer" name="offer" type="number" required class="arctic-field w-full rounded-2xl px-4 py-3 outline-none font-semibold" placeholder="Offer in $">
                    </div>
                </div>

                <div>
                    <label for="message" class="text-sm font-semibold text-stone-700 mb-2 block">Message *</label>
                    <textarea id="message" name="message" rows="4" class="arctic-field w-full rounded-2xl px-4 py-3 resize-none outline-none"></textarea>
                </div>

                
                <div class="altcha-wrapper theme-arctic">
                    <altcha-widget
                        challengeurl="https://sentinel-w5bmbzne6a7cs.azurewebsites.net/v1/challenge?apiKey=key_1jcc7jkd200a1tg7mhs"
                        name="altcha"
                    ></altcha-widget>
                </div>

                <button type="submit" class="arctic-cta w-full py-4 rounded-2xl text-base font-semibold text-white">
                    Submit Your Offer
                </button>
            </form>
        </div>
    </div>

            <div id="lto-modal" class="fixed inset-0 modal-backdrop flex items-center justify-center z-50 p-4 hidden">
            <div id="lto-modal-panel" class="arctic-modal w-full max-w-6xl max-h-[90vh] overflow-hidden flex flex-col shadow-2xl">
                <div class="flex justify-between items-center px-6 py-4 border-b border-stone-200">
                    <h2 class="text-2xl font-bold text-slate-900">Lease to Own SocialMediaSourcing.com</h2>
                    <button id="close-lto-modal" class="p-2 hover:bg-stone-100 rounded-full text-slate-900" type="button" aria-label="Close Lease to Own modal">
                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
                        </svg>
                    </button>
                </div>
                <iframe
                    id="lto-iframe"
                    src="about:blank"
                    class="w-full border-0 bg-white"
                    loading="lazy"
                    title="Lease to Own checkout"
                ></iframe>
            </div>
        </div>
    
    <main class="flex-1 flex items-center min-h-0">
        <div class="w-full max-w-7xl mx-auto px-6 md:px-12 lg:px-20 py-8 md:py-12">
            <div class="flex flex-col gap-12 lg:grid lg:grid-cols-[minmax(0,1fr)_448px] lg:gap-12 lg:items-start">
                <div class="min-w-0 overflow-hidden space-y-6">
                    <div id="title-container" class="w-full max-w-full min-w-0">
                        <h1 id="logo_text" class="text-5xl md:text-6xl font-bold text-slate-900 tracking-tight leading-[1.1] min-w-0 max-w-full">
                            SocialMediaSourcing.com                        </h1>
                        <p class="text-xl text-stone-500 mt-2">is for sale</p>
                    </div>

                    <p class="text-sm text-stone-600 leading-relaxed max-w-lg">
                        Elevate your brand with a category-defining asset. Gain instant authority, unmatched recall, and a strategic edge. Secure this identity today via a safe, secure transaction with Efty Pay before a competitor does.                    </p>

                    <ul class="space-y-2.5 text-sm text-stone-600">
                                                    <li class="flex items-start gap-2">
                                <svg class="w-4 h-4 text-stone-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M20 6 9 17l-5-5"/></svg>
                                Own the definitive identity for your brand.                            </li>
                                                    <li class="flex items-start gap-2">
                                <svg class="w-4 h-4 text-stone-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M20 6 9 17l-5-5"/></svg>
                                Establish instant trust and credibility.                            </li>
                                                    <li class="flex items-start gap-2">
                                <svg class="w-4 h-4 text-stone-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M20 6 9 17l-5-5"/></svg>
                                Secure an asset that grows in value.                            </li>
                                                    <li class="flex items-start gap-2">
                                <svg class="w-4 h-4 text-stone-500 mt-0.5 flex-shrink-0" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M20 6 9 17l-5-5"/></svg>
                                Fuel your growth with the right domain.                            </li>
                                            </ul>

                                    </div>

                <div class="w-full justify-self-center lg:w-[448px] lg:min-w-[448px] lg:max-w-[448px] lg:justify-self-end relative z-10">
                    <div class="rounded-2xl bg-white border border-stone-200 shadow-[0_8px_30px_-12px_rgba(0,0,0,0.08)] p-8 box-border">
                        <h2 class="text-lg font-semibold text-slate-900 mb-6">Get this domain</h2>

                                                    <div id="response_bin"></div>
                            <div class="flex rounded-xl bg-[#f1ece2] p-1 mb-6" id="mode-toggle">
                                <input type="radio" name="purchase-option" value="buy-now" id="buy-now" class="sr-only" checked>
                                <label for="buy-now" class="radio-option selected arctic-tab flex-1 py-2.5 px-3 rounded-lg text-sm font-medium cursor-pointer text-center">Buy now</label>

                                                                    <input type="radio" name="purchase-option" value="lto" id="lto" class="sr-only">
                                    <label for="lto" class="radio-option arctic-tab flex-1 py-2.5 px-3 rounded-lg text-sm font-medium cursor-pointer text-center">Lease to Own</label>
                                
                                <input type="radio" name="purchase-option" value="make-offer" id="make-offer" class="sr-only">
                                <label for="make-offer" class="radio-option arctic-tab flex-1 py-2.5 px-3 rounded-lg text-sm font-medium cursor-pointer text-center">Make offer</label>
                            </div>

                            <div id="panel-buy-now" class="purchase-panel mb-6">
                                <p class="text-sm text-stone-500 mb-1">Price</p>
                                <p class="text-3xl font-bold text-slate-900 tracking-tight">$ 1,995</p>
                            </div>

                                                            <div id="panel-lto" class="purchase-panel mb-6 hidden">
                                    <p class="text-sm text-stone-500 mb-1">As low as</p>
                                    <p class="text-3xl font-bold text-slate-900 tracking-tight">$ 92 <span class="text-base font-normal text-stone-500">/ mo</span></p>
                                </div>
                            
                            <div id="panel-make-offer" class="purchase-panel mb-6 hidden">
                                <p class="text-sm text-stone-500 mb-2">Your offer</p>
                                <div class="relative">
                                    <span class="absolute left-4 top-1/2 -translate-y-1/2 text-stone-400 font-medium">$</span>
                                    <input id="offer_amount" type="text" placeholder="Enter amount" class="arctic-field w-full rounded-xl py-3 pl-12 pr-4 text-slate-900 placeholder:text-stone-400 transition-all outline-none">
                                </div>
                            </div>

                            <button id="main-action" class="arctic-cta w-full py-3.5 rounded-xl text-white font-medium text-sm mb-4">
                                <span>Next →</span>
                            </button>
                        
                        <div class="flex items-center justify-center gap-4 mb-3 opacity-50 text-slate-900">
                            <i class="fa-brands fa-cc-visa text-2xl" title="Visa"></i>
                            <i class="fa-brands fa-cc-mastercard text-2xl" title="Mastercard"></i>
                            <i class="fa-brands fa-cc-amex text-2xl" title="American Express"></i>
                            <i class="fa-brands fa-cc-paypal text-2xl" title="PayPal"></i>
                            <i class="fa-solid fa-building-columns text-2xl mb-1" title="Wire Transfer"></i>
                        </div>

                        <div class="flex items-center justify-center gap-1.5 text-xs text-stone-500">
                            <svg class="w-3 h-3" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><rect width="18" height="11" x="3" y="11" rx="2"></rect><path d="M7 11V7a5 5 0 0 1 10 0v4"></path></svg>
                            <span>Secure checkout · You will be redirected safely</span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="flex flex-col sm:flex-row justify-between gap-6 sm:gap-4 mt-12 relative z-10">
                <div class="flex-1 flex items-start gap-4">
                    <div class="w-12 h-12 rounded-xl bg-[#efe7da] flex items-center justify-center flex-shrink-0">
                        <svg class="w-6 h-6 text-emerald-700" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75m-3-7.036A11.959 11.959 0 0 1 3.598 6 11.99 11.99 0 0 0 3 9.749c0 5.592 3.824 10.29 9 11.623 5.176-1.332 9-6.03 9-11.622 0-1.31-.21-2.571-.598-3.751h-.152c-3.196 0-6.1-1.248-8.25-3.285Z"></path></svg>
                    </div>
                    <div class="text-base text-stone-600 leading-snug">
                        <span>Your funds are</span><br>
                        <span class="font-medium text-slate-900">kept safe</span>
                    </div>
                </div>
                <div class="flex-1 flex items-start gap-4">
                    <div class="w-12 h-12 rounded-xl bg-[#efe7da] flex items-center justify-center flex-shrink-0">
                        <svg class="w-6 h-6 text-emerald-700" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="m3.75 13.5 10.5-11.25L12 10.5h8.25L9.75 21.75 12 13.5H3.75Z"></path></svg>
                    </div>
                    <div class="text-base text-stone-600 leading-snug">
                        <span>Your domain is</span><br>
                        <span class="font-medium text-slate-900">delivered quickly</span>
                    </div>
                </div>
                <div class="flex-1 flex items-start gap-4">
                    <div class="w-12 h-12 rounded-xl bg-[#efe7da] flex items-center justify-center flex-shrink-0">
                        <svg class="w-6 h-6 text-emerald-700" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z"></path></svg>
                    </div>
                    <div class="text-base text-stone-600 leading-snug">
                        <span>Our specialists offer free</span><br>
                        <span class="font-medium text-slate-900">expert guidance</span>
                    </div>
                </div>
            </div>
        </div>
    </main>

    <footer class="relative w-full -mt-32 md:-mt-40 z-0 flex-shrink-0">
        <div class="relative h-40 md:h-48 overflow-hidden">
            <div class="absolute inset-0 z-10 h-20 md:h-24 bg-gradient-to-b from-[#f7f4ed] via-[#f7f4ed]/60 to-transparent"></div>
            <img src="img/landing_themes/arctic/mountain-footer.jpg" alt="Serene mountain landscape" loading="lazy" width="1920" height="512" class="absolute inset-0 w-full h-full object-cover">
            <div class="absolute inset-0 bg-gradient-to-t from-[#f7f4ed]/30 via-transparent to-transparent"></div>
        </div>
    </footer>
</div>

<script src="js/fitty.min.js"></script>

<script>
    $(document).ready(function() {
        const ltoUrl = 'https://www.socialmediasourcing.com/domain/lto/id/qdy/';
        const $ltoIframe = $('#lto-iframe');
        const $ltoPanel = $('#lto-modal-panel');
        const ltoHeaderHeight = 74;
        const ltoModalVerticalPadding = 32;

        function setLtoFrameHeight(contentHeight) {
            const viewportMax = Math.max(320, window.innerHeight - ltoModalVerticalPadding);
            const maxFrameHeight = Math.max(240, viewportMax - ltoHeaderHeight);
            const nextHeight = Math.max(240, Math.min(contentHeight, maxFrameHeight));

            $ltoIframe.css('height', nextHeight + 'px');
            $ltoPanel.css('max-height', viewportMax + 'px');
        }

                let selectedOption = 'buy-now';
        
        $('input[name="purchase-option"]').on('change', function() {
            selectedOption = $(this).val();
            updateUI();
        });

        $('label.radio-option').on('click', function() {
            const targetId = $(this).attr('for');
            const targetInput = $('#' + targetId);
            targetInput.prop('checked', true);
            selectedOption = targetInput.val();
            updateUI();
        });

        function updateUI() {
            $('label.radio-option').removeClass('selected');
            $('.purchase-panel').addClass('hidden');

            if (selectedOption === 'buy-now') {
                $('label[for="buy-now"]').addClass('selected');
                $('#panel-buy-now').removeClass('hidden');
                $('#main-action span').text('Next →');
            } else if (selectedOption === 'lto') {
                $('label[for="lto"]').addClass('selected');
                $('#panel-lto').removeClass('hidden');
                $('#main-action span').text('Start lease →');
            } else {
                $('label[for="make-offer"]').addClass('selected');
                $('#panel-make-offer').removeClass('hidden');
                $('#main-action span').text('Submit offer →');
            }
        }

        $('#main-action').on('click', function() {
            if (selectedOption === 'buy-now') {
                handleProceedToPayment();
            } else if (selectedOption === 'lto') {
                handleLeaseToOwn();
            } else {
                handleMakeOffer();
            }
        });

        $(document).ajaxStop(function() {
            $('#loading-overlay').addClass('hidden');
        });

        $(document).ajaxError(function() {
            $('#loading-overlay').addClass('hidden');
        });

        function handleProceedToPayment() {
            $('#loading-overlay').removeClass('hidden');
                            Odf.ajax.post('https://www.socialmediasourcing.com/ajaxa/transactions/initiate_eftypay/', 'div#response_bin', {
                    domain_id: 'qdy',
                    user_id: '5'
                });
                    }

        function handleMakeOffer() {
            let offerAmount = $('#offer_amount').val();
            $('#offer-modal').removeClass('hidden');

            if (offerAmount) {
                $('#offer').val(offerAmount);
            }
        }

        function handleLeaseToOwn() {
            setLtoFrameHeight(Math.max(420, window.innerHeight * 0.65));
            $ltoIframe.attr('src', ltoUrl);
            $('#lto-modal').removeClass('hidden');
        }

        function closeLtoModal() {
            $('#lto-modal').addClass('hidden');
            $ltoIframe.attr('src', 'about:blank');
            $ltoIframe.css('height', '');
        }

        $('#close-modal').on('click', function() {
            $('#offer-modal').addClass('hidden');
        });

        $('#close-lto-modal').on('click', function() {
            closeLtoModal();
        });

        $('#offer-modal').on('click', function(e) {
            if (e.target === this) {
                $('#offer-modal').addClass('hidden');
            }
        });

        $('#lto-modal').on('click', function(e) {
            if (e.target === this) {
                closeLtoModal();
            }
        });

        $(document).on('keydown', function(e) {
            if (e.key === 'Escape') {
                $('#offer-modal').addClass('hidden');
                closeLtoModal();
            }
        });

        window.addEventListener('message', function(event) {
            if (!event.data || event.data.type !== 'efty-lto-resize') {
                return;
            }

            if (typeof event.data.height !== 'number') {
                return;
            }

            setLtoFrameHeight(event.data.height);
        });

        window.addEventListener('resize', function() {
            const currentHeight = parseInt($ltoIframe.css('height'), 10);

            if (currentHeight) {
                setLtoFrameHeight(currentHeight);
            }
        });

        updateUI();

        function fitTitleNow() {
            const title = document.getElementById('logo_text');

            if (!title || typeof fitty !== 'function') {
                return;
            }

            if (window.innerWidth < 1024) {
                fitty('#logo_text', {
                    maxSize: 64
                });
            } else {
                fitty('#logo_text', {
                    maxSize: 112
                });
            }
        }

        function runTitleFit() {
            window.requestAnimationFrame(function() {
                window.requestAnimationFrame(fitTitleNow);
            });
        }

        const debouncedRun = (() => {
            let timer;
            return () => {
                clearTimeout(timer);
                timer = setTimeout(runTitleFit, 200);
            };
        })();

        $(function() {
            if (document.fonts && document.fonts.ready) {
                document.fonts.ready.then(runTitleFit);
            } else {
                runTitleFit();
            }
        });

        window.addEventListener('load', runTitleFit);
        window.addEventListener('load', function() {
            setTimeout(runTitleFit, 250);
        });
        window.addEventListener('pageshow', function(e) {
            if (e.persisted) {
                runTitleFit();
            }
        });
        window.addEventListener('resize', debouncedRun);
        window.addEventListener('orientationchange', debouncedRun);

        if (window.visualViewport) {
            window.visualViewport.addEventListener('resize', debouncedRun);
        }
    });
</script>
</body>
</html>
<div id="stat_div" style="display:none;"></div>					
<script>

	$( document ).ready(function() {

		Odf.ajax.get('https://www.socialmediasourcing.com/ajax/visitors/create/', 'div#stat_div', { domain_id: '34198' });
		
	});

</script>
