<?php /** * ল্যান্ডিং পেজ — স্কুল ওয়েবসাইট প্রোডাক্ট শোকেস * TheWebsKing * * এই ফাইলটি স্ট্যাটিক HTML হিসেবেও কাজ করে, PHP হিসেবেও। * নিচের $site ভ্যারিয়েবল বদলে কন্টাক্ট তথ্য পরিবর্তন করা যায়। */ $site = [ 'brand' => 'TheWebsKing', 'phone' => '', // এখানে মোবাইল নম্বর দিন, যেমন: 01700-000000 'email' => '', // এখানে ইমেইল দিন 'facebook'=> '', // ফেসবুক পেজ লিংক 'whatsapp'=> '', // যেমন: https://wa.me/8801700000000 ]; function e($s) { return htmlspecialchars((string)$s, ENT_QUOTES, 'UTF-8'); } ?> <!DOCTYPE html> <html lang="bn"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>স্কুল ওয়েবসাইট — বাংলাদেশি বিদ্যালয়ের জন্য সম্পূর্ণ সমাধান | <?= e($site['brand']) ?></title> <meta name="description" content="নোটিশ, ফলাফল, রুটিন, শিক্ষক পরিচিতি, প্রধান শিক্ষক ও প্রতিষ্ঠাতার তথ্য সহ বাংলাদেশি বিদ্যালয়ের জন্য সম্পূর্ণ বাংলা ওয়েবসাইট ও অ্যাডমিন প্যানেল।"> <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=Hind+Siliguri:wght@400;500;600;700&family=Noto+Serif+Bengali:wght@600;700;800&display=swap" rel="stylesheet"> <style> :root{ --g900:#0A3D2E; --g700:#0E6B4F; --g100:#DDEBE5; --g50:#EEF5F2; --ink:#14211C; --muted:#566861; --line:#D3DFD9; --gold:#F2B01E; --bg:#F6F9F7; --serif:'Noto Serif Bengali','Hind Siliguri',serif; --sans:'Hind Siliguri',system-ui,-apple-system,'Segoe UI',sans-serif; } *{box-sizing:border-box} body{margin:0;font-family:var(--sans);color:var(--ink);background:var(--bg);line-height:1.8;font-size:17px} h1,h2,h3{font-family:var(--serif);color:var(--g900);margin:0;line-height:1.45} a{color:var(--g700);text-decoration:none} a:hover{color:var(--g900)} img{max-width:100%} .wrap{max-width:1180px;margin:0 auto;padding:0 24px} .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:8px;font-weight:600;font-size:16px;border:none;cursor:pointer;text-decoration:none} .btn-gold{background:var(--gold);color:var(--g900)} .btn-gold:hover{background:#d99c12;color:var(--g900)} .btn-green{background:var(--g700);color:#fff} .btn-green:hover{background:var(--g900);color:#fff} .btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.55)} .btn-outline:hover{background:rgba(255,255,255,.12);color:#fff} /* NAV */ .nav{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:22px 0} .brand{display:flex;align-items:center;gap:12px} .brand-mark{width:44px;height:44px;border-radius:10px;background:var(--g700);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:800;font-size:19px} .brand-name{font-family:var(--serif);font-weight:800;font-size:20px;color:var(--g900)} /* HERO */ .hero{margin:0 0 0;border-radius:20px;background-color:var(--g900);background-image:radial-gradient(rgba(255,255,255,.08) 1.6px, transparent 1.6px);background-size:22px 22px;padding:72px 48px;display:flex;flex-direction:column;align-items:flex-start;gap:22px} .pill{display:inline-block;background:rgba(242,176,30,.18);color:var(--gold);font-weight:600;font-size:14px;padding:6px 16px;border-radius:999px} .hero h1{color:#fff;font-size:clamp(28px,4vw,46px);max-width:780px} .hero p{color:rgba(255,255,255,.82);font-size:19px;max-width:640px;margin:0} .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px} /* STATS */ .stats{display:flex;flex-wrap:wrap;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:28px} .stat{flex:1 1 180px;background:#fff;padding:22px 24px;text-align:center} .stat b{display:block;font-family:var(--serif);font-weight:800;font-size:30px;color:var(--g700)} .stat span{display:block;color:var(--muted);font-size:14px;margin-top:4px} /* SECTIONS */ .section{padding:60px 0 16px} .section-head{border-left:6px solid var(--gold);padding-left:14px;margin-bottom:28px} .eyebrow{color:var(--g700);font-weight:600;font-size:14px;margin-bottom:4px} .section h2{font-size:28px} .grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px} .grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px} .card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px} .card .ico{font-size:26px} .card h3{font-size:17px;margin-top:12px} .card p{color:var(--muted);font-size:14px;line-height:1.7;margin:6px 0 0} .admin-card{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px} .admin-ico{flex:0 0 auto;width:40px;height:40px;border-radius:10px;background:var(--g50);color:var(--g700);display:flex;align-items:center;justify-content:center;font-size:18px} .admin-card h3{font-size:16px} .admin-card p{color:var(--muted);font-size:13.5px;line-height:1.7;margin:4px 0 0} .band{margin:52px 0 0;background:var(--g50);border-radius:18px;padding:44px 40px;display:flex;flex-wrap:wrap;gap:40px} .band h2{font-size:22px;margin-bottom:16px} .checklist{display:flex;flex-direction:column;gap:10px} .checklist div{display:flex;gap:10px;align-items:flex-start;font-size:15px} .checklist span{color:var(--g700)} .chips{display:flex;gap:12px;flex-wrap:wrap} .chip{background:#fff;border:1px solid var(--line);padding:8px 16px;border-radius:999px;font-size:14px;font-weight:600;color:var(--g900)} .cta{margin:52px 0 48px;border-radius:20px;background:var(--g900);padding:56px 48px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px} .cta h2{color:#fff;font-size:28px;max-width:600px} .cta p{color:rgba(255,255,255,.8);font-size:16px;max-width:520px;margin:0} .cta .contact-links{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:6px} .foot{text-align:center;color:var(--muted);font-size:13px;padding-bottom:28px} @media (max-width:991px){ .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))} .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:639px){ .grid-4,.grid-3{grid-template-columns:1fr} .hero{padding:48px 24px} .band{padding:32px 24px} .cta{padding:40px 24px} } :focus-visible{outline:3px solid var(--gold);outline-offset:2px} </style> </head> <body> <div class="wrap"> <!-- NAV --> <div class="nav"> <div class="brand"> <div class="brand-mark">TK</div> <div class="brand-name"><?= e($site['brand']) ?></div> </div> <a href="#contact" class="btn btn-green" style="padding:10px 22px;font-size:15px;">যোগাযোগ করুন</a> </div> <!-- HERO --> <div class="hero"> <span class="pill">বাংলাদেশি স্কুল, মাদ্রাসা ও কলেজের জন্য</span> <h1>আপনার বিদ্যালয়ের জন্য সম্পূর্ণ বাংলা ওয়েবসাইট</h1> <p>নোটিশ, ফলাফল, রুটিন, শিক্ষক পরিচিতি, প্রধান শিক্ষক ও প্রতিষ্ঠাতার তথ্য, বিদ্যালয়ের ইতিহাস — সবকিছু নিজে নিজেই আপডেট করুন অ্যাডমিন প্যানেল থেকে, কোনো কোডিং ছাড়াই।</p> <div class="hero-actions"> <a href="#contact" class="btn btn-gold">আজই অর্ডার করুন</a> <a href="#features" class="btn btn-outline">ফিচার দেখুন</a> </div> </div> <!-- STATS --> <div class="stats"> <div class="stat"><b>৮টি</b><span>পাবলিক পেজ</span></div> <div class="stat"><b>১০+</b><span>অ্যাডমিন মডিউল</span></div> <div class="stat"><b>১০০%</b><span>বাংলা ইন্টারফেস</span></div> <div class="stat"><b>১-ক্লিক</b><span>ইনস্টল সিস্টেম</span></div> </div> <!-- PUBLIC FEATURES --> <div id="features" class="section"> <div class="section-head"> <div class="eyebrow">ভিজিটরদের জন্য</div> <h2>ওয়েবসাইটের সামনের দিক</h2> </div> <div class="grid-4"> <?php $publicFeatures = [ ['🏠', 'হোম পেজ', 'স্লাইডার, লাইভ নোটিশ বোর্ড, প্রধান শিক্ষকের বাণী ও এক নজরে তথ্য।'], ['📣', 'নোটিশ', 'ক্যাটাগরি ও সার্চ দিয়ে খোঁজা যায়, PDF/ছবি সহ বিস্তারিত পেজ।'], ['🏆', 'ফলাফল', 'সাল ও শ্রেণি অনুযায়ী ফিল্টার করে PDF ফলাফল দেখা ও ডাউনলোড।'], ['🗓️', 'রুটিন', 'ক্লাস ও পরীক্ষার রুটিন, শ্রেণি অনুযায়ী আলাদা করে দেখা যায়।'], ['👩🏫', 'শিক্ষকবৃন্দ', 'ছবি, পদবি, বিষয় ও মোবাইল নম্বরসহ পরিচিতি, নাম দিয়ে সার্চ।'], ['🏫', 'আমাদের সম্পর্কে', 'বিদ্যালয় পরিচিতি, লক্ষ্য-রূপকল্প, প্রধান শিক্ষকের সম্পূর্ণ বাণী।'], ['⭐', 'প্রতিষ্ঠাতা', 'এক বা একাধিক প্রতিষ্ঠাতার ছবি, পরিচয় ও অবদানের বিস্তারিত।'], ['⏳', 'বিদ্যালয়ের ইতিহাস', 'সাল ধরে টাইমলাইন আকারে বিদ্যালয়ের পথচলার গল্প।'], ]; foreach ($publicFeatures as [$icon, $title, $desc]): ?> <div class="card"> <div class="ico"><?= $icon ?></div> <h3><?= e($title) ?></h3> <p><?= e($desc) ?></p> </div> <?php endforeach; ?> </div> </div> <!-- ADMIN FEATURES --> <div class="section"> <div class="section-head"> <div class="eyebrow">বিদ্যালয় কর্তৃপক্ষের জন্য</div> <h2>অ্যাডমিন প্যানেল — নিজেই চালান</h2> </div> <div class="grid-3"> <?php $adminFeatures = [ ['📊', 'ড্যাশবোর্ড', 'নোটিশ, ফলাফল, রুটিন ও শিক্ষকের সংখ্যা এক নজরে।'], ['📝', 'নোটিশ/ফলাফল/রুটিন', 'যোগ, এডিট, মুছুন — PDF বা ছবি আপলোড সহ।'], ['👥', 'শিক্ষক ব্যবস্থাপনা', 'ছবি আপলোড, ক্রম অনুযায়ী সাজানো।'], ['🎓', 'প্রধান শিক্ষক ও প্রতিষ্ঠাতা', 'একাধিক এন্ট্রি, বর্তমান ও সাবেকদের তালিকা।'], ['🖼️', 'হোম স্লাইডার', 'বিদ্যালয়ের ছবি আপলোড, ক্যাপশন ও ক্রম নির্ধারণ।'], ['⚙️', 'সাইট সেটিং', 'নাম, লোগো, ঠিকানা, EIIN, মিশন-ভিশন — সব একসাথে।'], ]; foreach ($adminFeatures as [$icon, $title, $desc]): ?> <div class="admin-card"> <div class="admin-ico"><?= $icon ?></div> <div><h3><?= e($title) ?></h3><p><?= e($desc) ?></p></div> </div> <?php endforeach; ?> </div> </div> <!-- SECURITY + TECH --> <div class="band"> <div style="flex:1 1 320px;"> <h2>নিরাপত্তা সবসময়</h2> <div class="checklist"> <div><span>✓</span> পাসওয়ার্ড এনক্রিপ্ট করে সংরক্ষণ</div> <div><span>✓</span> SQL ইনজেকশন প্রতিরোধ</div> <div><span>✓</span> প্রতিটি ফর্মে CSRF সুরক্ষা</div> <div><span>✓</span> নির্ধারিত ফরম্যাট ও সাইজের ফাইল আপলোড</div> </div> </div> <div style="flex:1 1 320px;"> <h2>যেভাবে বানানো</h2> <div class="chips"> <span class="chip">PHP</span> <span class="chip">MySQL</span> <span class="chip">Bootstrap 5</span> <span class="chip">সম্পূর্ণ বাংলা</span> </div> <p style="color:var(--muted);font-size:14px;margin-top:16px;">যেকোনো সাধারণ cPanel হোস্টিং-এ চলে। ১-ক্লিক ইনস্টলার দিয়ে ডাটাবেস ও অ্যাডমিন অ্যাকাউন্ট নিজে থেকেই তৈরি হয়।</p> </div> </div> <!-- CTA --> <div id="contact" class="cta"> <h2>আপনার বিদ্যালয়ের জন্য এই ওয়েবসাইট চাই?</h2> <p><?= e($site['brand']) ?>-এর সাথে যোগাযোগ করুন, আপনার বিদ্যালয়ের নাম-লোগো দিয়ে কাস্টমাইজ করে দেওয়া হবে।</p> <div class="contact-links"> <?php if ($site['phone']): ?><a class="btn btn-gold" href="tel:<?= e(preg_replace('/[^0-9+]/', '', $site['phone'])) ?>">📞 <?= e($site['phone']) ?></a><?php endif; ?> <?php if ($site['whatsapp']): ?><a class="btn btn-outline" href="<?= e($site['whatsapp']) ?>" target="_blank" rel="noopener">WhatsApp</a><?php endif; ?> <?php if ($site['facebook']): ?><a class="btn btn-outline" href="<?= e($site['facebook']) ?>" target="_blank" rel="noopener">ফেসবুক পেজ</a><?php endif; ?> <?php if (!$site['phone'] && !$site['whatsapp'] && !$site['facebook']): ?> <a class="btn btn-gold" href="mailto:<?= e($site['email'] ?: 'info@example.com') ?>">যোগাযোগ করুন</a> <?php endif; ?> </div> </div> <div class="foot">© <?= date('Y') ?> <?= e($site['brand']) ?> — PHP ওয়েবসাইট সল্যুশন</div> </div> </body> </html>