Update src/app/page.tsx
This commit is contained in:
211
src/app/page.tsx
211
src/app/page.tsx
@@ -12,7 +12,7 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Sparkles } from "lucide-react";
|
||||
import { Sparkles, Zap, BarChart3, Shield, TrendingUp } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -20,27 +20,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Results", id: "metrics" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="InfluenceIQ"
|
||||
/>
|
||||
@@ -48,20 +43,12 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="InfluenceIQ"
|
||||
description="We architect digital empires through strategic social media growth and high-conversion content ecosystems."
|
||||
buttons={[
|
||||
{
|
||||
text: "Scale Your Presence",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Our Methodology",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Scale Your Presence", href: "#contact" },
|
||||
{ text: "Our Methodology", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241199.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -86,30 +73,10 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "AI Content Studio",
|
||||
description: "High-production-value video and graphics optimized for viral reach.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg",
|
||||
buttonIcon: "Zap",
|
||||
},
|
||||
{
|
||||
title: "Precision Analytics",
|
||||
description: "Data-backed insights to refine your strategy in real-time.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-business-activity-company_1098-1585.jpg",
|
||||
buttonIcon: "BarChart3",
|
||||
},
|
||||
{
|
||||
title: "Brand Identity",
|
||||
description: "Cohesive visual narratives that command instant attention.",
|
||||
imageSrc: "http://img.b2bpic.net/free-psd/flat-design-art-handcraft-template_23-2149698047.jpg",
|
||||
buttonIcon: "Shield",
|
||||
},
|
||||
{
|
||||
title: "Growth Engine",
|
||||
description: "Scaling your brand across multiple social platforms simultaneously.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pie-chart-diagram-graphic-icon-finance-concept_53876-122983.jpg",
|
||||
buttonIcon: "TrendingUp",
|
||||
},
|
||||
{ title: "AI Content Studio", description: "High-production-value video and graphics optimized for viral reach.", imageSrc: "http://img.b2bpic.net/free-photo/executive-workspace-features-digital-dashboard-with-financial-charts_482257-123845.jpg", buttonIcon: Zap },
|
||||
{ title: "Precision Analytics", description: "Data-backed insights to refine your strategy in real-time.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-business-activity-company_1098-1585.jpg", buttonIcon: BarChart3 },
|
||||
{ title: "Brand Identity", description: "Cohesive visual narratives that command instant attention.", imageSrc: "http://img.b2bpic.net/free-psd/flat-design-art-handcraft-template_23-2149698047.jpg", buttonIcon: Shield },
|
||||
{ title: "Growth Engine", description: "Scaling your brand across multiple social platforms simultaneously.", imageSrc: "http://img.b2bpic.net/free-photo/pie-chart-diagram-graphic-icon-finance-concept_53876-122983.jpg", buttonIcon: TrendingUp },
|
||||
]}
|
||||
title="Strategic Capabilities"
|
||||
description="Comprehensive marketing solutions to accelerate your brand footprint."
|
||||
@@ -122,27 +89,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "200%",
|
||||
title: "Average Growth",
|
||||
description: "Year-over-year follower expansion",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colourful-cubes-pointy-arrow_23-2148445421.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15%",
|
||||
title: "Engagement",
|
||||
description: "Avg organic interaction rate",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372420.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "4.2x",
|
||||
title: "ROI",
|
||||
description: "Revenue generated from leads",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg",
|
||||
},
|
||||
{ id: "m1", value: "200%", title: "Average Growth", description: "Year-over-year follower expansion", imageSrc: "http://img.b2bpic.net/free-photo/colourful-cubes-pointy-arrow_23-2148445421.jpg" },
|
||||
{ id: "m2", value: "15%", title: "Engagement", description: "Avg organic interaction rate", imageSrc: "http://img.b2bpic.net/free-photo/market-trends-concept-with-smartphone_23-2150372420.jpg" },
|
||||
{ id: "m3", value: "4.2x", title: "ROI", description: "Revenue generated from leads", imageSrc: "http://img.b2bpic.net/free-photo/business-leader-trader-searching-new-investment-solution_482257-116895.jpg" },
|
||||
]}
|
||||
title="Proven Impact"
|
||||
description="Quantifiable results that drive business performance."
|
||||
@@ -153,15 +102,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechNode",
|
||||
"GrowthFlow",
|
||||
"InnovateCore",
|
||||
"DataSync",
|
||||
"NextGen",
|
||||
"PulseBrand",
|
||||
"CloudStream",
|
||||
]}
|
||||
names={["TechNode", "GrowthFlow", "InnovateCore", "DataSync", "NextGen", "PulseBrand", "CloudStream"]}
|
||||
title="Trusted by Innovators"
|
||||
description="Collaborating with high-growth brands across various industries."
|
||||
/>
|
||||
@@ -173,41 +114,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Jenkins",
|
||||
role: "CEO, TechNode",
|
||||
testimonial: "InfluenceIQ transformed our social identity. Revenue increased by 40% in just three months.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1662.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Mark Sterling",
|
||||
role: "Founder, GrowthFlow",
|
||||
testimonial: "They don't just post content; they build sustainable growth machines. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-executive-sitting-with-clipboard-office_482257-124725.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Marketing VP, InnovateCore",
|
||||
testimonial: "The precision of their analytics and the creative flair of their content is unmatched.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969909.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "David Wu",
|
||||
role: "CEO, DataSync",
|
||||
testimonial: "Professional, data-driven, and incredibly innovative. They are true partners.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Jessica Lee",
|
||||
role: "CMO, NextGen",
|
||||
testimonial: "InfluenceIQ is the gold standard for social media performance marketing.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12116.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Sarah Jenkins", role: "CEO, TechNode", testimonial: "InfluenceIQ transformed our social identity. Revenue increased by 40% in just three months.", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1662.jpg" },
|
||||
{ id: "t2", name: "Mark Sterling", role: "Founder, GrowthFlow", testimonial: "They don't just post content; they build sustainable growth machines. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/male-executive-sitting-with-clipboard-office_482257-124725.jpg" },
|
||||
{ id: "t3", name: "Elena Rodriguez", role: "Marketing VP, InnovateCore", testimonial: "The precision of their analytics and the creative flair of their content is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-labor-union-member_23-2150969909.jpg" },
|
||||
{ id: "t4", name: "David Wu", role: "CEO, DataSync", testimonial: "Professional, data-driven, and incredibly innovative. They are true partners.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg" },
|
||||
{ id: "t5", name: "Jessica Lee", role: "CMO, NextGen", testimonial: "InfluenceIQ is the gold standard for social media performance marketing.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-bearded-male-wearing-stylish-sui_613910-12116.jpg" },
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Hear how we've helped leading brands redefine their online footprint."
|
||||
@@ -218,21 +129,9 @@ export default function LandingPage() {
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do you measure ROI?",
|
||||
content: "We track conversion metrics, lead quality, and brand sentiment across all social channels.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "What platforms do you support?",
|
||||
content: "We specialize in TikTok, Instagram, LinkedIn, and YouTube strategy.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Can you handle high-volume creative?",
|
||||
content: "Yes, our studio capabilities allow us to produce high-volume, high-quality content.",
|
||||
},
|
||||
{ id: "f1", title: "How do you measure ROI?", content: "We track conversion metrics, lead quality, and brand sentiment across all social channels." },
|
||||
{ id: "f2", title: "What platforms do you support?", content: "We specialize in TikTok, Instagram, LinkedIn, and YouTube strategy." },
|
||||
{ id: "f3", title: "Can you handle high-volume creative?", content: "Yes, our studio capabilities allow us to produce high-volume, high-quality content." },
|
||||
]}
|
||||
sideTitle="Common Inquiries"
|
||||
sideDescription="Everything you need to know about partnering with us."
|
||||
@@ -243,15 +142,10 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
background={{ variant: "radial-gradient" }}
|
||||
text="Ready to claim your digital authority? Let's discuss your brand's potential."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book Strategy Session",
|
||||
href: "mailto:hello@influenceiq.com",
|
||||
},
|
||||
{ text: "Book Strategy Session", href: "mailto:hello@influenceiq.com" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -262,42 +156,21 @@ export default function LandingPage() {
|
||||
logoText="InfluenceIQ"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#about" },
|
||||
{ label: "Careers", href: "#" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Solutions",
|
||||
items: [
|
||||
{
|
||||
label: "Growth",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Content",
|
||||
href: "#features",
|
||||
},
|
||||
title: "Solutions", items: [
|
||||
{ label: "Growth", href: "#features" },
|
||||
{ label: "Content", href: "#features" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user