From 7a7670fad9c8cf6ed1dd773fb75e5a1b848bdedc Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 1 Jun 2026 05:08:42 +0000
Subject: [PATCH] Add src/app/about/page.tsx

---
 src/app/about/page.tsx | 76 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 76 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..a3b619b
--- /dev/null
+++ b/src/app/about/page.tsx
@@ -0,0 +1,76 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import SplitAbout from "@/components/sections/about/SplitAbout";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterCard from "@/components/sections/footer/FooterCard";
+import { Globe, Star, Users, Twitter, Instagram, Linkedin } from "lucide-react";
+
+export default function AboutPage() {
+    const navItems = [
+        { name: "Home", id: "/" },
+        { name: "About", id: "/about" },
+        { name: "Services", id: "#services" },
+        { name: "Work", id: "#work" },
+        { name: "Contact", id: "/contact" }
+    ];
+
+    return (
+        <ThemeProvider
+            defaultButtonVariant="icon-arrow"
+            defaultTextAnimation="entrance-slide"
+            borderRadius="pill"
+            contentWidth="medium"
+            sizing="medium"
+            background="aurora"
+            cardStyle="layered-gradient"
+            primaryButtonStyle="gradient"
+            secondaryButtonStyle="glass"
+            headingFontWeight="medium"
+        >
+            <ReactLenis root>
+                <NavbarLayoutFloatingInline
+                    navItems={navItems}
+                    brandName="Web Design Tech360"
+                    button={{ text: "Get in Touch", href: "/contact" }}
+                />
+                <SplitAbout
+                    id="about"
+                    title="About Web Design Tech360"
+                    description="Web Design Tech360 is a leading digital agency dedicated to transforming businesses through innovative web design, development, and strategic digital marketing. With over 15 years of experience, we partner with clients worldwide to create impactful online experiences that drive growth and deliver measurable results."
+                    tag="Our Story"
+                    bulletPoints={[
+                        { title: "Mission", description: "To empower businesses with exceptional digital solutions that enhance their online presence and achieve their strategic objectives.", icon: Globe },
+                        { title: "Vision", description: "To be the go-to partner for transformative web design and digital growth, recognized for creativity, technical excellence, and client success.", icon: Star },
+                        { title: "Values", description: "Innovation, Integrity, Collaboration, Excellence, Client-Centricity.", icon: Users }
+                    ]}
+                    imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency/team/team1.webp"
+                    imageAlt="Web Design Tech360 Team Collaboration"
+                    mediaAnimation="slide-up"
+                    useInvertedBackground={true}
+                    textboxLayout="default"
+                />
+                <ContactText
+                    text="Ready to elevate your online presence? Let's build your next digital success story together."
+                    buttons={[
+                        { text: "Start a Project", href: "/contact" },
+                        { text: "Schedule a Call", href: "/contact#schedule-call" },
+                    ]}
+                    background={{ variant: "canvas-reveal" }}
+                    useInvertedBackground={false}
+                />
+                <FooterCard
+                    logoText="Web Design Tech360"
+                    copyrightText="© 2025 Web Design Tech360. All rights reserved."
+                    socialLinks={[
+                        { icon: Twitter, href: "https://twitter.com", ariaLabel: "Follow us on Twitter" },
+                        { icon: Instagram, href: "https://instagram.com", ariaLabel: "Follow us on Instagram" },
+                        { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "Connect on LinkedIn" }
+                    ]}
+                />
+            </ReactLenis>
+        </ThemeProvider>
+    );
+}
\ No newline at end of file