Update src/app/page.tsx
This commit is contained in:
212
src/app/page.tsx
212
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "About",
|
name: "About", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Features",
|
name: "Features", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "testimonials"},
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="AgencyCore"
|
brandName="AgencyCore"
|
||||||
/>
|
/>
|
||||||
@@ -56,77 +48,44 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitTestimonial
|
<HeroSplitTestimonial
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="Scaling Agency Success Through Data"
|
title="Scaling Agency Success Through Data"
|
||||||
description="We build high-performance systems and growth strategies designed to accelerate your revenue and market presence."
|
description="We build high-performance systems and growth strategies designed to accelerate your revenue and market presence."
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
name: "Sarah J.",
|
name: "Sarah J.", handle: "@sarahj", testimonial: "The best partnership we've had in years.", rating: 5,
|
||||||
handle: "@sarahj",
|
imageSrc: "http://img.b2bpic.net/free-photo/we-are-ready-you_329181-15216.jpg"},
|
||||||
testimonial: "The best partnership we've had in years.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/we-are-ready-you_329181-15216.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Mike D.",
|
name: "Mike D.", handle: "@miked", testimonial: "Incredible results for our monthly growth.", rating: 5,
|
||||||
handle: "@miked",
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg"},
|
||||||
testimonial: "Incredible results for our monthly growth.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Emma R.",
|
name: "Emma R.", handle: "@emmar", testimonial: "Transformed our digital presence completely.", rating: 5,
|
||||||
handle: "@emmar",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-professional-businesswoman-indoors_23-2148824827.jpg"},
|
||||||
testimonial: "Transformed our digital presence completely.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-professional-businesswoman-indoors_23-2148824827.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "David K.",
|
name: "David K.", handle: "@davidk", testimonial: "A team that truly understands business.", rating: 5,
|
||||||
handle: "@davidk",
|
imageSrc: "http://img.b2bpic.net/free-photo/they-re-best-business-team_329181-15197.jpg"},
|
||||||
testimonial: "A team that truly understands business.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/they-re-best-business-team_329181-15197.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Jane D.",
|
name: "Jane D.", handle: "@janed", testimonial: "Reliable, strategic, and results-focused.", rating: 5,
|
||||||
handle: "@janed",
|
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-glad-african-student-blue-shirt-standing-with-arms-crossed-while-his-university-friends-talking-beside-him-blissful-black-guy-spending-time-office-with-colleagues_197531-3858.jpg"},
|
||||||
testimonial: "Reliable, strategic, and results-focused.",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-portrait-glad-african-student-blue-shirt-standing-with-arms-crossed-while-his-university-friends-talking-beside-him-blissful-black-guy-spending-time-office-with-colleagues_197531-3858.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Start Project",
|
text: "Start Project", href: "#contact"},
|
||||||
href: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-low-poly-plexus-design-background_1048-12191.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-low-poly-plexus-design-background_1048-12191.jpg"
|
||||||
imageAlt="abstract tech background dark"
|
imageAlt="abstract tech background dark"
|
||||||
mediaAnimation="blur-reveal"
|
mediaAnimation="blur-reveal"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/3d-render-simplistic-design-with-flowing-particles_1048-13355.jpg",
|
src: "http://img.b2bpic.net/free-photo/3d-render-simplistic-design-with-flowing-particles_1048-13355.jpg", alt: "abstract tech background dark"},
|
||||||
alt: "abstract tech background dark",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/abstract-neon-lights-background_1017-2666.jpg",
|
src: "http://img.b2bpic.net/free-photo/abstract-neon-lights-background_1017-2666.jpg", alt: "Abstract neon lights background"},
|
||||||
alt: "Abstract neon lights background",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-low-poly-plexus-design_1048-18066.jpg",
|
src: "http://img.b2bpic.net/free-photo/3d-data-technology-background-with-low-poly-plexus-design_1048-18066.jpg", alt: "3D data technology background with low poly plexus design"},
|
||||||
alt: "3D data technology background with low poly plexus design",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/3d-render-abstract-particle-design-with-shallow-depth-field_1048-14034.jpg",
|
src: "http://img.b2bpic.net/free-photo/3d-render-abstract-particle-design-with-shallow-depth-field_1048-14034.jpg", alt: "3D render of an abstract particle design with shallow depth of field"},
|
||||||
alt: "3D render of an abstract particle design with shallow depth of field",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-business-man-standing-outside_1262-3492.jpg",
|
src: "http://img.b2bpic.net/free-photo/closeup-smiling-business-man-standing-outside_1262-3492.jpg", alt: "Closeup of Smiling Business Man Standing Outside"},
|
||||||
alt: "Closeup of Smiling Business Man Standing Outside",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -151,20 +110,11 @@ export default function LandingPage() {
|
|||||||
description="We utilize proprietary methodologies to optimize every facet of your digital infrastructure."
|
description="We utilize proprietary methodologies to optimize every facet of your digital infrastructure."
|
||||||
accordionItems={[
|
accordionItems={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Data Analytics", content: "Real-time insights that drive decision making."},
|
||||||
title: "Data Analytics",
|
|
||||||
content: "Real-time insights that drive decision making.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Growth Marketing", content: "Targeted strategies that reach your audience."},
|
||||||
title: "Growth Marketing",
|
|
||||||
content: "Targeted strategies that reach your audience.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Automation Suites", content: "Workflow optimization for increased productivity."},
|
||||||
title: "Automation Suites",
|
|
||||||
content: "Workflow optimization for increased productivity.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-57872.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/computer-dark-room-with-graphs-screen_169016-57872.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
@@ -175,25 +125,17 @@ export default function LandingPage() {
|
|||||||
<MetricCardThree
|
<MetricCardThree
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
|
animationType="slide-up"
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", icon: Zap,
|
||||||
icon: Zap,
|
title: "Growth", value: "150%"},
|
||||||
title: "Growth",
|
|
||||||
value: "150%",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", icon: Target,
|
||||||
icon: Target,
|
title: "Precision", value: "99%"},
|
||||||
title: "Precision",
|
|
||||||
value: "99%",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", icon: TrendingUp,
|
||||||
icon: TrendingUp,
|
title: "ROI", value: "12x"},
|
||||||
title: "ROI",
|
|
||||||
value: "12x",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Impact by Numbers"
|
title="Impact by Numbers"
|
||||||
description="Evidence-backed results for our global client partners."
|
description="Evidence-backed results for our global client partners."
|
||||||
@@ -205,14 +147,7 @@ export default function LandingPage() {
|
|||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
names={[
|
names={[
|
||||||
"Google",
|
"Google", "Microsoft", "Amazon", "Tesla", "Nvidia", "Meta", "Adobe"]}
|
||||||
"Microsoft",
|
|
||||||
"Amazon",
|
|
||||||
"Tesla",
|
|
||||||
"Nvidia",
|
|
||||||
"Meta",
|
|
||||||
"Adobe",
|
|
||||||
]}
|
|
||||||
title="Trusted by Industry Leaders"
|
title="Trusted by Industry Leaders"
|
||||||
description="Top brands trust us with their growth."
|
description="Top brands trust us with their growth."
|
||||||
/>
|
/>
|
||||||
@@ -225,59 +160,28 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Sarah J.", role: "CEO", company: "Tech", rating: 5,
|
||||||
name: "Sarah J.",
|
imageSrc: "http://img.b2bpic.net/free-photo/excited-funny-asian-manager-colleagues_1262-5011.jpg"},
|
||||||
role: "CEO",
|
|
||||||
company: "Tech",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/excited-funny-asian-manager-colleagues_1262-5011.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Mike D.", role: "CTO", company: "Labs", rating: 5,
|
||||||
name: "Mike D.",
|
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg"},
|
||||||
role: "CTO",
|
|
||||||
company: "Labs",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Emma R.", role: "CMO", company: "Growth", rating: 5,
|
||||||
name: "Emma R.",
|
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-sitting-couch-smiling_23-2148095699.jpg"},
|
||||||
role: "CMO",
|
|
||||||
company: "Growth",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-sitting-couch-smiling_23-2148095699.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "David K.", role: "PM", company: "Start", rating: 5,
|
||||||
name: "David K.",
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-employee-starts-first-day-job-unpacking-belongings-meeting-coworkers_482257-126385.jpg"},
|
||||||
role: "PM",
|
|
||||||
company: "Start",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-employee-starts-first-day-job-unpacking-belongings-meeting-coworkers_482257-126385.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Jane D.", role: "Lead", company: "Brand", rating: 5,
|
||||||
name: "Jane D.",
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-digital-tablet-office_329181-12088.jpg"},
|
||||||
role: "Lead",
|
|
||||||
company: "Brand",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-working-digital-tablet-office_329181-12088.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{
|
||||||
value: "98%",
|
value: "98%", label: "Retention"},
|
||||||
label: "Retention",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "4.9/5",
|
value: "4.9/5", label: "Avg Rating"},
|
||||||
label: "Avg Rating",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "50+",
|
value: "50+", label: "Projects"},
|
||||||
label: "Projects",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Client Success"
|
title="Client Success"
|
||||||
description="What our partners have to say about working with us."
|
description="What our partners have to say about working with us."
|
||||||
@@ -289,20 +193,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "How does pricing work?", content: "We offer custom packages tailored to needs."},
|
||||||
title: "How does pricing work?",
|
|
||||||
content: "We offer custom packages tailored to needs.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "Do you provide support?", content: "Dedicated support is included in all plans."},
|
||||||
title: "Do you provide support?",
|
|
||||||
content: "Dedicated support is included in all plans.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "Can you scale with us?", content: "Our infrastructure is built for rapid scaling."},
|
||||||
title: "Can you scale with us?",
|
|
||||||
content: "Our infrastructure is built for rapid scaling.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
sideTitle="Common Questions"
|
sideTitle="Common Questions"
|
||||||
faqsAnimation="blur-reveal"
|
faqsAnimation="blur-reveal"
|
||||||
@@ -313,8 +208,7 @@ export default function LandingPage() {
|
|||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="Ready to get started?"
|
title="Ready to get started?"
|
||||||
description="Connect with our team to discuss your project requirements."
|
description="Connect with our team to discuss your project requirements."
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683409.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683409.jpg"
|
||||||
@@ -330,14 +224,10 @@ export default function LandingPage() {
|
|||||||
socialLinks={[
|
socialLinks={[
|
||||||
{
|
{
|
||||||
icon: Twitter,
|
icon: Twitter,
|
||||||
href: "https://twitter.com",
|
href: "https://twitter.com", ariaLabel: "Twitter"},
|
||||||
ariaLabel: "Twitter",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
icon: Github,
|
icon: Github,
|
||||||
href: "https://github.com",
|
href: "https://github.com", ariaLabel: "GitHub"},
|
||||||
ariaLabel: "GitHub",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user