BrightMind/about.html at main · AdaviDigital/BrightMind · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us | BrightMind Books</title>
<meta name="description" content="Learn about BrightMind's mission to make practical, high-quality e-books affordable and accessible to readers across Africa and beyond.">
<meta name="theme-color" content="#0A1226">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="manifest" href="site.webmanifest">
<meta property="og:title" content="About Us | BrightMind Books">
<meta property="og:description" content="Learn about BrightMind's mission to make practical, high-quality e-books affordable and accessible to readers across Africa and beyond.">
<meta property="og:image" content="images/logo-512.png">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<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=Sora:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">

</head>
<body>
<a href="#main" class="skip-link">Skip to content</a>
<div class="topbar">
    <div class="container">
      <div class="topbar-links">
        <a href="about.html">About Us</a>
        <a href="blog.html">Blog</a>
        <a href="faq.html">Help Center</a>
      </div>
      <div class="topbar-contact">
        <a href="mailto:olatundeajayi87@yahoo.com">olatundeajayi87@yahoo.com</a>
        <a href="tel:+2349135878155">+234 913 587 8155</a>
        <a href="https://wa.me/2349135878155" target="_blank" rel="noopener">WhatsApp</a>
      </div>
    </div>
  </div>
<header class="navbar">
    <div class="container">
      <a href="index.html" class="brand">
        <img src="images/logo.png" alt="BrightMind Books logo">
        <span>
          <span class="brand-word">Bright<span>Mind</span></span>
          <span class="brand-tag">Learn Smarter. Grow Faster.</span>
        </span>
      </a>
      <nav class="nav-links">
        <a href="index.html" class="">Home</a>
        <a href="shop.html" class="">Shop</a>
        <a href="categories.html" class="">Categories</a>
        <a href="authors.html" class="">Authors</a>
        <a href="blog.html" class="">Blog</a>
        <div class="has-dropdown">
          <a href="faq.html">Help</a>
          <div class="dropdown">
          <a href="faq.html">Help Center / FAQs</a>
          <a href="refund-policy.html">Returns & Refund Policy</a>
          <a href="privacy-policy.html">Privacy Policy</a>
          <a href="terms.html">Terms & Conditions</a>
          <a href="cookie-policy.html">Cookie Policy</a>
          </div>
        </div>
      </nav>
      <form class="nav-search" data-search-form>
        <button type="submit" aria-label="Search"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="11" cy="11" r="7"/><path d="m21 21-4.3-4.3"/></svg></button>
        <input type="text" placeholder="Search books, authors, ISBN...">
      </form>
      <div class="nav-actions">
        <a href="wishlist.html" class="icon-btn" aria-label="Wishlist"><svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20.8 4.6a5.5 5.5 0 0 0-7.8 0L12 5.6l-1-1a5.5 5.5 0 0 0-7.8 7.8l1 1L12 21l7.8-7.6 1-1a5.5 5.5 0 0 0 0-7.8z"/></svg><span class="badge" data-wishlist-count>0</span></a>
        <a href="cart.html" class="icon-btn" aria-label="Cart"><svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="9" cy="21" r="1"/><circle cx="20" cy="21" r="1"/><path d="M1 1h4l2.6 13.4a2 2 0 0 0 2 1.6h9.7a2 2 0 0 0 2-1.6L23 6H6"/></svg><span class="badge" data-cart-count>0</span></a>
        <a href="dashboard.html" class="icon-btn" aria-label="Account"><svg width="19" height="19" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M20 21a8 8 0 1 0-16 0"/><circle cx="12" cy="7" r="4"/></svg></a>
        <a href="login.html" class="btn btn-primary btn-sm" style="margin-left:6px;">Sign In</a>
        <button class="nav-toggle icon-btn" aria-label="Open menu"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="3" y1="6" x2="21" y2="6"/><line x1="3" y1="12" x2="21" y2="12"/><line x1="3" y1="18" x2="21" y2="18"/></svg></button>
      </div>
    </div>
  </header>
  <div class="mobile-menu">
    <button class="close-btn" aria-label="Close menu">&times;</button>
    <nav>
      <a href="index.html">Home</a><a href="shop.html">Shop</a><a href="categories.html">Categories</a><a href="authors.html">Authors</a><a href="blog.html">Blog</a><a href="about.html">About</a><a href="contact.html">Contact</a>
      <a href="faq.html">Help Center / FAQs</a><a href="refund-policy.html">Returns & Refund Policy</a><a href="privacy-policy.html">Privacy Policy</a><a href="terms.html">Terms & Conditions</a><a href="cookie-policy.html">Cookie Policy</a>
      <a href="login.html">Sign In</a>
      <a href="register.html">Create Account</a>
    </nav>
  </div>
<main id="main">

<div class="page-header">
    <div class="container">
      <div class="breadcrumb"><a href="index.html">Home</a> <span>/</span> <span>About</span></div>
      <h1>About BrightMind</h1>
    </div>
  </div>
<section class="section">
  <div class="container">
    <div class="grid grid-2" style="align-items:center;gap:56px;">
      <div>
        <span class="eyebrow">Our Story</span>
        <h2>Built for readers who want to grow, not just consume</h2>
        <p>BrightMind started with a simple observation: the best career and life advice was locked behind expensive courses or scattered across unreliable blog posts. We set out to build a marketplace where practitioners &mdash; not just celebrity authors &mdash; could publish focused, practical e-books, and readers could find exactly what they need to move forward.</p>
        <p>Today, BrightMind hosts over 620 titles from more than 140 authors across business, technology, finance and personal development, with a growing focus on the realities of building a career and a business in Africa's fast-moving digital economy.</p>
      </div>
      <div class="beam" style="background:radial-gradient(circle at 50% 40%, rgba(42,92,230,.16), transparent 60%);"><svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg">
      <defs>
        <linearGradient id="bulbGrad" x1="0" y1="0" x2="1" y2="1">
          <stop offset="0%" stop-color="#FFCE7A"/><stop offset="100%" stop-color="#F0A93A"/>
        </linearGradient>
        <linearGradient id="bookGrad" x1="0" y1="0" x2="1" y2="0">
          <stop offset="0%" stop-color="#6C93FF"/><stop offset="100%" stop-color="#2A5CE6"/>
        </linearGradient>
      </defs>
      <circle cx="100" cy="72" r="34" fill="url(#bulbGrad)" opacity="0.95"/>
      <rect x="88" y="100" width="24" height="18" rx="3" fill="#C98A2E"/>
      <path d="M20 150 Q100 120 180 150 L180 160 Q100 132 20 160 Z" fill="url(#bookGrad)"/>
      <path d="M20 150 Q100 176 180 150" fill="none" stroke="#fff" stroke-width="3" opacity=".6"/>
      <g stroke="#F0A93A" stroke-width="3" stroke-linecap="round" opacity=".8">
        <line x1="100" y1="18" x2="100" y2="4"/>
        <line x1="130" y1="28" x2="140" y2="18"/>
        <line x1="70" y1="28" x2="60" y2="18"/>
        <line x1="145" y1="55" x2="158" y2="50"/>
        <line x1="55" y1="55" x2="42" y2="50"/>
      </g>
    </svg></div>
    </div>
  </div>
</section>
<section class="section section-alt">
  <div class="container">
    <div class="grid grid-3">
      <div class="panel">
        <h3>Our Mission</h3>
        <p style="margin:0;">To make high-quality, practical knowledge affordable and instantly accessible to every reader, regardless of location.</p>
      </div>
      <div class="panel">
        <h3>Our Vision</h3>
        <p style="margin:0;">A world where anyone with a phone or laptop can learn the skills they need to build a better career and a better life.</p>
      </div>
      <div class="panel">
        <h3>Why Choose Us</h3>
        <p style="margin:0;">Vetted authors, instant downloads, local payment support, and a platform built with readers &mdash; not algorithms &mdash; in mind.</p>
      </div>
    </div>
  </div>
</section>
<section class="section section-navy">
  <div class="container">
    <div class="stat-strip">
      <div><strong>2024</strong><span>Founded</span></div>
      <div><strong>620+</strong><span>Titles Published</span></div>
      <div><strong>140+</strong><span>Verified Authors</span></div>
      <div><strong>38k+</strong><span>Readers Served</span></div>
      <div><strong>19</strong><span>Countries Reached</span></div>
    </div>
  </div>
</section>

</main>
<footer>
    <div class="container">
      <div class="footer-grid">
        <div>
          <div class="footer-brand">
            <img src="images/logo.png" alt="BrightMind Books">
            <div>
              <strong style="color:#fff;font-family:var(--font-display);display:block;">BrightMind Books</strong>
              <span style="font-size:.75rem;">Ignite Your Mind. Transform Your Life.</span>
            </div>
          </div>
          <p style="font-size:.86rem;max-width:280px;">A premium e-book marketplace and digital learning platform built for African and global readers who want to learn smarter and grow faster.</p>
          <div class="footer-social">
            <a href="#" aria-label="Facebook"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M22 12a10 10 0 1 0-11.6 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.4v7A10 10 0 0 0 22 12z"/></svg></a>
            <a href="#" aria-label="Twitter / X"><svg width="15" height="15" viewBox="0 0 24 24" fill="currentColor"><path d="M18.9 2H22l-7.6 8.7L23.4 22h-7.1l-5.6-6.9L4.3 22H1.2l8.1-9.3L1 2h7.3l5 6.3L18.9 2zm-1.2 18h1.7L7.3 4H5.5l12.2 16z"/></svg></a>
            <a href="#" aria-label="Instagram"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="5"/><circle cx="12" cy="12" r="4"/><circle cx="17.5" cy="6.5" r="1"/></svg></a>
            <a href="#" aria-label="LinkedIn"><svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M6.94 5a2 2 0 1 1 0-4 2 2 0 0 1 0 4zM5 8h4v12H5V8zm7 0h3.8v1.7h.05c.53-1 1.83-2 3.77-2 4 0 4.75 2.6 4.75 6.1V20h-4v-5.6c0-1.35-.02-3.1-1.9-3.1-1.9 0-2.2 1.5-2.2 3v5.7h-4V8z"/></svg></a>
          </div>
        </div>
        <div>
          <h5>Explore</h5>
          <a href="about.html">About BrightMind</a>
          <a href="shop.html">Shop</a>
          <a href="categories.html">Categories</a>
          <a href="authors.html">Authors</a>
          <a href="blog.html">Blog</a>
        </div>
        <div>
          <h5>Account</h5>
          <a href="dashboard.html">My Dashboard</a>
          <a href="wishlist.html">Wishlist</a>
          <a href="cart.html">Cart</a>
          <a href="login.html">Sign In</a>
          <a href="register.html">Create Account</a>
        </div>
        <div>
          <h5>Support</h5>
          <a href="faq.html">Help Center / FAQs</a>
          <a href="refund-policy.html">Returns & Refund Policy</a>
          <a href="privacy-policy.html">Privacy Policy</a>
          <a href="terms.html">Terms & Conditions</a>
          <a href="cookie-policy.html">Cookie Policy</a>
          <a href="contact.html">Contact Us</a>
        </div>
        <div>
          <h5>Newsletter</h5>
          <p style="font-size:.84rem;">Get new releases and learning tips in your inbox.</p>
          <form data-demo-form data-success-msg="Subscribed successfully" style="display:flex;gap:8px;">
            <input type="email" required placeholder="Email address" style="flex:1;min-width:0;padding:10px 14px;border-radius:100px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;">
            <button class="btn btn-primary btn-sm" type="submit">Join</button>
          </form>
        </div>
      </div>
      <div class="footer-bottom">
        <span>&copy; 2026 BrightMind. All Rights Reserved. Powered by Adavi Digital. Designed for the Future of Digital Learning.</span>
        <div class="payment-icons">
          <span>STRIPE</span><span>PAYSTACK</span><span>FLUTTERWAVE</span><span>PAYPAL</span>
        </div>
      </div>
    </div>
  </footer>
  <button class="chatbot-btn" aria-label="Open support chat"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 11.5a8.4 8.4 0 0 1-1 4 8.5 8.5 0 0 1-7.5 4.5A8.4 8.4 0 0 1 8 19l-5 1 1-5a8.4 8.4 0 0 1-1-4 8.5 8.5 0 0 1 4.5-7.5 8.4 8.4 0 0 1 4-1h.5a8.5 8.5 0 0 1 8 8v.5z"/></svg></button>
  <div class="chatbot-panel">
    <div class="chatbot-head"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M21 11.5a8.4 8.4 0 0 1-1 4 8.5 8.5 0 0 1-7.5 4.5A8.4 8.4 0 0 1 8 19l-5 1 1-5a8.4 8.4 0 0 1-1-4 8.5 8.5 0 0 1 4.5-7.5 8.4 8.4 0 0 1 4-1h.5a8.5 8.5 0 0 1 8 8v.5z"/></svg> <div><strong>BrightMind Assistant</strong><div style="font-size:.72rem;color:#9AA6C4;">Typically replies instantly</div></div></div>
    <div class="chatbot-body"><div class="chatbot-msg bot">Hi! I'm the BrightMind smart assistant. Ask me about orders, books, or your account.</div></div>
    <div class="chatbot-foot"><input type="text" placeholder="Type a message..."><button aria-label="Send"><svg width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg></button></div>
  </div>
  <button class="back-to-top" aria-label="Back to top"><svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><line x1="12" y1="19" x2="12" y2="5"/><polyline points="5 12 12 5 19 12"/></svg></button>
  <script src="js/data.js"></script>
  <script src="js/script.js"></script>
</body>
</html>