Merge version_1 into main #2
@@ -7,7 +7,7 @@ import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
|
||||
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
||||
import FooterBase from "@/components/sections/footer/FooterBase";
|
||||
import Link from "next/link";
|
||||
import { Zap, Users, Heart, ShoppingCart, Calendar } from "lucide-react";
|
||||
import { Zap, Users, Heart, ShoppingCart, Calendar, BarChart3 } from "lucide-react";
|
||||
|
||||
export default function ServicesPage() {
|
||||
const navItems = [
|
||||
@@ -18,8 +18,7 @@ export default function ServicesPage() {
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
title: "Services", items: [
|
||||
{ label: "Strategy & Planning", href: "/services" },
|
||||
{ label: "Content Creation", href: "/services" },
|
||||
{ label: "Community Management", href: "/services" },
|
||||
@@ -27,8 +26,7 @@ export default function ServicesPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{ label: "About Us", href: "/" },
|
||||
{ label: "Portfolio", href: "/portfolio" },
|
||||
{ label: "Blog", href: "#" },
|
||||
@@ -36,8 +34,7 @@ export default function ServicesPage() {
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
{ label: "Contact", href: "#contact" },
|
||||
@@ -80,69 +77,45 @@ export default function ServicesPage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Strategy & Planning",
|
||||
description:
|
||||
"We develop customized social media strategies tailored to your brand's unique goals, audience, and market position. Our data-driven approach ensures maximum ROI.",
|
||||
phoneOne: {
|
||||
title: "Strategy & Planning", description:
|
||||
"We develop customized social media strategies tailored to your brand's unique goals, audience, and market position. Our data-driven approach ensures maximum ROI.", phoneOne: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/marketing-project-timeline-template_742173-20679.jpg?_wi=2",
|
||||
imageAlt: "social media strategy planning analytics dashboard",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/marketing-project-timeline-template_742173-20679.jpg", imageAlt: "social media strategy planning analytics dashboard"},
|
||||
phoneTwo: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/rising-business-growth-chart_1308-170777.jpg?_wi=2",
|
||||
imageAlt: "business growth analytics upward trending metrics",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/rising-business-growth-chart_1308-170777.jpg", imageAlt: "business growth analytics upward trending metrics"},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Content Creation",
|
||||
description:
|
||||
"From stunning visuals to compelling copy, we create engaging content that resonates with your audience and drives meaningful interactions across all platforms.",
|
||||
phoneOne: {
|
||||
title: "Content Creation", description:
|
||||
"From stunning visuals to compelling copy, we create engaging content that resonates with your audience and drives meaningful interactions across all platforms.", phoneOne: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/notepad-passport-pen-dslr-camera-wooden-background_23-2147837125.jpg?_wi=2",
|
||||
imageAlt: "content creation photography videography equipment",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/notepad-passport-pen-dslr-camera-wooden-background_23-2147837125.jpg", imageAlt: "content creation photography videography equipment"},
|
||||
phoneTwo: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/seductive-lady-pink-silk-robe-holds-champagne-flute_8353-90.jpg?_wi=6",
|
||||
imageAlt: "luxury brand social media campaign aesthetic",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/seductive-lady-pink-silk-robe-holds-champagne-flute_8353-90.jpg", imageAlt: "luxury brand social media campaign aesthetic"},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "Community Management",
|
||||
description:
|
||||
"We nurture your online communities, respond to customer inquiries, and foster authentic relationships with your followers to build lasting brand loyalty.",
|
||||
phoneOne: {
|
||||
title: "Community Management", description:
|
||||
"We nurture your online communities, respond to customer inquiries, and foster authentic relationships with your followers to build lasting brand loyalty.", phoneOne: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/group-diverse-people-using-smartphones_53876-25043.jpg?_wi=2",
|
||||
imageAlt:
|
||||
"community management social media engagement metrics",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/group-diverse-people-using-smartphones_53876-25043.jpg", imageAlt:
|
||||
"community management social media engagement metrics"},
|
||||
phoneTwo: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-psd/natural-hair-haircare-instagram-posts-collection_23-2149954197.jpg?_wi=6",
|
||||
imageAlt: "lifestyle brand social media marketing aesthetic",
|
||||
},
|
||||
"http://img.b2bpic.net/free-psd/natural-hair-haircare-instagram-posts-collection_23-2149954197.jpg", imageAlt: "lifestyle brand social media marketing aesthetic"},
|
||||
},
|
||||
{
|
||||
id: 4,
|
||||
title: "Paid Advertising",
|
||||
description:
|
||||
"Strategic paid social campaigns that reach your target audience, maximize conversions, and deliver impressive ROI across Facebook, Instagram, TikTok, and LinkedIn.",
|
||||
phoneOne: {
|
||||
title: "Paid Advertising", description:
|
||||
"Strategic paid social campaigns that reach your target audience, maximize conversions, and deliver impressive ROI across Facebook, Instagram, TikTok, and LinkedIn.", phoneOne: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461354.jpg?_wi=2",
|
||||
imageAlt:
|
||||
"social media advertising campaign targeting optimization",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/business-person-looking-finance-graphs_23-2150461354.jpg", imageAlt:
|
||||
"social media advertising campaign targeting optimization"},
|
||||
phoneTwo: {
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-psd/software-engineering-instagram-template-design_23-2151848828.jpg?_wi=6",
|
||||
imageAlt: "tech startup social media branding campaign",
|
||||
},
|
||||
"http://img.b2bpic.net/free-psd/software-engineering-instagram-template-design_23-2151848828.jpg", imageAlt: "tech startup social media branding campaign"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -159,32 +132,20 @@ export default function ServicesPage() {
|
||||
title="Our Impact by the Numbers"
|
||||
description="Real results that prove our expertise and commitment to your success."
|
||||
tag="Performance"
|
||||
tagIcon="BarChart3"
|
||||
tagIcon={BarChart3}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Users,
|
||||
title: "Followers Grown",
|
||||
value: "5M+",
|
||||
},
|
||||
id: "1", icon: Users,
|
||||
title: "Followers Grown", value: "5M+"},
|
||||
{
|
||||
id: "2",
|
||||
icon: Heart,
|
||||
title: "Engagements Created",
|
||||
value: "50M+",
|
||||
},
|
||||
id: "2", icon: Heart,
|
||||
title: "Engagements Created", value: "50M+"},
|
||||
{
|
||||
id: "3",
|
||||
icon: ShoppingCart,
|
||||
title: "Sales Generated",
|
||||
value: "$25M+",
|
||||
},
|
||||
id: "3", icon: ShoppingCart,
|
||||
title: "Sales Generated", value: "$25M+"},
|
||||
{
|
||||
id: "4",
|
||||
icon: Zap,
|
||||
title: "Campaign Success Rate",
|
||||
value: "94%",
|
||||
},
|
||||
id: "4", icon: Zap,
|
||||
title: "Campaign Success Rate", value: "94%"},
|
||||
]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
@@ -197,37 +158,23 @@ export default function ServicesPage() {
|
||||
ctaTitle="Ready to Transform Your Social Presence?"
|
||||
ctaDescription="Let's schedule a strategic consultation to discuss how we can elevate your brand on social media."
|
||||
ctaButton={{
|
||||
text: "Schedule Your Free Consultation",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Schedule Your Free Consultation", href: "#contact"}}
|
||||
ctaIcon={Calendar}
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What platforms do you specialize in?",
|
||||
content:
|
||||
"We specialize in all major social media platforms including Instagram, Facebook, TikTok, LinkedIn, Twitter, and YouTube. We customize strategies based on where your target audience is most active.",
|
||||
},
|
||||
id: "1", title: "What platforms do you specialize in?", content:
|
||||
"We specialize in all major social media platforms including Instagram, Facebook, TikTok, LinkedIn, Twitter, and YouTube. We customize strategies based on where your target audience is most active."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How long before we see results?",
|
||||
content:
|
||||
"Most clients start seeing meaningful results within 4-8 weeks. However, significant growth typically occurs over 3-6 months as our strategies are built for sustainable, long-term success rather than quick fixes.",
|
||||
},
|
||||
id: "2", title: "How long before we see results?", content:
|
||||
"Most clients start seeing meaningful results within 4-8 weeks. However, significant growth typically occurs over 3-6 months as our strategies are built for sustainable, long-term success rather than quick fixes."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What's your pricing structure?",
|
||||
content:
|
||||
"We offer flexible pricing packages tailored to your budget and goals. We provide transparent, no-hidden-fees pricing with detailed ROI tracking. Schedule a consultation to get a custom quote.",
|
||||
},
|
||||
id: "3", title: "What's your pricing structure?", content:
|
||||
"We offer flexible pricing packages tailored to your budget and goals. We provide transparent, no-hidden-fees pricing with detailed ROI tracking. Schedule a consultation to get a custom quote."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Do you provide analytics and reporting?",
|
||||
content:
|
||||
"Absolutely! We provide comprehensive monthly reports with detailed analytics, key performance indicators, and insights. You'll have full transparency into campaign performance and ROI.",
|
||||
},
|
||||
id: "4", title: "Do you provide analytics and reporting?", content:
|
||||
"Absolutely! We provide comprehensive monthly reports with detailed analytics, key performance indicators, and insights. You'll have full transparency into campaign performance and ROI."},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -1,51 +1,38 @@
|
||||
"use client";
|
||||
|
||||
import { memo } from "react";
|
||||
import useSvgTextLogo from "./useSvgTextLogo";
|
||||
import { cls } from "@/lib/utils";
|
||||
import React from 'react';
|
||||
|
||||
interface SvgTextLogoProps {
|
||||
logoText: string;
|
||||
adjustHeightFactor?: number;
|
||||
verticalAlign?: "top" | "center";
|
||||
text: string;
|
||||
className?: string;
|
||||
fontSize?: number;
|
||||
fontWeight?: 'normal' | 'bold' | 'lighter';
|
||||
fill?: string;
|
||||
}
|
||||
|
||||
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
|
||||
logoText,
|
||||
adjustHeightFactor,
|
||||
verticalAlign = "top",
|
||||
className = "",
|
||||
}) {
|
||||
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
|
||||
|
||||
const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
|
||||
text,
|
||||
className = '',
|
||||
fontSize = 24,
|
||||
fontWeight = 'bold',
|
||||
fill = 'currentColor',
|
||||
}) => {
|
||||
return (
|
||||
<svg
|
||||
ref={svgRef}
|
||||
viewBox={viewBox}
|
||||
className={cls("w-full", className)}
|
||||
style={{ aspectRatio: aspectRatio }}
|
||||
preserveAspectRatio="none"
|
||||
role="img"
|
||||
aria-label={`${logoText} logo`}
|
||||
viewBox={`0 0 ${text.length * fontSize * 0.6} ${fontSize * 1.5}`}
|
||||
className={className}
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
>
|
||||
<text
|
||||
ref={textRef}
|
||||
x="0"
|
||||
y={verticalAlign === "center" ? "50%" : "0"}
|
||||
className="font-bold fill-current"
|
||||
style={{
|
||||
fontSize: "20px",
|
||||
letterSpacing: "-0.02em",
|
||||
dominantBaseline: verticalAlign === "center" ? "middle" : "text-before-edge"
|
||||
}}
|
||||
y={fontSize}
|
||||
fontSize={fontSize}
|
||||
fontWeight={fontWeight}
|
||||
fill={fill}
|
||||
dominantBaseline="middle"
|
||||
>
|
||||
{logoText}
|
||||
{text}
|
||||
</text>
|
||||
</svg>
|
||||
);
|
||||
});
|
||||
};
|
||||
|
||||
SvgTextLogo.displayName = "SvgTextLogo";
|
||||
|
||||
export default SvgTextLogo;
|
||||
export default SvgTextLogo;
|
||||
Reference in New Issue
Block a user