109 lines
4.0 KiB
TypeScript
109 lines
4.0 KiB
TypeScript
"use client";
|
|
|
|
import Link from "next/link";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
|
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
|
|
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import { BarChart3 } from "lucide-react";
|
|
|
|
export default function AboutPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Portfolio", id: "/portfolio" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "Contact", id: "/contact" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="icon-arrow"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="pill"
|
|
contentWidth="mediumSmall"
|
|
sizing="largeSmall"
|
|
background="none"
|
|
cardStyle="gradient-bordered"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="bold"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={navItems}
|
|
button={{ text: "Get Started", href: "/contact" }}
|
|
brandName="Webuild"
|
|
/>
|
|
</div>
|
|
|
|
{/* About Section */}
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
title="Our Story"
|
|
description={[
|
|
"Founded in 2012, Webuild started with a simple mission: to help local businesses succeed online. We noticed that many talented entrepreneurs lacked the digital presence needed to compete in today's market. We decided to change that.",
|
|
"Over the past 12 years, we've evolved from a small design studio into a full-service digital agency serving hundreds of clients across diverse industries. But our core values haven't changed—we still believe in putting our clients first, delivering exceptional results, and fostering long-term partnerships.",
|
|
"Today, our team of experienced designers, developers, and strategists continues to push boundaries and deliver innovative digital solutions that drive real business growth for our clients.",
|
|
]}
|
|
buttons={[{ text: "Work With Us", href: "/contact" }]}
|
|
buttonAnimation="slide-up"
|
|
showBorder={true}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
{/* Metrics Section */}
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardSeven
|
|
title="By The Numbers"
|
|
description="Our impact speaks for itself"
|
|
tag="Our Success"
|
|
tagIcon={BarChart3}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1",
|
|
value: "450+",
|
|
title: "Websites Created",
|
|
items: ["Across 50+ industries", "100% client satisfaction", "Continuous support"],
|
|
},
|
|
{
|
|
id: "2",
|
|
value: "12",
|
|
title: "Years in Business",
|
|
items: ["Since 2012", "Industry veterans", "Proven expertise"],
|
|
},
|
|
{
|
|
id: "3",
|
|
value: "98%",
|
|
title: "Client Retention",
|
|
items: ["Long-term relationships", "Ongoing partnerships", "Trusted advisors"],
|
|
},
|
|
{
|
|
id: "4",
|
|
value: "25+",
|
|
title: "Team Members",
|
|
items: ["Design experts", "Developers", "Strategists"],
|
|
},
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="Webuild"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |