From bccdd18c46ac2789b08d73f310351a8a31d8beeb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 24 Mar 2026 13:33:16 +0000
Subject: [PATCH] Add src/app/about/page.tsx

---
 src/app/about/page.tsx | 115 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 115 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..c733536
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -0,0 +1,115 @@
+"use client";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
+import TeamCardFive from '@/components/sections/team/TeamCardFive';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import Link from 'next/link';
+import { Briefcase, Target, Users } from "lucide-react";
+
+export default function AboutPage() {
+  const navItems = [
+    { name: "Home", href: "/" },
+    { name: "About Us", href: "/about" }
+  ].map(item => ({ ...item, id: item.href }));
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant={"hover-magnetic"}
+      defaultTextAnimation={"background-highlight"}
+      borderRadius={"soft"}
+      contentWidth={"smallMedium"}
+      sizing={"mediumSizeLargeTitles"}
+      background={"grid"}
+      cardStyle={"inset"}
+      primaryButtonStyle={"double-inset"}
+      secondaryButtonStyle={"solid"}
+      headingFontWeight={"light"}
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          brandName="Doughan Law Office"
+          navItems={navItems}
+          bottomLeftText="Beirut, Lebanon"
+          bottomRightText="mazen730@gmail.com"
+        />
+      </div>
+
+      <div id="mission-statement" data-section="mission-statement">
+        <FeatureCardMedia
+          title="Our Mission"
+          description="Dedicated to providing unparalleled legal services, Doughan Law Office upholds the highest standards of integrity, professionalism, and client advocacy. We strive to achieve justice for our clients through diligent work and ethical practice."
+          tag="Our Purpose"
+          tagIcon={Target}
+          features={[
+            {
+              id: "mission-detail-1",              title: "Integrity & Ethics",              description: "Upholding the highest ethical standards in all our legal practices.",              tag: "Core Value"
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          ariaLabel="Our Mission section"
+        />
+      </div>
+
+      <div id="firm-history" data-section="firm-history">
+        <FeatureCardMedia
+          title="Our Journey"
+          description="Established over 26 years ago, Doughan Law Office has grown into a reputable legal institution in Beirut, built on a foundation of trust, expertise, and a deep understanding of the Lebanese legal landscape. Our history is marked by a commitment to excellence and a passion for justice."
+          tag="Our Legacy"
+          tagIcon={Briefcase}
+          features={[
+            {
+              id: "history-detail-1",              title: "Decades of Experience",              description: "Over a quarter-century serving clients with dedication and proven results.",              tag: "Milestone"
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          ariaLabel="Firm History section"
+        />
+      </div>
+
+      <div id="team-section" data-section="team-section">
+        <TeamCardFive
+          title="Meet Our Team"
+          description="Our dedicated legal professionals bring diverse expertise and a client-centered approach to every case, ensuring you receive the best possible representation."
+          tag="Legal Experts"
+          tagIcon={Users}
+          team={[
+            {
+              id: "member-1",              name: "Mazen Doughan",              role: "Founder & Senior Partner",              imageSrc: "https://avatar.iran.liara.run/public/boy?username=Mazen"
+            },
+            {
+              id: "member-2",              name: "Layla Karam",              role: "Legal Counsel",              imageSrc: "https://avatar.iran.liara.run/public/girl?username=Layla"
+            },
+            {
+              id: "member-3",              name: "Omar Haddad",              role: "Associate Attorney",              imageSrc: "https://avatar.iran.liara.run/public/boy?username=Omar"
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          ariaLabel="Team section"
+        />
+      </div>
+
+      <footer id="footer" data-section="footer" className="py-12 text-center text-foreground bg-card">
+        <div className="container mx-auto px-4 md:px-6">
+          <p>&copy; {new Date().getFullYear()} Doughan Law Office. All rights reserved.</p>
+          <nav className="mt-4">
+            <ul className="flex justify-center space-x-6">
+              {navItems.map((item) => (
+                <li key={item.id}>
+                  <Link href={item.href} className="hover:text-primary-cta">
+                    {item.name}
+                  </Link>
+                </li>
+              ))}
+            </ul>
+          </nav>
+        </div>
+      </footer>
+    </ThemeProvider>
+  );
+}