Merge version_1 into main #1
244
src/app/page.tsx
244
src/app/page.tsx
@@ -20,27 +20,24 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Metrics", id: "metrics" },
|
||||
{ name: "Team", id: "team" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Agency X"
|
||||
/>
|
||||
@@ -51,14 +48,8 @@ export default function LandingPage() {
|
||||
logoText="AGENCY X"
|
||||
description="We architect social media ecosystems that convert engagement into measurable growth for premium brands."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Scaling",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Approach",
|
||||
href: "#about",
|
||||
},
|
||||
{ text: "Start Scaling", href: "#contact" },
|
||||
{ text: "Our Approach", href: "#about" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-desk-concept-with-copy-space_23-2148459729.jpg"
|
||||
imageAlt="Agency X Hero"
|
||||
@@ -70,8 +61,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="Strategy over Content."
|
||||
description={[
|
||||
"Every post, story, and campaign is engineered for precision. We don't just chase trends; we set them.",
|
||||
"Our data-driven approach ensures your brand identity is consistent, authoritative, and profitable.",
|
||||
"Every post, story, and campaign is engineered for precision. We don't just chase trends; we set them.", "Our data-driven approach ensures your brand identity is consistent, authoritative, and profitable."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -82,26 +72,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Strategy",
|
||||
title: "Social Audit",
|
||||
subtitle: "Deep analysis of your current presence.",
|
||||
description: "We identify gaps and opportunities to optimize your performance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg",
|
||||
tag: "Strategy", title: "Social Audit", subtitle: "Deep analysis of your current presence.", description: "We identify gaps and opportunities to optimize your performance.", imageSrc: "http://img.b2bpic.net/free-photo/businessman-studying-infographics-performance-metrics_482257-122632.jpg"
|
||||
},
|
||||
{
|
||||
tag: "Creative",
|
||||
title: "Content Production",
|
||||
subtitle: "High-end visual storytelling.",
|
||||
description: "Professional video and graphic assets tailored for high engagement.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885646.jpg",
|
||||
tag: "Creative", title: "Content Production", subtitle: "High-end visual storytelling.", description: "Professional video and graphic assets tailored for high engagement.", imageSrc: "http://img.b2bpic.net/free-photo/studio-with-props-photography_23-2148885646.jpg"
|
||||
},
|
||||
{
|
||||
tag: "Growth",
|
||||
title: "Community Management",
|
||||
subtitle: "Scaling authentic interaction.",
|
||||
description: "We manage your community with high-touch, human-centric strategies.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-social-networking-icons-wooden-table_23-2147841394.jpg",
|
||||
},
|
||||
tag: "Growth", title: "Community Management", subtitle: "Scaling authentic interaction.", description: "We manage your community with high-touch, human-centric strategies.", imageSrc: "http://img.b2bpic.net/free-photo/smartwatch-with-social-networking-icons-wooden-table_23-2147841394.jpg"
|
||||
}
|
||||
]}
|
||||
title="Services Engineered for Impact."
|
||||
description="A comprehensive suite of social solutions designed to dominate your niche."
|
||||
@@ -115,21 +93,9 @@ export default function LandingPage() {
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "400%",
|
||||
description: "Average audience growth.",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "2.5x",
|
||||
description: "Increased engagement rate.",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "$10M",
|
||||
description: "Value generated for clients.",
|
||||
},
|
||||
{ id: "m1", value: "400%", description: "Average audience growth." },
|
||||
{ id: "m2", value: "2.5x", description: "Increased engagement rate." },
|
||||
{ id: "m3", value: "$10M", description: "Value generated for clients." }
|
||||
]}
|
||||
title="Proven Results."
|
||||
description="Our strategies deliver measurable outcomes that scale your business."
|
||||
@@ -143,23 +109,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
team={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Creative Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-therapy_23-2148928793.jpg",
|
||||
id: "t1", name: "Sarah Miller", role: "Creative Director", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-therapy_23-2148928793.jpg"
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "David Chen",
|
||||
role: "Social Strategist",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg",
|
||||
id: "t2", name: "David Chen", role: "Social Strategist", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-suit_23-2149705918.jpg"
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Ross",
|
||||
role: "Head of Analytics",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg",
|
||||
},
|
||||
id: "t3", name: "Elena Ross", role: "Head of Analytics", imageSrc: "http://img.b2bpic.net/free-photo/man-solar-panels-plant-using-laptop-improve-solar-cells-efficiency_482257-119894.jpg"
|
||||
}
|
||||
]}
|
||||
title="Meet the Minds."
|
||||
description="A collective of digital experts pushing the boundaries of social media marketing."
|
||||
@@ -171,13 +128,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GrowthCo",
|
||||
"StartupXYZ",
|
||||
"BrandElite",
|
||||
"FutureMedia",
|
||||
"ApexDynamics",
|
||||
"TechCorp", "InnovateLab", "GrowthCo", "StartupXYZ", "BrandElite", "FutureMedia", "ApexDynamics"
|
||||
]}
|
||||
title="Trusted by Leaders."
|
||||
description="Global brands trust us with their social presence."
|
||||
@@ -191,59 +142,30 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "CEO",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",
|
||||
id: "1", name: "Sarah Johnson", role: "CEO", company: "TechCorp", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "CTO",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg",
|
||||
id: "2", name: "Michael Chen", role: "CTO", company: "InnovateLab", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3905.jpg",
|
||||
id: "3", name: "Emily Rodriguez", role: "Marketing Director", company: "GrowthCo", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-sad-expression_1194-3905.jpg"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg",
|
||||
id: "4", name: "David Kim", role: "Product Manager", company: "StartupXYZ", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/upbeat-saleswoman-hired-explain-vehicle-pricing-options-clients_482257-118422.jpg"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Julia Smith",
|
||||
role: "Brand Lead",
|
||||
company: "BrandElite",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
|
||||
},
|
||||
id: "5", name: "Julia Smith", role: "Brand Lead", company: "BrandElite", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg"
|
||||
}
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "98%",
|
||||
label: "Retention Rate",
|
||||
},
|
||||
{
|
||||
value: "150+",
|
||||
label: "Successful Projects",
|
||||
},
|
||||
{
|
||||
value: "5.0",
|
||||
label: "Average Rating",
|
||||
},
|
||||
{ value: "98%", label: "Retention Rate" },
|
||||
{ value: "150+", label: "Successful Projects" },
|
||||
{ value: "5.0", label: "Average Rating" }
|
||||
]}
|
||||
title="Client Success Stories."
|
||||
description="See why our partners continue to choose Agency X for their growth."
|
||||
@@ -256,20 +178,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do we measure success?",
|
||||
content: "We provide monthly reports tracking KPIs like growth, engagement, and ROI.",
|
||||
id: "f1", title: "How do we measure success?", content: "We provide monthly reports tracking KPIs like growth, engagement, and ROI."
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Do you offer custom strategy?",
|
||||
content: "Absolutely. Every client gets a bespoke strategy tailored to their business goals.",
|
||||
id: "f2", title: "Do you offer custom strategy?", content: "Absolutely. Every client gets a bespoke strategy tailored to their business goals."
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What platforms do you support?",
|
||||
content: "We specialize in all major platforms: Instagram, LinkedIn, TikTok, and Twitter.",
|
||||
},
|
||||
id: "f3", title: "What platforms do you support?", content: "We specialize in all major platforms: Instagram, LinkedIn, TikTok, and Twitter."
|
||||
}
|
||||
]}
|
||||
title="Common Questions."
|
||||
description="Get answers to everything you need to know about our services."
|
||||
@@ -280,16 +196,9 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Ready to scale your social impact? Let’s build your strategy together."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get In Touch",
|
||||
href: "mailto:hello@agencyx.com",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get In Touch", href: "mailto:hello@agencyx.com" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -297,52 +206,25 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Agency",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Team",
|
||||
href: "#team",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Agency", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Team", href: "#team" },
|
||||
{ label: "Careers", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{
|
||||
label: "Strategy",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Content",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#features",
|
||||
},
|
||||
],
|
||||
title: "Services", items: [
|
||||
{ label: "Strategy", href: "#features" },
|
||||
{ label: "Content", href: "#features" },
|
||||
{ label: "Community", href: "#features" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="AGENCY X"
|
||||
copyrightText="© 2025 | Agency X"
|
||||
|
||||
Reference in New Issue
Block a user