Add src/app/about/page.tsx

2026-06-03 21:04:57 +00:00
parent 43d316e7a5
commit c6b602e877
1 changed files with 109 additions and 0 deletions
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -0,0 +1,109 @@
+"use client";
+
+import ReactLenis from "lenis/react";
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
+import SplitAbout from "@/components/sections/about/SplitAbout";
+import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
+import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import { Award, Users, Sparkles } from "lucide-react";
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-stagger"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="none"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="metallic"
+      secondaryButtonStyle="glass"
+      headingFontWeight="medium"
+    >
+      <ReactLenis root>
+        <NavbarLayoutFloatingOverlay
+          brandName="Webild"
+          navItems={[
+            { name: "Work", href: "#work" },
+            { name: "Services", href: "#services" },
+            { name: "About", href: "/about" },
+            { name: "Contact", href: "#contact" }
+          ]}
+          button={{ text: "Get Started", href: "#contact" }}
+        />
+        <SplitAbout
+          title="About Us: Building Trust & Delivering Excellence"
+          description="At Webild, we're more than just a web agency; we're your partner in digital success. With years of experience and a passion for innovation, we craft exceptional online experiences that drive results."
+          tag="Our Story"
+          tagIcon={Sparkles}
+          bulletPoints={[
+            { title: "Proven Track Record", description: "A history of successful projects and satisfied clients.", icon: Award },
+            { title: "Expert Team", description: "Dedicated professionals with deep industry knowledge.", icon: Users },
+            { title: "Client-Centric Approach", description: "Your vision is our priority, every step of the way.", icon: Sparkles },
+          ]}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp"
+          imageAlt="Team member"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          mediaAnimation="slide-up"
+          animationType="slide-up"
+        />
+        <TestimonialCardTwelve
+          cardTitle="Webild completely transformed our online presence. The team delivered a stunning website that exceeded our expectations and doubled our conversion rate."
+          cardTag="Trusted Partnership"
+          cardTagIcon={Sparkles}
+          testimonials={[
+            { id: "maria-santos", name: "Maria Santos, CEO at Luxuria Travel", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-1.webp", imageAlt: "Maria Santos" },
+            { id: "john-doe", name: "John Doe, Founder at Tech Solutions", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-2.webp", imageAlt: "John Doe" },
+            { id: "jane-smith", name: "Jane Smith, Marketing Director at Global Corp", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/templates/web-agency-2/team-3.webp", imageAlt: "Jane Smith" }
+          ]}
+          cardAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+        <SocialProofOne
+          title="Trusted by Leading Brands"
+          description="Our commitment to excellence has earned the trust of businesses across various sectors."
+          names={[
+            "Stripe", "Google", "Airbnb", "Netflix", "Shopify", "Paypal", "Zoom"
+          ]}
+          useInvertedBackground={false}
+          showCard={true}
+          animationType="slide-up"
+        />
+        <FooterBase
+          logoText="Webild"
+          copyrightText="© 2026 | Webild"
+          columns={[
+            {
+              title: "Company",              items: [
+                { label: "About", href: "/about" },
+                { label: "Services", href: "#services" },
+                { label: "Work", href: "#work" },
+                { label: "Contact", href: "#contact" }
+              ],
+            },
+            {
+              title: "Services",              items: [
+                { label: "Web Development", href: "#" },
+                { label: "SEO", href: "#" },
+                { label: "Branding", href: "#" },
+                { label: "UI/UX Design", href: "#" },
+              ],
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Twitter", href: "#" },
+                { label: "LinkedIn", href: "#" },
+                { label: "Instagram", href: "#" },
+                { label: "Dribbble", href: "#" },
+              ],
+            },
+          ]}
+        />
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}