Add about us section

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

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>