81 lines
3.3 KiB
TypeScript
81 lines
3.3 KiB
TypeScript
"use client";
|
|
|
|
import ReactLenis from "lenis/react";
|
|
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import AboutMetric from "@/components/sections/about/AboutMetric";
|
|
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
|
|
import { Zap, Shield, Rocket, Target, Sparkles, Crown, Mail, Users, Layers, Code, Award, UsersRound, Globe, Handshake } from "lucide-react";
|
|
|
|
export default function AboutPage() {
|
|
const navItems = [
|
|
{ name: "Features", href: "/#features" },
|
|
{ name: "Pricing", href: "/pricing" },
|
|
{ name: "About", href: "/about" },
|
|
{ name: "Contact", href: "/#contact" }
|
|
];
|
|
|
|
const footerColumns = [
|
|
{
|
|
title: "Product", items: [
|
|
{ label: "Features", href: "/#features" },
|
|
{ label: "Pricing", href: "/pricing" },
|
|
{ label: "Integrations", href: "#" },
|
|
{ label: "Changelog", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About", href: "/about" },
|
|
{ label: "Blog", href: "#" },
|
|
{ label: "Careers", href: "#" },
|
|
{ label: "Contact", href: "/#contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{ label: "Documentation", href: "#" },
|
|
{ label: "Help Center", href: "#" },
|
|
{ label: "Community", href: "#" },
|
|
{ label: "Status", href: "#" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy", href: "#" },
|
|
{ label: "Terms", href: "#" },
|
|
{ label: "Security", href: "#" },
|
|
],
|
|
},
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider defaultButtonVariant="hover-bubble" defaultTextAnimation="entrance-slide" borderRadius="pill" contentWidth="medium" sizing="medium" background="none" cardStyle="gradient-bordered" primaryButtonStyle="primary-glow" secondaryButtonStyle="layered" headingFontWeight="medium">
|
|
<ReactLenis root>
|
|
<NavbarLayoutFloatingInline
|
|
navItems={navItems}
|
|
brandName="SaasApp"
|
|
button={{ text: "Get Started", href: "/#" }}
|
|
/>
|
|
<div id="about" data-section="about">
|
|
<AboutMetric
|
|
title="About Our Company"
|
|
metrics={[
|
|
{ icon: UsersRound, label: "Team Members", value: "50+" },
|
|
{ icon: Award, label: "Years in Business", value: "10+" },
|
|
{ icon: Globe, label: "Countries Served", value: "30+" },
|
|
{ icon: Handshake, label: "Happy Clients", value: "500+" },
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
<FooterBaseReveal
|
|
columns={footerColumns}
|
|
copyrightText="2024 SaasApp. All rights reserved."
|
|
/>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|