some blah blah

Author: skyl

encorpora-edu/app/page.tsx

@@ -86,37 +86,70 @@ const HomePage: FC = () => {
         </Card>
       </div>
 
+      {/* About Encorpora Section */}
+      <div className="mt-10 flex flex-wrap justify-center gap-6">
+
+        <Card className="w-80 shadow-lg">
+          <CardContent className="p-6 text-center">
+            <h2 className="text-xl font-semibold text-gray-900">Personalizing Learning</h2>
+            <p className="text-gray-600 mt-2">
+              We create <strong>custom textbooks</strong> tailored to your interests and needs. Our AI-powered platform <strong>adapts to your learning style</strong> and <strong>challenges you</strong> to grow.
+            </p>
+          </CardContent>
+        </Card>
+
+        <Card className="w-80 shadow-lg">
+          <CardContent className="p-6 text-center">
+            <h2 className="text-xl font-semibold text-gray-900">Empowering Students</h2>
+            <p className="text-gray-600 mt-2">
+              The future of education isn't static—it's <strong>interactive, adaptive, and designed just for you</strong>.
+              Encorpora delivers a dynamic learning experience that <strong>inspires curiosity</strong> and <strong>encourages exploration</strong>.
+            </p>
+          </CardContent>
+        </Card>
+
+        <Card className="w-80 shadow-lg">
+          <CardContent className="p-6 text-center">
+            <h2 className="text-xl font-semibold text-gray-900">Revolutionizing Education</h2>
+            <p className="text-gray-700 mt-2">
+              We are turning <strong>decades of software engineering</strong> and <strong>education experience</strong> into a platform that <strong>empowers students</strong> to learn in new ways. We are <strong>Encorpora</strong>.
+            </p>
+          </CardContent>
+        </Card>
+      </div >
+
       {/* Featured Books */}
-      <div className="mt-16 text-center max-w-3xl">
+      < div className="mt-16 text-center max-w-3xl" >
         <h2 className="text-3xl font-semibold">Featured Books</h2>
         <p className="text-gray-700 mt-2">
           Explore our growing collection of free educational materials.
         </p>
-      </div>
+      </div >
 
       {/* Featured Books List */}
-      <div className="mt-10 flex flex-wrap justify-center gap-6">
-        {loading ? (
-          <p className="text-gray-600">Loading featured books...</p>
-        ) : featuredBooks.length === 0 ? (
-          <p className="text-gray-600">No featured books available.</p>
-        ) : (
-          featuredBooks.map((book) => (
-            <Card key={book.id} className="w-80 shadow-lg">
-              <CardContent className="p-6 text-center">
-                <h3 className="text-lg font-semibold">{book.title}</h3>
-                <p className="text-gray-600">{book.description}</p>
-                <a href={book.link} target="_blank" rel="noopener noreferrer">
-                  <Button className="mt-4">Download</Button>
-                </a>
-              </CardContent>
-            </Card>
-          ))
-        )}
-      </div>
+      < div className="mt-10 flex flex-wrap justify-center gap-6" >
+        {
+          loading ? (
+            <p className="text-gray-600" > Loading featured books...</p>
+          ) : featuredBooks.length === 0 ? (
+            <p className="text-gray-600">No featured books available.</p>
+          ) : (
+            featuredBooks.map((book) => (
+              <Card key={book.id} className="w-80 shadow-lg">
+                <CardContent className="p-6 text-center">
+                  <h3 className="text-lg font-semibold">{book.title}</h3>
+                  <p className="text-gray-600">{book.description}</p>
+                  <a href={book.link} target="_blank" rel="noopener noreferrer">
+                    <Button className="mt-4">Download</Button>
+                  </a>
+                </CardContent>
+              </Card>
+            ))
+          )}
+      </div >
 
       {/* View All Books Link */}
-      <div className="mt-6">
+      < div className="mt-6" >
         <a
           href="/books"
           target="_blank"
@@ -125,12 +158,12 @@ const HomePage: FC = () => {
         >
           View All Books →
         </a>
-      </div>
+      </div >
 
       <footer className="mt-16 text-gray-500 text-sm">
         © {new Date().getFullYear()} Corpora Inc - All Rights Reserved.
       </footer>
-    </div>
+    </div >
   );
 };