Add src/app/about/page.tsx

2026-05-08 20:38:31 +00:00
parent 1b1a713e65
commit 1cf4936fba
1 changed files with 54 additions and 0 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -0,0 +1,54 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import InlineImageSplitTextAbout from "@/components/sections/about/InlineImageSplitTextAbout";
+import TeamCardSix from "@/components/sections/team/TeamCardSix";
+import FooterBase from "@/components/sections/footer/FooterBase";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider>
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+          brandName="Webild"
+          navItems={[
+            { name: "Work", id: "/#work" },
+            { name: "Services", id: "/services" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/#contact" },
+          ]}
+          button={{ text: "Get Started", href: "/#contact" }}
+        />
+        <InlineImageSplitTextAbout
+          heading={[
+            { type: "text", content: "Our " },
+            { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/shot-1.webp", alt: "Story" },
+            { type: "text", content: " Story" },
+          ]}
+          useInvertedBackground={false}
+        />
+        <TeamCardSix
+          title="The Experts Behind Webild"
+          members={[
+            { id: "1", name: "Sarah Miller", role: "Lead Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp" },
+            { id: "2", name: "Valentina Reyes", role: "Creative Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp" },
+            { id: "3", name: "Carlos Mendoza", role: "UX Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp" },
+          ]}
+          gridVariant="three-columns-all-equal-width"
+          animationType="slide-up"
+          useInvertedBackground={true}
+        />
+        <FooterBase
+          logoText="Webild"
+          columns={[
+            { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
+            { title: "Services", items: [{ label: "Web Dev", href: "/services" }, { label: "SEO", href: "/services" }] },
+            { title: "Connect", items: [{ label: "Twitter", href: "#" }] },
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}