bender/b6f613bd-086f-490c-b3ed-98a9b2ec460f
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-13 11:50:51 +00:00
parent d4173d1730
commit 54eea321ca
1 changed files with 47 additions and 199 deletions
Download Patch File Download Diff File Expand all files Collapse all files

246
src/app/page.tsx
View File

@@ -30,22 +30,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Services",
id: "#features",
},
{
name: "Metrics",
id: "#metrics",
},
{
name: "Contact",
id: "#contact",
},
{ name: "About", id: "#about" },
{ name: "Services", id: "#features" },
{ name: "Metrics", id: "#metrics" },
{ name: "Contact", id: "#contact" },
]}
brandName="ApexSocial"
/>
@@ -53,63 +41,26 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Amplify Your Digital Presence"
description="We craft premium social media strategies that elevate brands, drive authentic engagement, and deliver measurable growth in the digital landscape."
buttons={[
{
text: "Book Strategy Session",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/optical-fiber-with-blue-light_23-2148242670.jpg?_wi=1"
buttons={[{ text: "Book Strategy Session", href: "#contact" }]}
imageSrc="http://img.b2bpic.net/free-photo/optical-fiber-with-blue-light_23-2148242670.jpg"
imageAlt="dark abstract background rays"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
alt: "Senior businessman outside of modern office building.",
},
{
src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
alt: "Successful businessman imagines great career",
},
{
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
alt: "Closeup of Handsome Middle-aged Business Leader",
},
{
src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg",
alt: "Confident entrepreneur satisfied with own success",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020819.jpg",
alt: "Portrait of beautiful woman posing with an avantgarde head piece",
},
{ src: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg", alt: "Senior businessman outside of modern office building." },
{ src: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg", alt: "Successful businessman imagines great career" },
{ src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Closeup of Handsome Middle-aged Business Leader" },
{ src: "http://img.b2bpic.net/free-photo/confident-entrepreneur-satisfied-with-own-success_1163-5474.jpg", alt: "Confident entrepreneur satisfied with own success" },
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020819.jpg", alt: "Portrait of beautiful woman posing with an avantgarde head piece" },
]}
marqueeItems={[
{
type: "text",
text: "Brand Strategy",
},
{
type: "text",
text: "Content Production",
},
{
type: "text",
text: "Community Management",
},
{
type: "text",
text: "Social Media Growth",
},
{
type: "text",
text: "Digital Presence",
},
{ type: "text", text: "Brand Strategy" },
{ type: "text", text: "Content Production" },
{ type: "text", text: "Community Management" },
{ type: "text", text: "Social Media Growth" },
{ type: "text", text: "Digital Presence" },
]}
/>
</div>
@@ -118,15 +69,7 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={false}
names={[
"Nexus Inc",
"Innovate Labs",
"Prime Media",
"Vertex Tech",
"Core Systems",
"Zenith Corp",
"Visionary Agency",
]}
names={["Nexus Inc", "Innovate Labs", "Prime Media", "Vertex Tech", "Core Systems", "Zenith Corp", "Visionary Agency"]}
title="Trusted by Industry Leaders"
description="Partnering with the world's most innovative companies to redefine brand storytelling."
/>
@@ -137,7 +80,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="Mastering the Art of Connection"
description="At ApexSocial, we believe that every brand has a narrative waiting to be told. Our team blends human-centric creative with data-driven strategy to build lasting communities."
imageSrc="http://img.b2bpic.net/free-photo/multinational-group-colleagues-looking-laptop-screen-work-meeting-office_1098-20242.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/multinational-group-colleagues-looking-laptop-screen-work-meeting-office_1098-20242.jpg"
imageAlt="modern creative agency office"
/>
</div>
@@ -149,46 +92,16 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
title: "Brand Strategy",
description: "Comprehensive identity development and positioning for market leaders.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169864.jpg",
imageAlt: "analytics mobile app mockup",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-looks-greenscreen_482257-76544.jpg",
imageAlt: "content scheduler app ui",
},
imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-with-blue-light_23-2148242670.jpg?_wi=2",
imageAlt: "analytics mobile app mockup",
title: "Brand Strategy", description: "Comprehensive identity development and positioning for market leaders.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169864.jpg", imageAlt: "analytics mobile app mockup" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-looks-greenscreen_482257-76544.jpg", imageAlt: "content scheduler app ui" }
},
{
title: "Content Production",
description: "Cinematic video and high-end graphic design tailored for modern feeds.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-stock-market-online_53876-163988.jpg",
imageAlt: "analytics mobile app mockup",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-illustrated_23-2151877730.jpg",
imageAlt: "content scheduler app ui",
},
imageSrc: "http://img.b2bpic.net/free-photo/multinational-group-colleagues-looking-laptop-screen-work-meeting-office_1098-20242.jpg?_wi=2",
imageAlt: "analytics mobile app mockup",
title: "Content Production", description: "Cinematic video and high-end graphic design tailored for modern feeds.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/businessman-checking-stock-market-online_53876-163988.jpg", imageAlt: "analytics mobile app mockup" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/technology-hologram-illustrated_23-2151877730.jpg", imageAlt: "content scheduler app ui" }
},
{
title: "Community Management",
description: "Building and nurturing highly engaged audience communities.",
phoneOne: {
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-displaying-financial-data-charts_23-2152020638.jpg",
imageAlt: "analytics mobile app mockup",
},
phoneTwo: {
imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-elements-collection_23-2149053605.jpg",
imageAlt: "content scheduler app ui",
},
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
imageAlt: "analytics mobile app mockup",
title: "Community Management", description: "Building and nurturing highly engaged audience communities.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/smartphone-displaying-financial-data-charts_23-2152020638.jpg", imageAlt: "analytics mobile app mockup" },
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-vector/gradient-ui-ux-elements-collection_23-2149053605.jpg", imageAlt: "content scheduler app ui" }
},
]}
showStepNumbers={true}
@@ -204,26 +117,10 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "1.2M+",
description: "Global Reach",
},
{
id: "m2",
value: "45%",
description: "Avg Growth Increase",
},
{
id: "m3",
value: "98%",
description: "Client Retention",
},
{
id: "m4",
value: "500+",
description: "Projects Delivered",
},
{ id: "m1", value: "1.2M+", description: "Global Reach" },
{ id: "m2", value: "45%", description: "Avg Growth Increase" },
{ id: "m3", value: "98%", description: "Client Retention" },
{ id: "m4", value: "500+", description: "Projects Delivered" },
]}
title="Impact by the Numbers"
description="We don't just create content; we deliver meaningful business outcomes for our clients."
@@ -237,26 +134,11 @@ export default function LandingPage() {
rating={5}
author="Sarah Chen, Director of Marketing"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
alt: "successful male CEO portrait",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020821.jpg",
alt: "creative woman portrait",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg",
alt: "young entrepreneur portrait",
},
{
src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
alt: "senior marketing manager",
},
{
src: "http://img.b2bpic.net/free-photo/businessman-leader-modern-office-with-businesspeople-working_1139-960.jpg",
alt: "innovative creative director",
},
{ src: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg", alt: "successful male CEO portrait" },
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-posing-with-avantgarde-head-piece_23-2149020821.jpg", alt: "creative woman portrait" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-confident-woman-startup-manager-office-posing-with-confidence-looking_1258-195341.jpg", alt: "young entrepreneur portrait" },
{ src: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg", alt: "senior marketing manager" },
{ src: "http://img.b2bpic.net/free-photo/businessman-leader-modern-office-with-businesspeople-working_1139-960.jpg", alt: "innovative creative director" },
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -266,18 +148,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
tag="Ready to scale?"
title="Let's Elevate Your Brand"
description="Ready to take your social presence to the next level? Our consultants are ready to discuss your goals."
buttons={[
{
text: "Start the Conversation",
href: "#contact",
},
]}
buttons={[{ text: "Start the Conversation", href: "#contact" }]}
/>
</div>
@@ -285,50 +160,23 @@ export default function LandingPage() {
<FooterBase
columns={[
{
title: "Company",
items: [
{
label: "About Us",
href: "#about",
},
{
label: "Our Work",
href: "#features",
},
{
label: "Career",
href: "#",
},
title: "Company", items: [
{ label: "About Us", href: "#about" },
{ label: "Our Work", href: "#features" },
{ label: "Career", href: "#" },
],
},
{
title: "Resources",
items: [
{
label: "Blog",
href: "#",
},
{
label: "Case Studies",
href: "#",
},
{
label: "Events",
href: "#",
},
title: "Resources", items: [
{ label: "Blog", href: "#" },
{ label: "Case Studies", href: "#" },
{ label: "Events", href: "#" },
],
},
{
title: "Legal",
items: [
{
label: "Privacy Policy",
href: "#",
},
{
label: "Terms of Service",
href: "#",
},
title: "Legal", items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms of Service", href: "#" },
],
},
]}