276 lines
11 KiB
TypeScript
276 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
|
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
|
import ProductCardThree from "@/components/sections/product/ProductCardThree";
|
|
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import Link from "next/link";
|
|
import { Zap, Trophy, Star } from "lucide-react";
|
|
|
|
export default function ServicesPage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "/" },
|
|
{ name: "Services", id: "/services" },
|
|
{ name: "Case Studies", id: "/case-studies" },
|
|
{ name: "About", id: "/about" },
|
|
{ name: "FAQ", id: "/faq" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="bounce-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="compact"
|
|
sizing="medium"
|
|
background="grid"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="shadow"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="semibold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarLayoutFloatingOverlay
|
|
brandName="SocialPro"
|
|
navItems={navItems.map((item) => ({
|
|
name: item.name,
|
|
id: item.id,
|
|
}))}
|
|
button={{
|
|
text: "Get Started",
|
|
href: "/contact",
|
|
}}
|
|
/>
|
|
</div>
|
|
|
|
<div id="services" data-section="services">
|
|
<FeatureCardNineteen
|
|
title="Our Services"
|
|
description="Comprehensive social media solutions designed to accelerate your brand growth and market presence."
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
tag="Service Portfolio"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
features={[
|
|
{
|
|
id: 1,
|
|
tag: "Content Strategy",
|
|
title: "Content Strategy & Planning",
|
|
subtitle: "Comprehensive social media roadmaps",
|
|
description:
|
|
"We develop cohesive content strategies that align with your brand voice and business objectives. Our team creates editorial calendars, identifies trending topics, and plans campaigns that keep your audience engaged throughout the year.",
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3h4tfy&_wi=3",
|
|
imageAlt: "Content strategy planning session",
|
|
},
|
|
{
|
|
id: 2,
|
|
tag: "Creative Production",
|
|
title: "Creative Content Production",
|
|
subtitle: "High-quality visual and video content",
|
|
description:
|
|
"From stunning graphics to engaging short-form videos, our production team creates content optimized for each platform. We handle everything from concept development through final editing and posting.",
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bmjzpk&_wi=3",
|
|
imageAlt: "Creative video production",
|
|
},
|
|
{
|
|
id: 3,
|
|
tag: "Community Management",
|
|
title: "Community Management & Engagement",
|
|
subtitle: "Build loyal, engaged audiences",
|
|
description:
|
|
"We monitor conversations, respond to comments, manage communities, and foster meaningful relationships between your brand and audience. Our team ensures every interaction reinforces your brand values.",
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=6wkbqn&_wi=2",
|
|
imageAlt: "Community engagement metrics",
|
|
},
|
|
{
|
|
id: 4,
|
|
tag: "Performance Marketing",
|
|
title: "Paid Social & Performance Marketing",
|
|
subtitle: "Targeted campaigns that drive conversions",
|
|
description:
|
|
"Strategic paid advertising across Facebook, Instagram, TikTok, and LinkedIn. We optimize every dollar spent with A/B testing, audience segmentation, and continuous performance monitoring.",
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1gu6bf&_wi=2",
|
|
imageAlt: "Paid advertising dashboard",
|
|
},
|
|
{
|
|
id: 5,
|
|
tag: "Analytics",
|
|
title: "Analytics & Reporting",
|
|
subtitle: "Data-driven insights and transparency",
|
|
description:
|
|
"Detailed monthly reports showing engagement metrics, audience growth, conversion rates, and ROI. We track what matters and provide actionable insights for continuous improvement.",
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3bd2wq&_wi=3",
|
|
imageAlt: "Analytics reporting dashboard",
|
|
},
|
|
{
|
|
id: 6,
|
|
tag: "Influencer Partnerships",
|
|
title: "Influencer Partnerships & Collaborations",
|
|
subtitle: "Authentic brand advocacy at scale",
|
|
description:
|
|
"We identify and partner with influencers aligned with your brand values. From micro-influencers to macro names, we manage negotiations, content creation, and performance tracking.",
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=72v55q&_wi=2",
|
|
imageAlt: "Influencer collaboration agreement",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="case-studies" data-section="case-studies">
|
|
<ProductCardThree
|
|
title="Case Studies"
|
|
description="Real results from real brands. Discover how our strategies transformed their social media presence and business outcomes."
|
|
tag="Success Stories"
|
|
tagIcon={Trophy}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
gridVariant="three-columns-all-equal-width"
|
|
animationType="slide-up"
|
|
products={[
|
|
{
|
|
id: "case-1",
|
|
name: "Tech Startup - 300% Follower Growth",
|
|
price: "8 Months",
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=27yij9&_wi=2",
|
|
imageAlt: "Tech startup campaign results",
|
|
},
|
|
{
|
|
id: "case-2",
|
|
name: "E-Commerce Brand - 5x ROAS",
|
|
price: "6 Months",
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1iadrp&_wi=2",
|
|
imageAlt: "E-commerce social strategy",
|
|
},
|
|
{
|
|
id: "case-3",
|
|
name: "B2B SaaS - Lead Generation Success",
|
|
price: "4 Months",
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r5qce8&_wi=2",
|
|
imageAlt: "SaaS B2B campaign results",
|
|
},
|
|
{
|
|
id: "case-4",
|
|
name: "Fashion Brand - Viral Campaign Launch",
|
|
price: "3 Months",
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=71ky3r&_wi=2",
|
|
imageAlt: "Fashion viral campaign",
|
|
},
|
|
{
|
|
id: "case-5",
|
|
name: "Healthcare Provider - Trust Building",
|
|
price: "5 Months",
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=o9bt8r&_wi=2",
|
|
imageAlt: "Healthcare brand trust campaign",
|
|
},
|
|
{
|
|
id: "case-6",
|
|
name: "Non-Profit - Community Engagement",
|
|
price: "7 Months",
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=n37e1i&_wi=2",
|
|
imageAlt: "Non-profit engagement strategy",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardSixteen
|
|
title="What Our Clients Say"
|
|
description="Trusted by industry leaders and innovative brands to transform their social media strategy."
|
|
tag="Client Testimonials"
|
|
tagIcon={Star}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
animationType="slide-up"
|
|
testimonials={[
|
|
{
|
|
id: "1",
|
|
name: "Sarah Johnson",
|
|
role: "CEO",
|
|
company: "TechVenture Inc",
|
|
rating: 5,
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mpo3jj&_wi=3",
|
|
imageAlt: "Sarah Johnson, CEO of TechVenture Inc",
|
|
},
|
|
{
|
|
id: "2",
|
|
name: "Michael Chen",
|
|
role: "Marketing Director",
|
|
company: "Fashion Forward Co",
|
|
rating: 5,
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=0kow1o&_wi=3",
|
|
imageAlt: "Michael Chen, Marketing Director",
|
|
},
|
|
{
|
|
id: "3",
|
|
name: "Emily Rodriguez",
|
|
role: "Founder",
|
|
company: "GrowthLabs",
|
|
rating: 5,
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=lcahk0&_wi=3",
|
|
imageAlt: "Emily Rodriguez, Founder of GrowthLabs",
|
|
},
|
|
{
|
|
id: "4",
|
|
name: "David Kim",
|
|
role: "VP of Marketing",
|
|
company: "Digital Solutions Ltd",
|
|
rating: 5,
|
|
imageSrc:
|
|
"https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=z069ia&_wi=2",
|
|
imageAlt: "David Kim, VP of Marketing",
|
|
},
|
|
]}
|
|
kpiItems={[
|
|
{
|
|
value: "500+",
|
|
label: "Successful Campaigns",
|
|
},
|
|
{
|
|
value: "98%",
|
|
label: "Client Satisfaction",
|
|
},
|
|
{
|
|
value: "2B+",
|
|
label: "Total Impressions",
|
|
},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="SocialPro"
|
|
leftLink={{
|
|
text: "Privacy Policy",
|
|
href: "#",
|
|
}}
|
|
rightLink={{
|
|
text: "Terms of Service",
|
|
href: "#",
|
|
}}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |