Add src/app/about/page.tsx
This commit is contained in:
78
src/app/about/page.tsx
Normal file
78
src/app/about/page.tsx
Normal file
@@ -0,0 +1,78 @@
|
||||
"use client";
|
||||
|
||||
import ReactLenis from "lenis/react";
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
||||
import TextAbout from "@/components/sections/about/TextAbout";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import { 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: "Home", id: "/" },
|
||||
{ name: "Work", id: "/#work" },
|
||||
{ name: "Services", id: "/#services" },
|
||||
{ name: "About", id: "/about" },
|
||||
{ name: "Team", id: "/team" },
|
||||
{ name: "Contact", id: "/#contact" }
|
||||
]}
|
||||
button={{ text: "Get Started", href: "/#contact" }}
|
||||
/>
|
||||
<TextAbout
|
||||
tag="Our Story"
|
||||
tagIcon={Sparkles}
|
||||
title="Innovation, Dedication, Results. Building the Future of Digital."
|
||||
buttons={[{ text: "Meet Our Team", href: "/team" }]}
|
||||
description="At Webild, we're passionate about crafting exceptional digital experiences that drive growth and connect brands with their audience. Founded with a vision to revolutionize web design and development, our journey began X years ago, fueled by a commitment to innovation, quality, and client success. We believe in close collaboration, understanding your unique goals, and transforming them into powerful, engaging online platforms."
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
<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: "/#services" },
|
||||
{ label: "SEO", href: "/#services" },
|
||||
{ label: "Branding", href: "/#services" },
|
||||
{ label: "UI/UX Design", href: "/#services" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Twitter", href: "#" },
|
||||
{ label: "LinkedIn", href: "#" },
|
||||
{ label: "Instagram", href: "#" },
|
||||
{ label: "Dribbble", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user