bender/0f40b210-1fc0-43e6-83ab-54ef763f0b11
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 3 commits from version_1 into main 2026-03-12 17:02:02 +00:00
Conversation 0 Commits 3 Files Changed 3 +65 -211
3 changed files with 65 additions and 211 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/app/about/page.tsx
View File

@@ -20,8 +20,7 @@ export default function AboutPage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Strategy & Planning", href: "#services" },
{ label: "Content Creation", href: "#services" },
{ label: "Community Management", href: "#services" },
@@ -29,8 +28,7 @@ export default function AboutPage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Our Team", href: "#team" },
{ label: "Careers", href: "#" },
@@ -38,8 +36,7 @@ export default function AboutPage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Case Studies", href: "#portfolio" },
{ label: "Social Media Guide", href: "#" },
{ label: "Research Reports", href: "#" },
@@ -47,8 +44,7 @@ export default function AboutPage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
{ label: "Cookie Policy", href: "#" },
@@ -86,10 +82,11 @@ export default function AboutPage() {
{ value: "10+", title: "Years of Industry Experience" },
{ value: "500+", title: "Brands Successfully Transformed" },
]}
imageSrc="http://img.b2bpic.net/free-photo/group-young-business-people-working-office_158595-5207.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/group-young-business-people-working-office_158595-5207.jpg"
imageAlt="About our agency team and culture"
useInvertedBackground={false}
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
@@ -102,47 +99,19 @@ export default function AboutPage() {
tagIcon={Users}
groups={[
{
id: "leadership",
groupTitle: "Leadership",
members: [
id: "leadership", groupTitle: "Leadership", members: [
{
id: "1",
title: "Alex Turner",
subtitle: "Chief Strategy Officer",
detail: "alex@apexagency.com",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-executive-standing-with-arms-crossed_107420-63906.jpg?_wi=2",
imageAlt: "Alex Turner",
},
id: "1", title: "Alex Turner", subtitle: "Chief Strategy Officer", detail: "alex@apexagency.com", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-executive-standing-with-arms-crossed_107420-63906.jpg", imageAlt: "Alex Turner"},
{
id: "2",
title: "Jordan Blake",
subtitle: "Creative Director",
detail: "jordan@apexagency.com",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg?_wi=2",
imageAlt: "Jordan Blake",
},
id: "2", title: "Jordan Blake", subtitle: "Creative Director", detail: "jordan@apexagency.com", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", imageAlt: "Jordan Blake"},
],
},
{
id: "specialists",
groupTitle: "Specialists",
members: [
id: "specialists", groupTitle: "Specialists", members: [
{
id: "3",
title: "Casey Parker",
subtitle: "Content Strategist",
detail: "casey@apexagency.com",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg?_wi=2",
imageAlt: "Casey Parker",
},
id: "3", title: "Casey Parker", subtitle: "Content Strategist", detail: "casey@apexagency.com", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", imageAlt: "Casey Parker"},
{
id: "4",
title: "Morgan Fields",
subtitle: "Copywriter",
detail: "morgan@apexagency.com",
imageSrc: "http://img.b2bpic.net/free-photo/woman-embracing-book_23-2147797373.jpg?_wi=2",
imageAlt: "Morgan Fields",
},
id: "4", title: "Morgan Fields", subtitle: "Copywriter", detail: "morgan@apexagency.com", imageSrc: "http://img.b2bpic.net/free-photo/woman-embracing-book_23-2147797373.jpg", imageAlt: "Morgan Fields"},
],
},
]}

163
src/app/page.tsx
View File

@@ -25,8 +25,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Services",
items: [
title: "Services", items: [
{ label: "Strategy & Planning", href: "/" },
{ label: "Content Creation", href: "/" },
{ label: "Community Management", href: "/" },
@@ -34,8 +33,7 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/" },
{ label: "Our Team", href: "/" },
{ label: "Careers", href: "/" },
@@ -43,8 +41,7 @@ export default function HomePage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Case Studies", href: "/" },
{ label: "Social Media Guide", href: "/" },
{ label: "Research Reports", href: "/" },
@@ -52,8 +49,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "/" },
{ label: "Terms of Service", href: "/" },
{ label: "Cookie Policy", href: "/" },
@@ -109,10 +105,11 @@ export default function HomePage() {
{ value: "500+", title: "Campaigns Launched" },
{ value: "2.3B", title: "Total Impressions Generated" },
]}
imageSrc="http://img.b2bpic.net/free-photo/group-young-business-people-working-office_158595-5207.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/group-young-business-people-working-office_158595-5207.jpg"
imageAlt="About our agency team"
useInvertedBackground={false}
mediaAnimation="slide-up"
metricsAnimation="slide-up"
/>
</div>
@@ -123,26 +120,14 @@ export default function HomePage() {
tag="Services"
features={[
{
id: "1",
title: "Strategy & Planning",
tags: ["Market Research", "Audience Analysis"],
imageSrc: "http://img.b2bpic.net/free-vector/flat-cms-landing-page-template_23-2148806162.jpg?_wi=1",
imageAlt: "Social media strategy",
},
id: "1", title: "Strategy & Planning", tags: ["Market Research", "Audience Analysis"],
imageSrc: "http://img.b2bpic.net/free-vector/flat-cms-landing-page-template_23-2148806162.jpg", imageAlt: "Social media strategy"},
{
id: "2",
title: "Content Creation",
tags: ["Video Production", "Photography"],
imageSrc: "http://img.b2bpic.net/free-photo/woman-freelancer-talking-people-webinar-lesson-videocall-using-online-class-videoconference-chat-with-colleagues-young-adult-attending-teleconference-call-social-distance_482257-48573.jpg?_wi=1",
imageAlt: "Content creation services",
},
id: "2", title: "Content Creation", tags: ["Video Production", "Photography"],
imageSrc: "http://img.b2bpic.net/free-photo/woman-freelancer-talking-people-webinar-lesson-videocall-using-online-class-videoconference-chat-with-colleagues-young-adult-attending-teleconference-call-social-distance_482257-48573.jpg", imageAlt: "Content creation services"},
{
id: "3",
title: "Community Management",
tags: ["Engagement", "Response Management"],
imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg?_wi=1",
imageAlt: "Community management",
},
id: "3", title: "Community Management", tags: ["Engagement", "Response Management"],
imageSrc: "http://img.b2bpic.net/free-photo/manager-watches-tablet-with-greenscreen_482257-76577.jpg", imageAlt: "Community management"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -158,29 +143,11 @@ export default function HomePage() {
tagIcon={Award}
products={[
{
id: "1",
name: "Luxury Fashion Brand Launch",
price: "3.2M Impressions",
variant: "Instagram & TikTok Strategy",
imageSrc: "http://img.b2bpic.net/free-vector/instagram-post-collection-template-with-photo_52683-21784.jpg?_wi=1",
imageAlt: "Fashion brand campaign",
},
id: "1", name: "Luxury Fashion Brand Launch", price: "3.2M Impressions", variant: "Instagram & TikTok Strategy", imageSrc: "http://img.b2bpic.net/free-vector/instagram-post-collection-template-with-photo_52683-21784.jpg", imageAlt: "Fashion brand campaign"},
{
id: "2",
name: "Tech Startup Viral Campaign",
price: "5.1M Impressions",
variant: "LinkedIn & YouTube Growth",
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-marketing-agency-facebook-template_23-2150726404.jpg?_wi=1",
imageAlt: "Tech startup marketing",
},
id: "2", name: "Tech Startup Viral Campaign", price: "5.1M Impressions", variant: "LinkedIn & YouTube Growth", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-marketing-agency-facebook-template_23-2150726404.jpg", imageAlt: "Tech startup marketing"},
{
id: "3",
name: "Restaurant Brand Growth",
price: "2.8M Impressions",
variant: "Instagram & Facebook Engagement",
imageSrc: "http://img.b2bpic.net/free-photo/people-having-fun-their-break-time_23-2149272085.jpg?_wi=1",
imageAlt: "Restaurant social media",
},
id: "3", name: "Restaurant Brand Growth", price: "2.8M Impressions", variant: "Instagram & Facebook Engagement", imageSrc: "http://img.b2bpic.net/free-photo/people-having-fun-their-break-time_23-2149272085.jpg", imageAlt: "Restaurant social media"},
]}
animationType="slide-up"
gridVariant="three-columns-all-equal-width"
@@ -197,59 +164,23 @@ export default function HomePage() {
tagIcon={Heart}
testimonials={[
{
id: "1",
name: "Sarah Mitchell",
role: "CMO",
company: "Luxe Collective",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-stylish-bearded-man-with-hairstyle-elegant-retro-gray-suit-bow-tie-posing-studio-isolated-gray-background_613910-20001.jpg?_wi=1",
imageAlt: "Sarah Mitchell",
},
id: "1", name: "Sarah Mitchell", role: "CMO", company: "Luxe Collective", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-stylish-bearded-man-with-hairstyle-elegant-retro-gray-suit-bow-tie-posing-studio-isolated-gray-background_613910-20001.jpg", imageAlt: "Sarah Mitchell"},
{
id: "2",
name: "James Chen",
role: "Founder",
company: "TechFlow Inc",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businesswoman-meeting-with-team_1262-2323.jpg?_wi=1",
imageAlt: "James Chen",
},
id: "2", name: "James Chen", role: "Founder", company: "TechFlow Inc", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businesswoman-meeting-with-team_1262-2323.jpg", imageAlt: "James Chen"},
{
id: "3",
name: "Emma Rodriguez",
role: "Marketing Director",
company: "Culinary Co.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/company-ceo-analyzing-data-laptop-planning-business-development_482257-79020.jpg?_wi=1",
imageAlt: "Emma Rodriguez",
},
id: "3", name: "Emma Rodriguez", role: "Marketing Director", company: "Culinary Co.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/company-ceo-analyzing-data-laptop-planning-business-development_482257-79020.jpg", imageAlt: "Emma Rodriguez"},
{
id: "4",
name: "Michael Thompson",
role: "CEO",
company: "Global Ventures",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-with-crossing-arms-isolated-dark-background_613910-6555.jpg?_wi=1",
imageAlt: "Michael Thompson",
},
id: "4", name: "Michael Thompson", role: "CEO", company: "Global Ventures", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-brown-classic-jacket-with-crossing-arms-isolated-dark-background_613910-6555.jpg", imageAlt: "Michael Thompson"},
{
id: "5",
name: "Lisa Wang",
role: "Brand Manager",
company: "StyleHub",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-confident-young-woman-working-retail-business-industry-promote-company-advertise-join-her-team-smiling-self-assured-pleased-camera-stand-hall_197531-22167.jpg?_wi=1",
imageAlt: "Lisa Wang",
},
id: "5", name: "Lisa Wang", role: "Brand Manager", company: "StyleHub", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-confident-young-woman-working-retail-business-industry-promote-company-advertise-join-her-team-smiling-self-assured-pleased-camera-stand-hall_197531-22167.jpg", imageAlt: "Lisa Wang"},
{
id: "6",
name: "David Norton",
role: "VP Marketing",
company: "Innovation Labs",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-executive-work_1098-705.jpg?_wi=1",
imageAlt: "David Norton",
},
id: "6", name: "David Norton", role: "VP Marketing", company: "Innovation Labs", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-executive-work_1098-705.jpg", imageAlt: "David Norton"},
]}
kpiItems={[
{ value: "180+", label: "Successful Campaigns" },
@@ -288,47 +219,19 @@ export default function HomePage() {
tagIcon={Users}
groups={[
{
id: "leadership",
groupTitle: "Leadership",
members: [
id: "leadership", groupTitle: "Leadership", members: [
{
id: "1",
title: "Alex Turner",
subtitle: "Chief Strategy Officer",
detail: "alex@apexagency.com",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-executive-standing-with-arms-crossed_107420-63906.jpg?_wi=1",
imageAlt: "Alex Turner",
},
id: "1", title: "Alex Turner", subtitle: "Chief Strategy Officer", detail: "alex@apexagency.com", imageSrc: "http://img.b2bpic.net/free-photo/portrait-business-executive-standing-with-arms-crossed_107420-63906.jpg", imageAlt: "Alex Turner"},
{
id: "2",
title: "Jordan Blake",
subtitle: "Creative Director",
detail: "jordan@apexagency.com",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg?_wi=1",
imageAlt: "Jordan Blake",
},
id: "2", title: "Jordan Blake", subtitle: "Creative Director", detail: "jordan@apexagency.com", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg", imageAlt: "Jordan Blake"},
],
},
{
id: "specialists",
groupTitle: "Specialists",
members: [
id: "specialists", groupTitle: "Specialists", members: [
{
id: "3",
title: "Casey Parker",
subtitle: "Content Strategist",
detail: "casey@apexagency.com",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg?_wi=1",
imageAlt: "Casey Parker",
},
id: "3", title: "Casey Parker", subtitle: "Content Strategist", detail: "casey@apexagency.com", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-modern-male_23-2148514900.jpg", imageAlt: "Casey Parker"},
{
id: "4",
title: "Morgan Fields",
subtitle: "Copywriter",
detail: "morgan@apexagency.com",
imageSrc: "http://img.b2bpic.net/free-photo/woman-embracing-book_23-2147797373.jpg?_wi=1",
imageAlt: "Morgan Fields",
},
id: "4", title: "Morgan Fields", subtitle: "Copywriter", detail: "morgan@apexagency.com", imageSrc: "http://img.b2bpic.net/free-photo/woman-embracing-book_23-2147797373.jpg", imageAlt: "Morgan Fields"},
],
},
]}

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

@@ -1,51 +1,33 @@
"use client";
import { memo } from "react";
import useSvgTextLogo from "./useSvgTextLogo";
import { cls } from "@/lib/utils";
import React, { ReactNode } from "react";
interface SvgTextLogoProps {
logoText: string;
adjustHeightFactor?: number;
verticalAlign?: "top" | "center";
text?: string;
children?: ReactNode;
className?: string;
textClassName?: string;
dominantBaseline?: "auto" | "middle" | "hanging" | "mathematical" | "central";
textAnchor?: "start" | "middle" | "end" | "inherit";
}
const SvgTextLogo = memo<SvgTextLogoProps>(function SvgTextLogo({
logoText,
adjustHeightFactor,
verticalAlign = "top",
className = "",
}) {
const { svgRef, textRef, viewBox, aspectRatio } = useSvgTextLogo(logoText, false, adjustHeightFactor);
export default function SvgTextLogo({
text = "Logo", children,
className = "", textClassName = "", dominantBaseline = "middle", textAnchor = "middle"}: SvgTextLogoProps) {
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 200 200"
xmlns="http://www.w3.org/2000/svg"
className={`w-full h-auto ${className}`}
>
<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="100"
y="100"
dominantBaseline={dominantBaseline}
textAnchor={textAnchor}
className={`text-2xl font-bold fill-current ${textClassName}`}
>
{logoText}
{text}
</text>
{children}
</svg>
);
});
SvgTextLogo.displayName = "SvgTextLogo";
export default SvgTextLogo;
}