Add src/app/about/page.tsx
This commit is contained in:
94
src/app/about/page.tsx
Normal file
94
src/app/about/page.tsx
Normal file
@@ -0,0 +1,94 @@
|
||||
"use client";
|
||||
import { ThemeProvider } from "next-themes";
|
||||
import { NavbarStyleCentered } from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
|
||||
import { SplitAbout } from "@/components/sections/about/SplitAbout";
|
||||
import { FooterBase } from "@/components/sections/footer/FooterBase";
|
||||
import { Sparkles, Lightbulb, TrendingUp, Handshake } from "lucide-react";
|
||||
import { useEffect, useState } from "react";
|
||||
|
||||
const navbarLinks = [
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Features", id: "/features" },
|
||||
{ name: "About", id: "/about" }
|
||||
];
|
||||
|
||||
export default function AboutPage() {
|
||||
const [isClient, setIsClient] = useState(false);
|
||||
useEffect(() => {
|
||||
setIsClient(true);
|
||||
}, []);
|
||||
|
||||
if (!isClient) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
attribute="class"
|
||||
defaultTheme="light"
|
||||
enableSystem
|
||||
disableTransitionOnChange
|
||||
defaultButtonVariant="hover-magnetic"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="none"
|
||||
cardStyle="solid"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<NavbarStyleCentered
|
||||
navItems={navbarLinks}
|
||||
brandName="Webild"
|
||||
logoSrc="/logo.svg"
|
||||
logoAlt="Webild Logo"
|
||||
button={{ text: "Get Started", href: "https://webild.com" }}
|
||||
/>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
title="Our Vision: Revolutionizing Talent Acquisition"
|
||||
description="At Webild, we are passionate about creating intelligent solutions that empower businesses to find, attract, and hire the best talent efficiently and fairly."
|
||||
tag="Who We Are"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Innovation-Driven", description: "We constantly research and implement the latest technologies to bring you cutting-edge features.", icon: Lightbulb
|
||||
},
|
||||
{
|
||||
title: "Customer Success", description: "Your success is our priority. We design our platform with user experience and effectiveness in mind.", icon: TrendingUp
|
||||
},
|
||||
{
|
||||
title: "Ethical & Inclusive", description: "Committed to fair hiring practices and promoting diversity and inclusion in the workplace.", icon: Handshake
|
||||
}
|
||||
]}
|
||||
imageSrc="https://picsum.photos/id/1015/800/600"
|
||||
imageAlt="Team collaborating"
|
||||
mediaAnimation="slide-up"
|
||||
imagePosition="right"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "Features", href: "/features" },
|
||||
{ label: "Pricing", href: "/pricing" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/about" },
|
||||
{ label: "Careers", href: "#careers" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Webild"
|
||||
copyrightText="© 2024 Webild. All rights reserved."
|
||||
/>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user