⚝
One Hat Cyber Team
⚝
Your IP:
216.73.216.235
Server IP:
162.0.217.164
Server:
Linux premium256.web-hosting.com 4.18.0-553.54.1.lve.el8.x86_64 #1 SMP Wed Jun 4 13:01:13 UTC 2025 x86_64
Server Software:
LiteSpeed
PHP Version:
8.0.30
Buat File
|
Buat Folder
Eksekusi
Dir :
~
/
home
/
niyknzcu
/
techechi.shop
/
View File Name :
index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>techechi.shop | Growth Marketing Agency</title> <meta name="description" content="techechi.shop helps brands scale with performance marketing, content systems, SEO, and lifecycle automation." /> <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=Outfit:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"> <link rel="stylesheet" href="style.css" /> </head> <body> <header class="topbar"> <div class="container topbar-inner"> <p>Trusted by 500+ businesses worldwide</p> <a href="#" class="open-call">Book a free strategy call</a> </div> </header> <nav class="navbar"> <div class="container nav-inner"> <a class="brand" href="#"> <span class="brand-badge">T</span> <span>techechi.shop</span> </a> <button class="menu-toggle" id="menuToggle" aria-label="Toggle menu">Menu</button> <div class="nav-links" id="navLinks"> <a href="#services">Services</a> <a href="#results">Results</a> <a href="#pricing">Plans</a> <a href="#faq">FAQ</a> <a href="#" class="btn btn-outline open-chat">Talk to us</a> <a href="#" class="btn btn-solid cta-primary open-auth">Get started</a> </div> </div> </nav> <main> <section class="hero"> <div class="container hero-grid"> <div class="hero-copy reveal"> <p class="eyebrow">Performance-first growth partner</p> <h1>Scale your brand with data-driven digital marketing</h1> <p class="subcopy">We combine paid media, SEO, and conversion design to bring consistent leads and predictable revenue to modern businesses.</p> <ul class="hero-points"> <li>Full-funnel campaign strategy</li> <li>Real-time performance dashboards</li> <li>Weekly optimization sprints</li> </ul> <div class="hero-actions"> <a href="#pricing" class="btn btn-solid">Start your growth plan</a> <a href="#services" class="btn btn-outline">Explore services</a> </div> </div> <div class="hero-visual reveal"> <div class="metric-card metric-main"> <p>Monthly Qualified Leads</p> <h3>+214%</h3> <span>for B2B SaaS in 6 months</span> </div> <div class="metric-card metric-small"> <p>Avg. ROAS</p> <h3>6.8x</h3> </div> <div class="metric-card metric-small"> <p>Cost per Acquisition</p> <h3>-39%</h3> </div> </div> </div> </section> <section class="logo-strip reveal"> <div class="container logos"> <span>NovaFit</span> <span>ClarityX</span> <span>Aether Labs</span> <span>UrbanLeaf</span> <span>PulseCart</span> </div> </section> <section id="services" class="services section"> <div class="container"> <div class="section-head reveal"> <p class="eyebrow">Core services</p> <h2>Build a marketing engine that compounds</h2> </div> <div class="service-tabs reveal" id="serviceTabs"> <button class="tab active" data-tab="tab1">Paid Media</button> <button class="tab" data-tab="tab2">SEO & Content</button> <button class="tab" data-tab="tab3">Lifecycle Automation</button> <button class="tab" data-tab="tab4">Conversion Design</button> </div> <div class="tab-panels reveal"> <article class="panel active" id="tab1"> <h3>Paid Media That Scales Profitably</h3> <p>High-intent campaigns across Meta, Google, and LinkedIn with creative testing frameworks that reduce waste and increase return.</p> <ul> <li>Audience and angle research</li> <li>Ad creative production system</li> <li>Budget pacing and bid optimization</li> </ul> </article> <article class="panel" id="tab2"> <h3>Search Visibility With Commercial Intent</h3> <p>We create content clusters that attract, educate, and convert your best-fit audience at every stage of the journey.</p> <ul> <li>Keyword gap and SERP mapping</li> <li>Editorial calendars and briefs</li> <li>Technical SEO and on-page optimization</li> </ul> </article> <article class="panel" id="tab3"> <h3>Retention and Revenue on Autopilot</h3> <p>Personalized email and SMS flows that recover abandoned opportunities and lift customer lifetime value. </p> <ul> <li>Welcome, win-back, and upsell journeys</li> <li>Behavior-based segmentation</li> <li>Testing for subject lines and offers</li> </ul> </article> <article class="panel" id="tab4"> <h3>Landing Pages Built to Convert</h3> <p>Rapid design experiments that improve signup and purchase rates without increasing ad spend.</p> <ul> <li>Messaging hierarchy and offer framing</li> <li>UX wireframes and page prototypes</li> <li>A/B testing and CRO analytics</li> </ul> </article> </div> </div> </section> <section id="results" class="results section"> <div class="container results-grid"> <div class="results-copy reveal"> <p class="eyebrow">Why choose us</p> <h2>Execution speed with senior-level strategy</h2> <p>Most agencies stop at reporting. We turn insights into weekly action so your growth never stalls.</p> <a href="contact.html#workflow" class="text-link">See how we work</a> </div> <div class="results-list reveal"> <div class="result-item">Dedicated growth lead for your account</div> <div class="result-item">Transparent dashboards and KPI tracking</div> <div class="result-item">Creative + media + conversion in one team</div> <div class="result-item">48-hour turnaround for optimization tasks</div> </div> </div> </section> <section id="pricing" class="pricing section"> <div class="container"> <div class="section-head reveal"> <p class="eyebrow">Simple plans</p> <h2>Pick the support level that matches your growth stage</h2> </div> <div class="pricing-grid reveal"> <article class="price-card"> <h3>Starter</h3> <p class="for">For early-stage brands</p> <p class="price">$790<span>/month</span></p> <ul> <li>1 channel management</li> <li>Bi-weekly reporting</li> <li>Creative direction</li> </ul> <a href="plan.html?plan=starter" class="btn btn-outline plan-link" data-plan="starter">Choose Starter</a> </article> <article class="price-card featured"> <p class="badge">Most Popular</p> <h3>Growth</h3> <p class="for">For scaling companies</p> <p class="price">$1,890<span>/month</span></p> <ul> <li>Multi-channel management</li> <li>Weekly optimization calls</li> <li>Landing page CRO support</li> </ul> <a href="plan.html?plan=growth" class="btn btn-solid plan-link" data-plan="growth">Choose Growth</a> </article> <article class="price-card"> <h3>Scale+</h3> <p class="for">For high-volume teams</p> <p class="price">Custom</p> <ul> <li>Dedicated squad</li> <li>Daily performance monitoring</li> <li>Forecasting and revenue planning</li> </ul> <a href="plan.html?plan=scaleplus" class="btn btn-outline plan-link" data-plan="scaleplus">Talk to sales</a> </article> </div> </div> </section> <section class="testimonials section"> <div class="container"> <div class="section-head reveal"> <p class="eyebrow">Client stories</p> <h2>Brands trust techechi.shop to unlock consistent growth</h2> </div> <div class="testimonial-grid reveal"> <article class="quote-card"> <p>"Within 90 days, lead volume doubled and our sales team finally had predictable pipeline quality."</p> <h4>Arjun Mehta</h4> <span>Revenue Director, ClarityX</span> </article> <article class="quote-card"> <p>"Their blend of creative and analytics gave us a repeatable way to scale ad spend without killing margin."</p> <h4>Keira Santos</h4> <span>Founder, UrbanLeaf</span> </article> <article class="quote-card"> <p>"techechi.shop rebuilt our lifecycle flows and recovered revenue we were missing every single month."</p> <h4>David Kim</h4> <span>Head of E-commerce, PulseCart</span> </article> </div> </div> </section> <section id="faq" class="faq section"> <div class="container"> <div class="section-head reveal"> <p class="eyebrow">FAQ</p> <h2>Common questions before we start</h2> </div> <div class="faq-list reveal"> <article class="faq-item"> <button class="faq-question">How quickly can we launch campaigns?<span>+</span></button> <div class="faq-answer"> <p>Most clients go live in 10-14 days after onboarding, depending on creative and tracking readiness.</p> </div> </article> <article class="faq-item"> <button class="faq-question">Do you work with startups and enterprise teams?<span>+</span></button> <div class="faq-answer"> <p>Yes. We adapt our workflow for stage, budget, and internal team structure.</p> </div> </article> <article class="faq-item"> <button class="faq-question">Can you improve our current campaigns instead of starting from zero?<span>+</span></button> <div class="faq-answer"> <p>Absolutely. We begin with a full audit, preserve what works, and rebuild weak parts for fast wins.</p> </div> </article> <article class="faq-item"> <button class="faq-question">What tools do you use for tracking and reporting?<span>+</span></button> <div class="faq-answer"> <p>We support GA4, Looker Studio, Meta, Google Ads, HubSpot, Klaviyo, and custom dashboards.</p> </div> </article> </div> </div> </section> </main> <footer id="contact" class="footer"> <div class="container footer-grid reveal"> <div> <a class="brand" href="#"> <span class="brand-badge">T</span> <span>techechi.shop</span> </a> <p>Growth marketing agency for ambitious brands that want measurable revenue impact.</p> </div> <form class="contact-box" onsubmit="return false;"> <label for="email">Get monthly growth insights</label> <div class="input-row"> <input type="email" id="email" placeholder="you@company.com" required /> <button class="btn btn-solid" type="submit">Subscribe</button> </div> </form> </div> <div class="container footer-bottom"> <p>© <span id="year"></span> techechi.shop. All rights reserved.</p> <div> <a href="contact.html">Contact Us</a> <a href="privacy.html">Privacy</a> <a href="terms.html">Terms</a> </div> </div> </footer> <div class="auth-modal" id="authModal" aria-hidden="true"> <div class="auth-overlay" id="authOverlay"></div> <div class="auth-card" role="dialog" aria-modal="true" aria-labelledby="authTitle"> <button class="auth-close" id="authClose" aria-label="Close">x</button> <p class="eyebrow">Get Started</p> <h3 id="authTitle">Tell us about you</h3> <p class="auth-subtitle">Share your details so techechi.shop can connect with you.</p> <form id="leadFormStep1" class="form-step active" novalidate> <div class="auth-grid"> <div class="field-group"> <label for="firstName">First name</label> <input id="firstName" name="firstName" type="text" autocomplete="given-name" /> <small class="field-error"></small> </div> <div class="field-group"> <label for="lastName">Last name</label> <input id="lastName" name="lastName" type="text" autocomplete="family-name" /> <small class="field-error"></small> </div> </div> <div class="auth-grid"> <div class="field-group"> <label for="leadEmail">Email address</label> <input id="leadEmail" name="email" type="email" autocomplete="email" /> <small class="field-error"></small> </div> <div class="field-group"> <label for="leadAge">Age</label> <input id="leadAge" name="age" type="number" min="16" max="80" /> <small class="field-error"></small> </div> </div> <div class="auth-grid"> <div class="field-group"> <label for="leadPhone">Phone number</label> <input id="leadPhone" name="phone" type="tel" /> <small class="field-error"></small> </div> <div class="field-group"> <label for="leadCity">City</label> <input id="leadCity" name="city" type="text" /> <small class="field-error"></small> </div> </div> <div class="field-group"> <label for="leadBusiness">Business / Work profile</label> <input id="leadBusiness" name="business" type="text" /> <small class="field-error"></small> </div> <p id="step1Status" class="auth-status" aria-live="polite"></p> <button type="submit" class="btn btn-solid cta-primary auth-submit">Next</button> </form> <form id="leadFormStep2" class="form-step" novalidate> <div class="field-group"> <label for="whyJoin">Why do you want to join digital marketing?</label> <textarea id="whyJoin" rows="3"></textarea> <small class="field-error"></small> </div> <div class="field-group"> <label for="whyInterested">Why are you interested in techechi.shop?</label> <textarea id="whyInterested" rows="3"></textarea> <small class="field-error"></small> </div> <div class="field-group"> <label for="goals">What are your top goals in the next 6 months?</label> <textarea id="goals" rows="3"></textarea> <small class="field-error"></small> </div> <div class="field-group"> <label for="experience">Any previous marketing experience?</label> <textarea id="experience" rows="3"></textarea> <small class="field-error"></small> </div> <div class="field-group"> <label for="supportNeed">What kind of support do you expect from us?</label> <textarea id="supportNeed" rows="3"></textarea> <small class="field-error"></small> </div> <p id="step2Status" class="auth-status" aria-live="polite"></p> <div class="step-actions"> <button type="button" class="btn btn-outline" id="backToStep1">Back</button> <button type="submit" class="btn btn-solid cta-primary">Submit</button> </div> </form> </div> </div> <div class="auth-modal" id="callModal" aria-hidden="true"> <div class="auth-overlay" id="callOverlay"></div> <div class="auth-card" role="dialog" aria-modal="true" aria-labelledby="callTitle"> <button class="auth-close" id="callClose" aria-label="Close">x</button> <p class="eyebrow">Book A Free Strategy Call</p> <h3 id="callTitle">Schedule your call</h3> <p class="auth-subtitle">Share a few details and our team will contact you.</p> <form id="callForm" novalidate> <div class="field-group"> <label for="callName">Name</label> <input id="callName" type="text" /> <small class="field-error"></small> </div> <div class="auth-grid"> <div class="field-group"> <label for="callPhone">Mobile no.</label> <input id="callPhone" type="tel" /> <small class="field-error"></small> </div> <div class="field-group"> <label for="callEmail">Email</label> <input id="callEmail" type="email" /> <small class="field-error"></small> </div> </div> <div class="field-group"> <label for="callTiming">When can we call? (timings)</label> <input id="callTiming" type="text" placeholder="e.g. Weekdays 6 PM - 8 PM" /> <small class="field-error"></small> </div> <div class="field-group"> <label for="callTopic">Topic you want to discuss</label> <textarea id="callTopic" rows="3"></textarea> <small class="field-error"></small> </div> <p id="callStatus" class="auth-status"></p> <button class="btn btn-solid cta-primary auth-submit" type="submit">Submit Request</button> </form> </div> </div> <div class="chat-modal" id="chatModal" aria-hidden="true"> <div class="chat-overlay" id="chatOverlay"></div> <div class="chatbot" id="chatbotPanel"> <div class="chatbot-head"> <h4>techechi.shop Assistant</h4> <button id="chatClose" aria-label="Close chatbot">x</button> </div> <p class="chatbot-sub">Ask about services, pricing, and website usage.</p> <div class="chat-quick" id="chatQuick"></div> <div class="chat-messages" id="chatMessages"></div> <form id="chatForm" class="chat-form"> <input id="chatInput" type="text" placeholder="Type your question..." /> <button class="btn btn-solid" type="submit">Send</button> </form> </div> </div> <script src="script.js"></script> </body> </html>