149 lines
6.7 KiB
TypeScript
149 lines
6.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
|
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
|
|
import ContactText from "@/components/sections/contact/ContactText";
|
|
import FooterBase from "@/components/sections/footer/FooterBase";
|
|
import { Heart, Workflow } 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="hover-magnetic"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="large"
|
|
background="circleGradient"
|
|
cardStyle="gradient-mesh"
|
|
primaryButtonStyle="primary-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={navItems.map((item) => ({
|
|
name: item.name,
|
|
id: item.id,
|
|
}))}
|
|
brandName="Pulse Digital"
|
|
bottomLeftText="Global Digital Solutions"
|
|
bottomRightText="hello@pulsedigital.com"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TestimonialAboutCard
|
|
tag="About Pulse Digital"
|
|
tagIcon={Heart}
|
|
tagAnimation="slide-up"
|
|
title="We transform your ideas into digital experiences that drive real business results."
|
|
description="Pulse Digital Team"
|
|
subdescription="Creative Digital Agency"
|
|
icon={Heart}
|
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/a-diverse-team-of-creative-professionals-1772527369837-abebcb83.png?_wi=2"
|
|
imageAlt="Creative team collaborating in modern office"
|
|
useInvertedBackground={false}
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="process" data-section="process">
|
|
<FeatureCardNine
|
|
title="Our Values & Culture"
|
|
description="Built on principles that guide everything we do"
|
|
tag="What We Stand For"
|
|
tagIcon={Workflow}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "Innovation First", description: "We stay ahead of industry trends and continuously explore new technologies and methodologies to deliver cutting-edge solutions that keep our clients competitive.", phoneOne: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/designer-working-on-a-design-on-computer-1772527371388-f91c4851.png?_wi=2", imageAlt: "Innovation in design"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/developer-coding-in-modern-ide-with-webs-1772527371268-4b56aafe.png?_wi=3", imageAlt: "Innovation in development"
|
|
},
|
|
},
|
|
{
|
|
id: 2,
|
|
title: "Client-Centric Approach", description: "Your success is our success. We listen deeply, understand your vision, and work collaboratively to ensure every project exceeds expectations and delivers measurable results.", phoneOne: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/strategic-planning-session-with-design-t-1772527371376-ae35dee8.png?_wi=3", imageAlt: "Client collaboration"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/a-diverse-team-of-creative-professionals-1772527369837-abebcb83.png?_wi=3", imageAlt: "Team partnership"
|
|
},
|
|
},
|
|
{
|
|
id: 3,
|
|
title: "Quality & Excellence", description: "We maintain the highest standards in every aspect of our work. From design to development to deployment, we're committed to delivering excellence every single time.", phoneOne: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/code-editor-on-screen-displaying-clean-o-1772527370169-57931e12.png?_wi=3", imageAlt: "Quality code"
|
|
},
|
|
phoneTwo: {
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/successful-website-launch-celebration-wi-1772527369611-c8a22c79.png?_wi=2", imageAlt: "Successful delivery"
|
|
},
|
|
},
|
|
]}
|
|
showStepNumbers={true}
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
text="Ready to partner with a team that's passionate about your success?"
|
|
animationType="background-highlight"
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Get in Touch", href: "/contact" },
|
|
{ text: "Learn More", href: "/services" },
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Pulse Digital"
|
|
copyrightText="© 2024 Pulse Digital. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Services", items: [
|
|
{ label: "Web Design", href: "/services" },
|
|
{ label: "Web Development", href: "/services" },
|
|
{ label: "Branding", href: "/services" },
|
|
],
|
|
},
|
|
{
|
|
title: "Company", items: [
|
|
{ label: "About Us", href: "/about" },
|
|
{ label: "Portfolio", href: "/portfolio" },
|
|
{ label: "Contact", href: "/contact" },
|
|
],
|
|
},
|
|
{
|
|
title: "Legal", items: [
|
|
{ label: "Privacy Policy", href: "#" },
|
|
{ label: "Terms of Service", href: "#" },
|
|
{ label: "Cookie Policy", href: "#" },
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|