Add src/app/about/page.tsx

2026-05-01 17:36:19 +00:00
parent 5a85d7cb9a
commit 2f0bd1eed6
1 changed files with 47 additions and 0 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -0,0 +1,47 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import SplitAbout from "@/components/sections/about/SplitAbout";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import ReactLenis from "lenis/react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+          brandName="Webild"
+          navItems={[
+            { name: "Home", id: "/" },
+            { name: "Services", id: "/services" },
+            { name: "Team", id: "/team" },
+            { name: "About", id: "/about" },
+          ]}
+          button={{ text: "Get Started", href: "/contact" }}
+        />
+        <SplitAbout
+          title="About Webild"
+          description="We are a team of passionate designers and developers dedicated to creating exceptional digital experiences for our clients. Our journey began with a vision to redefine how brands connect with their audience online."
+          textboxLayout="default"
+          useInvertedBackground={false}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp"
+          bulletPoints={[
+            { title: "Expertise", description: "Years of industry experience in web design and development." },
+            { title: "Innovation", description: "Constantly pushing the boundaries of what is possible online." },
+            { title: "Client-First", description: "Your success is our primary goal in every project." }
+          ]}
+        />
+        <FooterBase
+          logoText="Webild"
+          copyrightText="© 2026 | Webild"
+          columns={[
+            { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }, { label: "Team", href: "/team" }, { label: "Home", href: "/" }] },
+            { title: "Services", items: [{ label: "Web Development", href: "#" }, { label: "SEO", href: "#" }] },
+            { title: "Connect", items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }] },
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}