Skip to content

Commit 1af2caa

Browse files
abhinavsohaniabhinavsohani
committed
first draft
1 parent 94ca4c1 commit 1af2caa

File tree

2 files changed

+69
-17
lines changed

2 files changed

+69
-17
lines changed

‎fire.gif

110 KB
Loading

‎index.html

Lines changed: 69 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,10 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>BitByBit Labs - Quality AI Solutions</title>
7+
<!-- Add Google Font -->
8+
<link rel="preconnect" href="https://fonts.googleapis.com">
9+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
10+
<link href="https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700&display=swap" rel="stylesheet">
711
<style>
812
/* Reset and base styles */
913
* {
@@ -13,7 +17,7 @@
1317
}
1418

1519
body {
16-
font-family: Arial, Helvetica, sans-serif;
20+
font-family: 'Maven Pro', Arial, Helvetica, sans-serif;
1721
line-height: 1.6;
1822
color: #333;
1923
background-color: white;
@@ -65,9 +69,16 @@
6569
h1, h2, h3 {
6670
margin-bottom: 15px;
6771
}
72+
h2{
73+
font-size: 32px;
74+
}
75+
h3{
76+
font-size: 24px;
77+
}
6878

6979
p {
7080
margin-bottom: 15px;
81+
font-size: 22px;
7182
}
7283

7384
.section-title {
@@ -98,13 +109,53 @@
98109
margin-top: 10px;
99110
}
100111
}
112+
113+
/* Hero section - updated to match reference image */
114+
.hero {
115+
padding: 120px 0 60px;
116+
}
117+
118+
.hero h1 {
119+
font-size: 54px;
120+
line-height: 1.2;
121+
margin-bottom: 40px;
122+
max-width: 90%;
123+
font-weight: 600;
124+
}
125+
126+
.hero p {
127+
font-size: 28px;
128+
margin-bottom: 20px;
129+
line-height: 1.3;
130+
}
131+
132+
.hero p:last-of-type {
133+
margin-bottom: 60px;
134+
}
135+
136+
.hero .btn {
137+
font-size: 18px;
138+
padding: 12px 24px;
139+
border-radius: 4px;
140+
}
141+
142+
/* Responsive adjustments for hero */
143+
@media (max-width: 768px) {
144+
.hero h1 {
145+
font-size: 42px;
146+
}
147+
148+
.hero p {
149+
font-size: 22px;
150+
}
151+
}
101152
</style>
102153
</head>
103154
<body>
104155
<header>
105156
<div class="container">
106157
<nav>
107-
<div class="logo">BitByBit Labs</div>
158+
<div class="logo">BitbyBit Labs</div>
108159
<div class="nav-links">
109160
<a href="#products">Products</a>
110161
<a href="#about">About</a>
@@ -116,47 +167,48 @@
116167

117168
<section class="hero">
118169
<div class="container">
119-
<h1>Build Quality AI SaaS Products, Bit by Bit</h1>
120-
<p>We build high-quality, profitable AI SaaS products that don't require massive teams to operate.</p>
121-
<a href="#contact" class="btn">Get in Touch</a>
170+
<h1>We build Gen AI products <span style="color: #0000EE; font-size: 40px;"> Bit by Bit...</span></h1>
122171
</div>
123172
</section>
124173

125174
<section id="products">
126175
<div class="container">
127-
<h2 class="section-title">Our Products</h2>
128-
<h3>AI Analytics Suite</h3>
129-
<p>Our flagship analytics platform helps businesses make sense of complex data through intelligent automation and insights.</p>
176+
<h2 class="section-title">What we are building</h2>
177+
<h3><a href="https://recast.studio" style="color: #0000EE; text-decoration: none;">Recast Studio - </a>AI-Powered Video Editor for Marketing Teams</h3>
178+
<p>Recast Studio is an AI-powered video editor that helps marketing teams with no video editing skills to edit and repurpose their video and audio content.</p>
130179

131-
<h3>NLP Assistant</h3>
132-
<p>A powerful natural language processing tool that helps businesses understand customer feedback at scale.</p>
180+
<h3><a href="https://podcastmaker.ai" style="text-decoration: none; color: #0000EE;">Podcast Generator - </a>Turn your Text into Lifelike Audio Discussions</h3>
181+
<p>Podcast Generator helps you convert web URLs, PDFs, and text into engaging audio conversations using AI.</p>
133182

134-
<h3>Predictive Engine</h3>
135-
<p>Leverage the power of machine learning to forecast trends and make data-driven decisions for your business.</p>
183+
<h3><span style="text-decoration: none; color: #0000EE;"></a>Music Visualizer(coming soon) - </span>Turn your music into a killer video</h3>
184+
<p>Music Visualizer makes it fast and easy to create custom music visualizers.</p>
185+
186+
<h3>Many more products coming soon... 🚀</h3>
136187
</div>
137188
</section>
138189

190+
139191
<section id="about">
140192
<div class="container">
141193
<h2 class="section-title">About Us</h2>
142-
<p>BitByBit Labs is a tech company run by a small but mighty team of two passionate technologists. We believe that great products don't require massive teams or venture funding to succeed.</p>
194+
<p>We are a tiny but effective team of makers based in Indore, India.</p>
143195
<p>Our philosophy is simple: build high-quality, profitable software that solves real problems. We focus on AI SaaS solutions that can be effectively managed by small teams.</p>
144-
<p>As our name suggests, we believe in incremental, sustainable growth rather than hyper-scaling.</p>
196+
<p>The below GIF aptly represents our work style. 👇</p>
197+
<img src="/fire.gif" alt="BitbyBit Labs" style="width: 50%; height: auto;">
145198
</div>
146199
</section>
147200

148201
<section id="contact">
149202
<div class="container">
150203
<h2 class="section-title">Get in Touch</h2>
151204
<p>Interested in our products or want to learn more about what we do?</p>
152-
<p>Email: <a href="mailto:info@bitbybitlabs.com">info@bitbybitlabs.com</a></p>
153-
<a href="mailto:info@bitbybitlabs.com" class="btn">Contact Us</a>
205+
<p>Email: <a href="mailto:hi@recast.studio">hi@recast.studio</a></p>
154206
</div>
155207
</section>
156208

157209
<footer>
158210
<div class="container">
159-
<p>&copy; 2023 BitByBit Labs. All rights reserved.</p>
211+
<p>&copy; 2025 Bit By Bit Labs Pvt Ltd. All rights reserved.</p>
160212
</div>
161213
</footer>
162214
</body>

0 commit comments

Comments
 (0)