Add about us section

src/app.tsx

@@ -7,7 +7,7 @@ import { TextAnimate } from "./components/ui/text-animate";
 
 export function App() {
   return (
-    <div className="h-screen w-screen flex flex-col font-merriweather">
+    <div className="h-screen w-screen overflow-hidden flex flex-col font-merriweather">
       <Navbar />
       <main className="flex-1 overflow-auto">
         <div
@@ -45,7 +45,27 @@ export function App() {
           </TextAnimate>
           <PartnersMarquee />
           <span></span> {/* Spacer for DotPattern */}
-          <DotPattern className="-z-10" />
+          <DotPattern className="-z-10 mask-[radial-gradient(300px_circle_at_center,white,transparent)]" />
+        </div>
+        <div className="flex flex-col gap-5 p-6 bg-stone-200 text-center">
+          <TextAnimate
+            animation="blurInUp"
+            by="character"
+            as="h3"
+            className="text-xl font-bold text-center"
+          >
+            About Us
+          </TextAnimate>
+          <p>
+            We are dedicated to simplifying orchestral event management through
+            innovative solutions tailored to the unique needs of orchestras and
+            their audiences.
+          </p>
+          <p>
+            Our platform streamlines the planning, coordination, and execution
+            of orchestral events, allowing musicians and organizers to focus on
+            what they do best: creating unforgettable musical experiences.
+          </p>
         </div>
       </main>
     </div>