Add src/app/about/page.tsx

2026-06-01 05:08:42 +00:00
parent 0fc3626d96
commit 7a7670fad9
1 changed files with 76 additions and 0 deletions
--- a/src/app/about/page.tsx
+++ 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>
+    );
+}