From 2caa1d9b15d28a03fdd1014a3603553d1e135e6b Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 3 Mar 2026 00:59:38 +0000
Subject: [PATCH] Add src/app/about/page.tsx

---
 src/app/about/page.tsx | 85 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 85 insertions(+)
 create mode 100644 src/app/about/page.tsx

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..4c4d393
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -0,0 +1,85 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import TeamCardTen from '@/components/sections/team/TeamCardTen';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Rocket, Users } from 'lucide-react';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="smallMedium"
+      sizing="largeSmall"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Installed AI"
+          navItems={[
+            { name: "What We Build", id: "/" },
+            { name: "How We Work", id: "/" },
+            { name: "Results", id: "/" },
+            { name: "Team", id: "/about" },
+            { name: "Contact", id: "/" },
+          ]}
+        />
+      </div>
+
+      <div id="team" data-section="team" className="py-20">
+        <TeamCardTen
+          title="Meet the visionary team behind Installed AI. We are builders, strategists, and growth architects."
+          tag="Our Team"
+          tagAnimation="blur-reveal"
+          members={[
+            {
+              id: "1",              name: "Sarah Chen",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/professional-headshot-woman-tech-leader-1772496095507-570f157f.png",              imageAlt: "Sarah Chen - Founder & CEO"},
+            {
+              id: "2",              name: "Michael Rodriguez",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/professional-headshot-man-tech-executive-1772496095593-628d1502.png",              imageAlt: "Michael Rodriguez - CTO"},
+            {
+              id: "3",              name: "Emma Thompson",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/professional-headshot-woman-marketing-lead-1772496095744-b9a04889.png",              imageAlt: "Emma Thompson - VP Growth"},
+            {
+              id: "4",              name: "James Park",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/professional-headshot-man-strategy-officer-1772496097179-aa7a4dc5.png",              imageAlt: "James Park - Head of Strategy"},
+          ]}
+          membersAnimation="blur-reveal"
+          memberVariant="card"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplit
+          tag="Ready to Partner?"
+          title="Let's Build Together"
+          description="Connect with our team to explore how we can help scale your business with AI-powered growth systems."
+          tagIcon={Rocket}
+          background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={false}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/modern-contact-or-consultation-interface-1772496096934-886cb0e1.png"
+          imageAlt="Consultation setup"
+          mediaAnimation="blur-reveal"
+          mediaPosition="right"
+          inputPlaceholder="your@email.com"
+          buttonText="Get Started"
+          termsText="We'll review your business and send over a customized growth plan. No fluff."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Installed AI"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}