bender/f38aa1cc-4955-4afe-83f4-e3ab7ac4978a
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 2 commits from version_1 into main 2026-03-11 15:25:42 +00:00
Conversation 0 Commits 2 Files Changed 2 +70 -186
2 changed files with 70 additions and 186 deletions
Download Patch File Download Diff File Expand all files Collapse all files

191
src/app/page.tsx
View File

@@ -23,7 +23,7 @@ export default function HomePage() {
borderRadius="rounded"
contentWidth="mediumLarge"
sizing="largeSizeMediumTitles"
background="aurora"
background="circleGradient"
cardStyle="solid"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="glass"
@@ -47,7 +47,7 @@ export default function HomePage() {
<HeroCentered
title="Elevate Your Brand's Social Presence"
description="We transform brands through strategic social media management, creating authentic connections with your audience and driving measurable growth across all platforms."
background={{ variant: "aurora" }}
background={{ variant: "sparkles-gradient" }}
avatars={[
{ src: "http://img.b2bpic.net/free-photo/portrait-positive-woman-black-shirt-posing-white-background-high-quality-photo_114579-61008.jpg", alt: "Client success stories" },
{ src: "http://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84734.jpg", alt: "Brand growth" },
@@ -88,40 +88,20 @@ export default function HomePage() {
tagAnimation="slide-up"
features={[
{
id: "1",
title: "Strategic Social Management",
author: "Strategy Team",
description: "We develop customized strategies aligned with your business goals, managing all platforms with consistency and purpose to build meaningful engagement.",
tags: ["Strategy", "Management"],
imageSrc: "http://img.b2bpic.net/free-photo/team-diverse-startup-company-colleague-entrepreneur-meeting-professional-workplace-broadroom_482257-5082.jpg?_wi=1",
imageAlt: "Strategic social media planning"
id: "1", title: "Strategic Social Management", author: "Strategy Team", description: "We develop customized strategies aligned with your business goals, managing all platforms with consistency and purpose to build meaningful engagement.", tags: ["Strategy", "Management"],
imageSrc: "http://img.b2bpic.net/free-photo/team-diverse-startup-company-colleague-entrepreneur-meeting-professional-workplace-broadroom_482257-5082.jpg", imageAlt: "Strategic social media planning"
},
{
id: "2",
title: "Content Creation & Curation",
author: "Creative Studio",
description: "Our team produces compelling, on-brand content including graphics, videos, and copy that resonates with your audience and drives conversions.",
tags: ["Content", "Creative"],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-paint-desk-concept_23-2148697057.jpg?_wi=1",
imageAlt: "Content creation process"
id: "2", title: "Content Creation & Curation", author: "Creative Studio", description: "Our team produces compelling, on-brand content including graphics, videos, and copy that resonates with your audience and drives conversions.", tags: ["Content", "Creative"],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-colorful-paint-desk-concept_23-2148697057.jpg", imageAlt: "Content creation process"
},
{
id: "3",
title: "Community Management",
author: "Community Team",
description: "We foster genuine connections by managing interactions, responding to comments, and building loyal communities around your brand.",
tags: ["Community", "Engagement"],
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-coffee-break_53876-30761.jpg?_wi=1",
imageAlt: "Community engagement"
id: "3", title: "Community Management", author: "Community Team", description: "We foster genuine connections by managing interactions, responding to comments, and building loyal communities around your brand.", tags: ["Community", "Engagement"],
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-coffee-break_53876-30761.jpg", imageAlt: "Community engagement"
},
{
id: "4",
title: "Paid Social Advertising",
author: "Performance Team",
description: "Strategic ad campaigns optimized for ROI across Facebook, Instagram, TikTok, and LinkedIn to reach your ideal customers with precision.",
tags: ["Advertising", "Performance"],
imageSrc: "http://img.b2bpic.net/free-photo/handicapped-invalid-man-employee-sitting-immobilized-wheelchair-working-notepad-computer-same-time-analysing-financial-graphs-pc-showing-data-prosessing-project-regarding-economy_482257-30902.jpg?_wi=1",
imageAlt: "Paid social campaigns"
id: "4", title: "Paid Social Advertising", author: "Performance Team", description: "Strategic ad campaigns optimized for ROI across Facebook, Instagram, TikTok, and LinkedIn to reach your ideal customers with precision.", tags: ["Advertising", "Performance"],
imageSrc: "http://img.b2bpic.net/free-photo/handicapped-invalid-man-employee-sitting-immobilized-wheelchair-working-notepad-computer-same-time-analysing-financial-graphs-pc-showing-data-prosessing-project-regarding-economy_482257-30902.jpg", imageAlt: "Paid social campaigns"
}
]}
animationType="slide-up"
@@ -139,32 +119,16 @@ export default function HomePage() {
tagAnimation="slide-up"
products={[
{
id: "1",
name: "Tech Startup Growth Campaign",
price: "+340% Engagement",
imageSrc: "http://img.b2bpic.net/free-photo/office-workers-glass_1170-81.jpg?_wi=1",
imageAlt: "Tech startup social growth"
id: "1", name: "Tech Startup Growth Campaign", price: "+340% Engagement", imageSrc: "http://img.b2bpic.net/free-photo/office-workers-glass_1170-81.jpg", imageAlt: "Tech startup social growth"
},
{
id: "2",
name: "Luxury Brand Rebranding",
price: "+520% Reach",
imageSrc: "http://img.b2bpic.net/free-photo/another-person-walks-young-beautiful-girl-warm-clothes-have-walk-city-her-weekends-time_146671-16840.jpg?_wi=1",
imageAlt: "Luxury brand rebranding results"
id: "2", name: "Luxury Brand Rebranding", price: "+520% Reach", imageSrc: "http://img.b2bpic.net/free-photo/another-person-walks-young-beautiful-girl-warm-clothes-have-walk-city-her-weekends-time_146671-16840.jpg", imageAlt: "Luxury brand rebranding results"
},
{
id: "3",
name: "E-commerce Launch Strategy",
price: "+890% Sales",
imageSrc: "http://img.b2bpic.net/free-vector/shopping-from-desktop-mobile-phone-landing-page_23-2148517509.jpg?_wi=1",
imageAlt: "E-commerce campaign success"
id: "3", name: "E-commerce Launch Strategy", price: "+890% Sales", imageSrc: "http://img.b2bpic.net/free-vector/shopping-from-desktop-mobile-phone-landing-page_23-2148517509.jpg", imageAlt: "E-commerce campaign success"
},
{
id: "4",
name: "Non-profit Awareness Campaign",
price: "+275% Donations",
imageSrc: "http://img.b2bpic.net/free-photo/group-people-putting-their-hands-together_23-2148212364.jpg?_wi=1",
imageAlt: "Non-profit campaign impact"
id: "4", name: "Non-profit Awareness Campaign", price: "+275% Donations", imageSrc: "http://img.b2bpic.net/free-photo/group-people-putting-their-hands-together_23-2148212364.jpg", imageAlt: "Non-profit campaign impact"
}
]}
gridVariant="three-columns-all-equal-width"
@@ -202,46 +166,22 @@ export default function HomePage() {
tagAnimation="slide-up"
members={[
{
id: "1",
name: "Alexandra Reed",
role: "Creative Director",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg?_wi=1",
imageAlt: "Alexandra Reed, Creative Director"
id: "1", name: "Alexandra Reed", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", imageAlt: "Alexandra Reed, Creative Director"
},
{
id: "2",
name: "Marcus Chen",
role: "Strategy Lead",
imageSrc: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg?_wi=1",
imageAlt: "Marcus Chen, Strategy Lead"
id: "2", name: "Marcus Chen", role: "Strategy Lead", imageSrc: "http://img.b2bpic.net/free-photo/content-indian-ceo-standing-smiling-portrait-successful-pensive-bearded-businessman-glasses-posing-office-room-business-expression-management-concept_74855-11642.jpg", imageAlt: "Marcus Chen, Strategy Lead"
},
{
id: "3",
name: "Sophia Martinez",
role: "Content Strategist",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg?_wi=1",
imageAlt: "Sophia Martinez, Content Strategist"
id: "3", name: "Sophia Martinez", role: "Content Strategist", imageSrc: "http://img.b2bpic.net/free-photo/closeup-beautiful-strict-woman-glasses_1262-1732.jpg", imageAlt: "Sophia Martinez, Content Strategist"
},
{
id: "4",
name: "James Williams",
role: "Performance Analyst",
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg?_wi=1",
imageAlt: "James Williams, Performance Analyst"
id: "4", name: "James Williams", role: "Performance Analyst", imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg", imageAlt: "James Williams, Performance Analyst"
},
{
id: "5",
name: "Emma Thompson",
role: "Community Manager",
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-posing-meeting-indoors_23-2148824910.jpg?_wi=1",
imageAlt: "Emma Thompson, Community Manager"
id: "5", name: "Emma Thompson", role: "Community Manager", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-posing-meeting-indoors_23-2148824910.jpg", imageAlt: "Emma Thompson, Community Manager"
},
{
id: "6",
name: "Lucas Santos",
role: "Video Producer",
imageSrc: "http://img.b2bpic.net/free-photo/freaky-guy-sunglasses-white-shirt-holds-film-camera-grey-background_613910-9405.jpg?_wi=1",
imageAlt: "Lucas Santos, Video Producer"
id: "6", name: "Lucas Santos", role: "Video Producer", imageSrc: "http://img.b2bpic.net/free-photo/freaky-guy-sunglasses-white-shirt-holds-film-camera-grey-background_613910-9405.jpg", imageAlt: "Lucas Santos, Video Producer"
}
]}
gridVariant="three-columns-all-equal-width"
@@ -260,58 +200,28 @@ export default function HomePage() {
tagAnimation="slide-up"
testimonials={[
{
id: "1",
name: "Rachel Thompson",
role: "CEO",
company: "Growth Tech Ventures",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-senior-woman-posing-inside-medium-shot_23-2149833721.jpg?_wi=1",
imageAlt: "Rachel Thompson, CEO"
id: "1", name: "Rachel Thompson", role: "CEO", company: "Growth Tech Ventures", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiley-senior-woman-posing-inside-medium-shot_23-2149833721.jpg", imageAlt: "Rachel Thompson, CEO"
},
{
id: "2",
name: "David Kumar",
role: "Marketing Director",
company: "Luxury Brands Co",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-blue-shirt_23-2148548056.jpg?_wi=1",
imageAlt: "David Kumar, Marketing Director"
id: "2", name: "David Kumar", role: "Marketing Director", company: "Luxury Brands Co", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-blue-shirt_23-2148548056.jpg", imageAlt: "David Kumar, Marketing Director"
},
{
id: "3",
name: "Isabella Santos",
role: "Founder",
company: "E-commerce Collective",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/ambitious-businesswoman-with-arms-crossed-looking-forward-future_1163-4333.jpg?_wi=1",
imageAlt: "Isabella Santos, Founder"
id: "3", name: "Isabella Santos", role: "Founder", company: "E-commerce Collective", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/ambitious-businesswoman-with-arms-crossed-looking-forward-future_1163-4333.jpg", imageAlt: "Isabella Santos, Founder"
},
{
id: "4",
name: "Michael Wong",
role: "Brand Manager",
company: "Global Fashion House",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-confident-mature-businessman-formals-standing-isolated-white-background_613910-10628.jpg?_wi=1",
imageAlt: "Michael Wong, Brand Manager"
id: "4", name: "Michael Wong", role: "Brand Manager", company: "Global Fashion House", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-confident-mature-businessman-formals-standing-isolated-white-background_613910-10628.jpg", imageAlt: "Michael Wong, Brand Manager"
},
{
id: "5",
name: "Sarah Anderson",
role: "Head of Marketing",
company: "Wellness & Lifestyle",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21402.jpg?_wi=1",
imageAlt: "Sarah Anderson, Head of Marketing"
id: "5", name: "Sarah Anderson", role: "Head of Marketing", company: "Wellness & Lifestyle", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/elderly-business-woman-office-isolated_1303-21402.jpg", imageAlt: "Sarah Anderson, Head of Marketing"
},
{
id: "6",
name: "James Liu",
role: "Executive Director",
company: "Social Impact Non-profit",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg?_wi=1",
imageAlt: "James Liu, Executive Director"
id: "6", name: "James Liu", role: "Executive Director", company: "Social Impact Non-profit", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", imageAlt: "James Liu, Executive Director"
}
]}
gridVariant="uniform-all-items-equal"
@@ -330,37 +240,25 @@ export default function HomePage() {
tagAnimation="slide-up"
faqs={[
{
id: "1",
title: "What makes your agency different?",
content: "We combine data-driven strategy with creative excellence. Our approach focuses on authentic engagement and measurable results, not vanity metrics. We treat your brand success as our own success."
id: "1", title: "What makes your agency different?", content: "We combine data-driven strategy with creative excellence. Our approach focuses on authentic engagement and measurable results, not vanity metrics. We treat your brand success as our own success."
},
{
id: "2",
title: "How long does it take to see results?",
content: "Most clients see initial engagement improvements within 4-6 weeks. However, sustainable growth typically develops over 3-6 months as we optimize strategies based on performance data and audience insights."
id: "2", title: "How long does it take to see results?", content: "Most clients see initial engagement improvements within 4-6 weeks. However, sustainable growth typically develops over 3-6 months as we optimize strategies based on performance data and audience insights."
},
{
id: "3",
title: "What platforms do you manage?",
content: "We expertly manage Instagram, TikTok, Facebook, LinkedIn, Twitter/X, Pinterest, and YouTube. We customize our approach for each platform's unique audience and algorithm to maximize your reach and engagement."
id: "3", title: "What platforms do you manage?", content: "We expertly manage Instagram, TikTok, Facebook, LinkedIn, Twitter/X, Pinterest, and YouTube. We customize our approach for each platform's unique audience and algorithm to maximize your reach and engagement."
},
{
id: "4",
title: "Do you provide content creation services?",
content: "Yes, we offer full content creation including photography, videography, graphic design, and copywriting. All content is aligned with your brand voice and optimized for platform performance."
id: "4", title: "Do you provide content creation services?", content: "Yes, we offer full content creation including photography, videography, graphic design, and copywriting. All content is aligned with your brand voice and optimized for platform performance."
},
{
id: "5",
title: "How do you measure success?",
content: "We track KPIs including engagement rate, follower growth, reach, impressions, website traffic, and conversion metrics. We provide monthly reports with clear insights into performance and ROI."
id: "5", title: "How do you measure success?", content: "We track KPIs including engagement rate, follower growth, reach, impressions, website traffic, and conversion metrics. We provide monthly reports with clear insights into performance and ROI."
},
{
id: "6",
title: "What's your minimum contract length?",
content: "We offer flexible terms starting with 3-month retainers for ongoing management. Custom packages are available based on your specific needs and budget."
id: "6", title: "What's your minimum contract length?", content: "We offer flexible terms starting with 3-month retainers for ongoing management. Custom packages are available based on your specific needs and budget."
}
]}
imageSrc="http://img.b2bpic.net/free-photo/happy-young-colleagues-sitting-office-coworking_171337-17658.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/happy-young-colleagues-sitting-office-coworking_171337-17658.jpg"
imageAlt="Team collaboration brainstorm meeting workspace"
mediaAnimation="slide-up"
mediaPosition="right"
@@ -380,7 +278,7 @@ export default function HomePage() {
tagAnimation="slide-up"
background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false}
imageSrc="http://img.b2bpic.net/free-photo/full-shot-people-working-together_23-2149411520.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/full-shot-people-working-together_23-2149411520.jpg"
imageAlt="Professional team consultation meeting discussion"
mediaAnimation="slide-up"
mediaPosition="right"
@@ -395,8 +293,7 @@ export default function HomePage() {
logoText="SocialElevate"
columns={[
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Social Management", href: "#services" },
{ label: "Content Creation", href: "#services" },
{ label: "Paid Advertising", href: "#services" },
@@ -404,8 +301,7 @@ export default function HomePage() {
]
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Team", href: "#team" },
{ label: "Case Studies", href: "/portfolio" },
@@ -413,8 +309,7 @@ export default function HomePage() {
]
},
{
title: "Connect",
items: [
title: "Connect", items: [
{ label: "Contact Us", href: "#contact" },
{ label: "Instagram", href: "https://instagram.com" },
{ label: "LinkedIn", href: "https://linkedin.com" },

65
src/components/shared/SvgTextLogo/SvgTextLogo.tsx
View File

@@ -1,51 +1,40 @@
"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;
fontSize?: number;
fontFamily?: string;
fontWeight?: string | number;
fill?: string;
className?: string;
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export const SvgTextLogo: React.FC<SvgTextLogoProps> = ({
text,
fontSize = 32,
fontFamily = 'Arial',
fontWeight = 'bold',
fill = 'currentColor',
className = '',
}) => {
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"
}}
x="50%"
y="50%"
fontSize={fontSize}
fontFamily={fontFamily}
fontWeight={fontWeight}
fill={fill}
textAnchor="middle"
dominantBaseline="middle"
>
{logoText}
{text}
</text>
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
};