Add src/app/about/page.tsx

2026-03-24 13:33:16 +00:00
parent bdb41a2d89
commit bccdd18c46
1 changed files with 115 additions and 0 deletions
--- a/src/app/about/page.tsx
+++ 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>
+  );
+}