<!DOCTYPE html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="CONTENT-TYPE" content="text/html; charset=UTF-8">
  <title>DoBetter | Study Guides and Learning Resources for South African Students</title>
  <meta charset="UTF-8">
  <meta name="google-site-verification" content="5bkoyuOuR33lt2BUwFlmSa7g0ejJccxTcntvAwr0zB8" />
  <!-- Font Awesome CDN for social icons -->
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css">
  <link rel="icon" href="/assets/favicon-CIJ-e2ZL.png" type="image/png">
  <link rel="apple-touch-icon" href="/assets/favicon-CIJ-e2ZL.png">
  <meta name="theme-color" content="#ffffff">
  <meta name="description" content="DoBetter is your online learning hub for Academic Subjects. Learn smarter, anywhere, anytime.">
  <script type="module" crossorigin src="/assets/index-9ccb475d-C2oluPcN.js"></script>
  <script type="module" crossorigin src="/assets/auth-BeUcntm1.js"></script>
  <script type="module" crossorigin src="/assets/firebase-DbycObPl.js"></script>
  <script type="module" crossorigin src="/assets/checkPremium-DPiG6ghf.js"></script>
  <link rel="stylesheet" crossorigin href="/assets/index-9ccb475d-C1-nkc6y.css">
</head>
<body>
   <header class="site-header">
  <div class="nav-container">
    <!-- Logo -->
    <a href="#"><img src="/assets/Confident%20Logo%20for%20Educational%20Brand%20(4)-D8KuP_k2.png" class="logo"/></a>

    <!-- Menu toggle (mobile only) -->
    <button class="nav-toggle" id="menuBtn">
      <img src="image/menu_27dp_E3E3E3_FILL0_wght400_GRAD0_opsz24.png" alt="menu-bar"/>
    </button>
    

    <!-- Navigation Links -->
    <nav class="navbar" id="navLinks">
      <button class="nav-toggle hidden" id="closeBtn">
      <img src="image/close_28dp_E3E3E3_FILL0_wght400_GRAD0_opsz24.png" alt="close-menu-bar"/>
      </button>
      <ul>
        <li><a href="index.html">Home</a></li>
        <li><a href="subjects.html">Subjects</a></li>
        <!--- <li><a href="#">Certificate</a></li> ---Certificate page----> 
        <li><a href="about.html">About</a></li>
        <li><a href="contact.html">Contact</a></li>
        <li><a href="premium.html">Premium</a></li>
        <li><a id="user-status" href="profile.html">Not logged in</a></li>
        <span id="userStatus" class="user-badge">Checking subscription...</span>
      </ul>
    </nav>
  </div>
</header>

<!-- HERO SECTION -->
<section class="hero">
  <div class="hero-content">
    <div class="hero-text">
      <p>Are You A <strong>Student</strong> Looking To <strong>Improve Your Grades And Your Academic Results
      </strong></p>
      <h1 class="hero-headline">Study Smarter, Learn Faster, <br>DoBetter.</h1>
      <p class="hero-subtext">
        DoBetter helps <strong>students achieve higher marks</strong> through
        clear lessons, smart study tools, and real exam preparation —
        <strong>anytime, anywhere</strong>.
      </p>
      <a href="subjects.html" class="cta-btn primary-btn">Start Learning Now</a>
      <a href="premium.html" id="goPremiumBtn" class="cta-btn premium-btn">Go Premium 💎</a>
    </div>

    <div class="hero-image">
      <img src="/assets/DoBetter-Hero-CIux1J43.jpg" alt="Happy student learning with DoBetter">
    </div>
  </div>

    <!-- SIMPLE 4.5 STAR RATING UNDER CTA -->
      <div class="hero-rating">
         <i class="fas fa-star"></i>
         <i class="fas fa-star"></i>
         <i class="fas fa-star"></i>
         <i class="fas fa-star"></i>
         <i class="fas fa-star-half-alt"></i>
        <span class="score">4.5/5</span>
        <span class="para">Trusted by over 1000+ students</span>
      </div>
    </div>

    <!-- STUDENT OUTCOMES -->
<div class="hero-outcomes">
  <div class="outcome"> Improve exam results with clear, focused study guides</div>
  <div class="outcome"> Master complex topics quickly with simplified lessons</div>
  <div class="outcome"> Study anytime, anywhere with accessible online resources</div>
</div>

</section>
<section class="why-choose">
  <h2>Why Choose DoBetter?</h2>
  <p>Discover the benefits that make learning easier, smarter, and more effective.</p>
  <div class="benefits-grid">

    <div class="benefit-card">
      <i class="fas fa-brain"></i>
      <h3>Learn Smarter</h3>
      <p>Access curated study materials that save time and help you master concepts faster.</p>
    </div>

    <div class="benefit-card">
      <i class="fas fa-clock"></i>
      <h3>Study Anytime</h3>
      <p>Learn on your schedule from any device — laptop, tablet, or phone.</p>
    </div>

    <div class="benefit-card">
      <i class="fas fa-lightbulb"></i>
      <h3>Understand Concepts</h3>
      <p>Simplified explanations encourage critical thinking and problem-solving skills.</p>
    </div>

    <div class="benefit-card">
      <i class="fas fa-file-alt"></i>
      <h3>Exam Preparation</h3>
      <p>Revision notes and strategies help you tackle questions efficiently.</p>
    </div>

    <div class="benefit-card">
      <i class="fas fa-dollar-sign"></i>
      <h3>Affordable Learning</h3>
      <p>High-quality learning materials that are free or student-friendly in cost.</p>
    </div>

    <div class="benefit-card">
      <i class="fas fa-book"></i>
      <h3>Multiple Subjects</h3>
      <p>All-in-one platform for Math, Science, English, Afrikaans, and more.</p>
    </div>
  </div>
</section>

  <!-----------------main-------------------->
  <section class="main">
  <h2 class="H2">Subjects</h2>
  <div class="subjects-grids">
    <div class="subject-cards">
      <h3>Math</h3>
      <p>Master numbers, equations, and problem solving.</p>
      <a href="math.html">Explore</a>
    </div>
    <div class="subject-cards">
      <h3>Life Science</h3>
      <p>Understand the world of living organisms and biology.</p>
      <a href="life-science.html">Explore</a>
    </div>
    <div class="subject-cards">
      <h3>Geography</h3>
      <p>Discover earth, maps, and environmental science.</p>
      <a href="geography.html">Explore</a>
    </div>
    <div class="subject-cards">
      <h3>English</h3>
      <p>Improve grammar, writing, and reading skills.</p>
      <a href="english.html">Explore</a>
    </div>
    <div class="subject-cards">
      <h3>Afrikaans</h3>
      <p>Learn vocabulary, comprehension, and culture.</p>
      <a href="afrikaans.html">Explore</a>
    </div>
  </div>
</section>

<!-- INTRODUCE THE FOUNDER -->
<section class="about-intro">
  <div class="about-container">
    <div class="about-text">
      <h2>Meet the Founder</h2>
      <p>
        Hi, I’m <strong>Wayden Ram</strong> — the creator of DoBetter.  
        I started this platform because I believe every student deserves
        access to <strong>quality, simple, and affordable learning tools</strong>.  
        I know the struggle of trying to understand tough subjects without the right help.
        That’s why I built DoBetter — to make learning easier, faster, and fun.
      </p>
      <a href="about.html" class="learn-more-btn">Read My Journey</a>
    </div>
    <div class="about-image">
     <!---<img src="image/wayden.jpg" alt="Wayden Ram, Founder of DoBetter">  -----> 
    </div>
  </div>
</section>

 <section class="revieww">
  <h2>What Our Students Say</h2>
  <p>Hear directly from students who improved their learning with DoBetter.</p>
  
  <div class="reviews-grid">
    
    <div class="review-card">
      <img src="/assets/Student-dp3-BaZC-vXQ.jpg" alt="Student 1">
      <h3>Boga</h3>
      <p>"DoBetter helped me understand Geography like never before. My grades improved in just a few weeks!"</p>
      <div class="stars">
        <i class="fas fa-star"></i>
        <i class="fas fa-star"></i>
        <i class="fas fa-star"></i>
        <i class="fas fa-star"></i>
        <i class="fas fa-star-half-alt"></i>
      </div>
    </div>
    
    <div class="review-card">
      <img src="/assets/Student-dp-C8FQLIV6.jpg" alt="Student 2">
      <h3>Sipho Setho</h3>
      <p>"I can study anytime on my phone, and the lessons are super easy to follow."</p>
      <div class="stars">
        <i class="fas fa-star"></i>
        <i class="fas fa-star"></i>
        <i class="fas fa-star"></i>
        <i class="fas fa-star"></i>
        <i class="fas fa-star"></i>
      </div>
    </div>

    <div class="review-card">
      <img src="/assets/Student-dp2-BGE3EDjO.jpg" alt="Student 3">
      <h3>User-255</h3>
      <p>"The tips and practice exercises really helped me prepare for exams. Highly recommend!"</p>
      <div class="stars">
        <i class="fas fa-star"></i>
        <i class="fas fa-star"></i>
        <i class="fas fa-star"></i>
        <i class="fas fa-star"></i>
        <i class="fas fa-star-half-alt"></i>
      </div>
    </div>
  </div>
</section>

<section class="share-section">
    <h2>Share DoBetter</h2>
    <p>Help others learn smarter by sharing this app!</p>

    <!-- Modern Web Share Button -->
    <button id="shareBtn" class="share-buttons">Share This App</button>

    <!-- Social Media Links -->
    <div class="social-share">
      <a href="https://wa.me/?text=Check%20out%20DoBetter!%20Learn%20smarter%20here:%20https://dobetter-98fbb.web.app" target="_blank">WhatsApp</a>
      <a href="https://www.facebook.com/sharer/sharer.php?u=https://dobetter-98fbb.web.app" target="_blank">Facebook</a>
      <a href="https://twitter.com/intent/tweet?text=Check%20out%20DoBetter!%20Learn%20Smarter,%20Achieve%20More:%20https://dobetter-98fbb.web.app" target="_blank">X (Twitter)</a>
    </div>
  </section>

  
  <!----------------footer------------------>
  <section class="footer-page">
  <!-- Your website content here -->

  <!-- Footer -->
  <footer class="footer">
    <div class="footer-container">

      <!-- Brand -->
      <div class="footer-section">
        <h2 class="footer-logo">DoBetter</h2>
        <p>
          Building value, delivering quality, and connecting people worldwide.
          DoBetter your go to place when you want to excel academically 
        </p>
      </div>

      <!-- Quick Links -->
      <div class="footer-section">
        <h3>Quick Links</h3>
        <ul>
          <li><a href="index.html">Home</a></li>
          <li><a href="about.html">About Us</a></li>
          <li><a href="subjects.html">Subjects</a></li>
          <li><a href="contact.html">Contact</a></li>
          <li><a href="reviews.html">Reviews</a></li>
        </ul>
      </div>

      <!-- Resources -->
      <div class="footer-section">
        <h3>Resources</h3>
        <ul>
          <li><a href="blog.html">Blog</a></li>
          <li><a href="faqs.html">Faqs</a></li>
          <li><a href="privacypol.html">Privacy Policy</a></li>
          <li><a href="termsofservice.html">Terms of Service</a></li>
        </ul>
      </div>

      <!-- Contact -->
      <div class="footer-section">
        <h3>Get in Touch</h3>
        <address>Email: ultimatecool901@gmail.com</address>
        <address>Email: dobetter0111@gmail.com</address>
        <div class="footer-socials">
          <a href="#"><i class="fab fa-facebook-f"></i></a>
          <a href="https://www.tiktok.com/@wade_rm?is_from_webapp=1&sender_device=pc"><i class="fab fa-tiktok"></i></a>
          <a href="https://www.instagram.com/do_better_01?igsh=ZzhpZ2FmeDhlbzZh"><i class="fab fa-instagram"></i></a>
          <a href="https://www.linkedin.com/in/wayden-ram-a508b4373?utm_source=share&utm_campaign=share_via&utm_content=profile&utm_medium=android_app"><i class="fab fa-linkedin-in"></i></a>
        </div>
      </div>
    </div>

    <!-- Bottom Bar -->
    <div class="footer-bottom">
      © <span id="year"></span> DoBetter. 2025 All rights reserved.
    </div>
  </footer>
    
    <script>
        /*Menu bar*/
    const menuBtn = document.getElementById('menuBtn');
  const closeBtn = document.getElementById('closeBtn');
  const navLinks = document.getElementById('navLinks');

  menuBtn.addEventListener('click', () => {
    navLinks.style.display = 'block';
    menuBtn.classList.add('hidden');
    closeBtn.classList.remove('hidden');
  });

  closeBtn.addEventListener('click', () => {
    navLinks.style.display = 'none';
    closeBtn.classList.add('hidden');
    menuBtn.classList.remove('hidden');
  });
   </script>
  </section>

   <script>
    const shareData = {
      title: 'DoBetter - Learn Smarter, Achieve More',
      text: 'Check out DoBetter, an educational platform for Math, Life Science, Geography, English, and more!',
      url: 'https://dobetter-98fbb.web.app'
    };

    const btn = document.getElementById('shareBtn');

    btn.addEventListener('click', async () => {
      try {
        if (navigator.share) {
          await navigator.share(shareData);
        } else {
          alert('Sharing not supported on this browser. Copy this link: https://dobetter-98fbb.web.app');
        }
      } catch (err) {
        console.error('Error sharing:', err);
      }
    });
  </script>
  
</body>
</html>
