145 lines
5.7 KiB
TypeScript
145 lines
5.7 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
|
import HeroSplitDualMedia from "@/components/sections/hero/HeroSplitDualMedia";
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
|
import {
|
|
Sparkles,
|
|
TrendingUp,
|
|
} from "lucide-react";
|
|
|
|
export default function AboutPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="largeSmall"
|
|
background="circleGradient"
|
|
cardStyle="gradient-radial"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="solid"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
{/* Navbar */}
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Work", id: "/work" },
|
|
{ name: "Pricing", id: "/pricing" },
|
|
{ name: "Contact", id: "/contact" },
|
|
]}
|
|
brandName="SocialPulse"
|
|
bottomLeftText="Creative Social Solutions"
|
|
bottomRightText="hello@socialpulse.com"
|
|
/>
|
|
</div>
|
|
|
|
{/* About Hero Section */}
|
|
<div id="about-hero" data-section="about-hero">
|
|
<HeroSplitDualMedia
|
|
title="About SocialPulse"
|
|
description="We're a team of social media strategists, content creators, and digital marketers passionate about helping brands grow their online presence. Founded in 2020, we've built relationships with over 100+ businesses and delivered measurable results across all major social platforms."
|
|
tag="Our Story"
|
|
tagIcon={Sparkles}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "plain" }}
|
|
mediaItems={[
|
|
{
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/strategy-technique-tactic-word-concept_53876-133628.jpg?_wi=3", imageAlt: "SocialPulse team collaboration"},
|
|
{
|
|
imageSrc:
|
|
"http://img.b2bpic.net/free-photo/strategy-technique-tactic-word-concept_53876-133628.jpg?_wi=4", imageAlt: "Agency workspace and planning"},
|
|
]}
|
|
rating={5}
|
|
ratingText="Industry Leaders Since 2020"
|
|
buttons={[
|
|
{ text: "Get Started", href: "/contact" },
|
|
{ text: "View Pricing", href: "/pricing" },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
mediaAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
{/* About Metrics Section */}
|
|
<div id="about-metrics" data-section="about-metrics">
|
|
<MetricCardTwo
|
|
title="Who We Are"
|
|
description="Our team brings together expertise in content strategy, paid advertising, analytics, and creative design. We combine data-driven insights with creative storytelling to create social media campaigns that resonate and convert."
|
|
tag="Team Expertise"
|
|
tagIcon={TrendingUp}
|
|
tagAnimation="slide-up"
|
|
metrics={[
|
|
{
|
|
id: "1", value: "15+", description: "Expert Team Members"},
|
|
{
|
|
id: "2", value: "100+", description: "Projects Completed"},
|
|
{
|
|
id: "3", value: "4.9/5", description: "Average Client Rating"},
|
|
{
|
|
id: "4", value: "$50M+", description: "Total Client Revenue Generated"},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
{/* Footer */}
|
|
<div id="footer" data-section="footer">
|
|
<FooterMedia
|
|
imageSrc="http://img.b2bpic.net/free-photo/group-people-with-smartphones-tablets_273609-10846.jpg?_wi=2"
|
|
imageAlt="Social media community"
|
|
logoText="SocialPulse"
|
|
copyrightText="© 2025 SocialPulse. All rights reserved."
|
|
columns={[
|
|
{
|
|
title: "Company", items: [
|
|
{
|
|
label: "About Us", href: "/about"},
|
|
{
|
|
label: "Our Services", href: "/services"},
|
|
{
|
|
label: "Case Studies", href: "/work"},
|
|
{
|
|
label: "Blog", href: "/blog"},
|
|
],
|
|
},
|
|
{
|
|
title: "Resources", items: [
|
|
{
|
|
label: "Social Media Guide", href: "#resources"},
|
|
{
|
|
label: "Marketing Tips", href: "#resources"},
|
|
{
|
|
label: "Industry Reports", href: "#resources"},
|
|
{
|
|
label: "Webinars", href: "#resources"},
|
|
],
|
|
},
|
|
{
|
|
title: "Connect", items: [
|
|
{
|
|
label: "Contact Us", href: "/contact"},
|
|
{
|
|
label: "Privacy Policy", href: "#"},
|
|
{
|
|
label: "Terms of Service", href: "#"},
|
|
{
|
|
label: "Careers", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |