From 8d6371e58f1062825d0bec6348328b7ca6f962dd Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 25 Mar 2026 06:34:42 +0000
Subject: [PATCH] Add src/app/about-us/page.tsx

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

diff --git a/src/app/about-us/page.tsx b/src/app/about-us/page.tsx
new file mode 100644
index 0000000..87d824a
--- /dev/null
+++ b/src/app/about-us/page.tsx
@@ -0,0 +1,70 @@
+"use client";
+
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import SplitAbout from '@/components/sections/about/SplitAbout';
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { Award, Star, Headphones } from "lucide-react";
+
+export default function AboutUsPage() {
+  const commonNavItems = [
+    { name: "Services", id: "/services-page" },
+    { name: "About Us", id: "/about-us" },
+    { name: "Projects", id: "projects" },
+    { name: "Testimonials", id: "testimonials" },
+    { name: "Contact", id: "contact" }
+  ];
+
+  const commonFooterColumns = [
+    { items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services-page" }, { label: "Projects", href: "#projects" }] },
+    { items: [{ label: "About Us", href: "/about-us" }, { label: "Testimonials", href: "#testimonials" }, { label: "Contact", href: "#contact" }] },
+    { items: [{ label: "Call Us: +92 300 1234567", href: "tel:+923001234567" }, { label: "Email: info@yourcompany.com", href: "mailto:info@yourcompany.com" }, { label: "WhatsApp Us", href: "https://wa.me/923001234567" }] }
+  ];
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="directional-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="mediumLargeSizeLargeTitles"
+      background="fluid"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="radial-glow"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          brandName="CCTV & Solar Solutions"
+          navItems={commonNavItems}
+          bottomLeftText="Lahore & Punjab"
+          bottomRightText="+92 300 1234567"
+        />
+      </div>
+      <div id="about-us-section" data-section="about-us-section">
+        <SplitAbout
+          title="About Our Company"
+          description="We are a leading provider of CCTV and solar solutions in Lahore and across Punjab, dedicated to enhancing security and promoting sustainable energy for our community. With years of expertise, certified technicians, and a customer-first approach, we ensure top-quality installations and reliable support."
+          bulletPoints={[
+            { title: "Our Mission", description: "To deliver advanced, reliable, and cost-effective security and solar energy solutions.", icon: Award },
+            { title: "Our Vision", description: "To be the most trusted partner in Punjab for integrated smart living solutions.", icon: Star },
+            { title: "Our Values", description: "Integrity, innovation, customer satisfaction, and environmental responsibility.", icon: Headphones }
+          ]}
+          mediaAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BQPU2XvbmkOvuR7PxX9UHMCGI0/a-professional-team-of-cctv-and-solar-te-1774418442329-c68cab70.png"
+          imageAlt="Our Team"
+          imagePosition="right"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterLogoEmphasis
+          logoText="CCTV & Solar Solutions"
+          columns={commonFooterColumns}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}
\ No newline at end of file