From 92b00be8e2a27c5d79a1c1fa97db6bfdf96375ad Mon Sep 17 00:00:00 2001
From: ethanglide <ecook2489@gmail.com>
Date: Sun, 2 Nov 2025 17:44:00 -0500
Subject: [PATCH] Add about us section

---
 README.md   |  1 +
 src/app.tsx | 24 ++++++++++++++++++++++--
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 79316dc..41158dd 100644
--- a/README.md
+++ b/README.md
@@ -8,6 +8,7 @@ Landing page for hypthetical client **Great Music LLM**'s event and employee man
 
 - [`vite`](https://vite.dev/) build tooling
 - [`tailwindcss`](https://tailwindcss.com/) styling
+- [Magic UI](https://magicui.design/) component library
 - [`prettier`](https://prettier.io/) code formatting
 - [`eslint`](https://eslint.org/) code linting
 - [`husky`](https://typicode.github.io/husky/) and [`lint-staged`](https://github.com/lint-staged/lint-staged) pre-commit hooks for testing/formatting/linting
diff --git a/src/app.tsx b/src/app.tsx
index de0a002..25c3c7c 100644
--- a/src/app.tsx
+++ b/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>