Update src/app/page.tsx
This commit is contained in:
251
src/app/page.tsx
251
src/app/page.tsx
@@ -11,8 +11,7 @@ import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Target, TrendingUp, Zap } from "lucide-react";
|
||||
import { Target, Zap, Rocket } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -32,18 +31,8 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
{
|
||||
name: "Results",
|
||||
id: "results",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="RevenueBoost"
|
||||
/>
|
||||
@@ -51,43 +40,24 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
logoText="Transform Clicks into Revenue"
|
||||
description="We build high-performance websites and manage precision ad campaigns designed to scale your business and dominate your market."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Growing",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
logoText="Accelerate Your Digital Presence"
|
||||
description="We craft high-impact websites and precision ad campaigns designed to help your brand reach more customers and drive consistent growth from day one."
|
||||
buttons={[{ text: "Let's Grow", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/businessman-doing-research-analysis-computer-screen-plan-financial-statistics-with-charts-graphs-data-male-employee-working-with-diagram-report-find-sales-profit-e-commerce_482257-40940.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="digital agency dashboard"
|
||||
imageAlt="digital marketing strategy"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="Data-Driven Results"
|
||||
title="Our Approach"
|
||||
metrics={[
|
||||
{
|
||||
icon: TrendingUp,
|
||||
label: "Avg Revenue Lift",
|
||||
value: "145%",
|
||||
},
|
||||
{
|
||||
icon: Target,
|
||||
label: "Ad Conversion Rate",
|
||||
value: "8.4%",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Page Load Speed",
|
||||
value: "<1.2s",
|
||||
},
|
||||
{ icon: Rocket, label: "Growth Focused", value: "Strategy" },
|
||||
{ icon: Target, label: "Precision Aimed", value: "Campaigns" },
|
||||
{ icon: Zap, label: "Lightning Fast", value: "Performance" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -96,99 +66,19 @@ export default function LandingPage() {
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Our Growth Engine"
|
||||
description="Comprehensive solutions tailored to your unique revenue goals."
|
||||
title="Core Growth Services"
|
||||
description="Custom solutions to build your brand and expand your digital reach effectively."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "web",
|
||||
title: "Web Development",
|
||||
content: "Custom-built, conversion-optimized landing pages that turn visitors into paying customers.",
|
||||
},
|
||||
id: "web", title: "Website Development", content: "Beautifully designed, conversion-ready sites that tell your brand story and engage your ideal visitors."},
|
||||
{
|
||||
id: "ads",
|
||||
title: "Precision Ad Management",
|
||||
content: "Data-backed campaigns for Google and Meta to target high-intent audiences.",
|
||||
},
|
||||
id: "ads", title: "Strategic Ad Campaigns", content: "Targeted advertising on search and social platforms to get your brand in front of the right potential customers."},
|
||||
{
|
||||
id: "seo",
|
||||
title: "SEO & Strategy",
|
||||
content: "Get found by the right people at the right time with our research-backed organic strategies.",
|
||||
},
|
||||
id: "seo", title: "Digital Optimization", content: "Refining your digital presence to ensure better visibility and a more seamless user experience."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/corporate-business-line-graph-report_53876-124017.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="digital marketing campaign"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="results" data-section="results">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "CEO",
|
||||
company: "TechInnovate",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
|
||||
imageAlt: "business portrait professional",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "James Chen",
|
||||
role: "Marketing Dir",
|
||||
company: "GrowthLabs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",
|
||||
imageAlt: "business portrait professional",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Founder",
|
||||
company: "StyleStudio",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/content-senior-businessman-with-arms-crossed_1262-1790.jpg",
|
||||
imageAlt: "business portrait professional",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "BuildRight",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
|
||||
imageAlt: "business portrait professional",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Lisa Wang",
|
||||
role: "CMO",
|
||||
company: "GlobalTrends",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/waist-up-confident-businessman-office_329181-19349.jpg",
|
||||
imageAlt: "business portrait professional",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "$5M+",
|
||||
label: "Client Revenue Generated",
|
||||
},
|
||||
{
|
||||
value: "120+",
|
||||
label: "Successful Projects",
|
||||
},
|
||||
{
|
||||
value: "35+",
|
||||
label: "Industries Served",
|
||||
},
|
||||
]}
|
||||
title="Client Success"
|
||||
description="Helping industry leaders achieve significant growth."
|
||||
imageAlt="digital services"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -197,22 +87,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How long until I see results?",
|
||||
content: "While every industry varies, our clients typically see measurable performance shifts in ad campaigns within the first 30 days.",
|
||||
},
|
||||
id: "q1", title: "Do you work with new businesses?", content: "Absolutely. We specialize in helping new brands establish a powerful digital presence from the start."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you work with startups?",
|
||||
content: "Absolutely. We love helping early-stage companies build a foundation for scalable growth.",
|
||||
},
|
||||
id: "q2", title: "How do we get started?", content: "Simply contact us for a discovery call where we can discuss your goals and how we can support your growth journey."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can you integrate with my existing tech?",
|
||||
content: "Yes, we are platform-agnostic and work seamlessly with most CRM and analytics stacks.",
|
||||
},
|
||||
id: "q3", title: "Are your services customized?", content: "Yes, every strategy is tailored to your specific goals and target audience."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideTitle="FAQs"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -221,69 +102,18 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"BrandOne",
|
||||
"InnovateCo",
|
||||
"GrowthNet",
|
||||
"QuickScale",
|
||||
"DataTech",
|
||||
"Velocity",
|
||||
"PeakPerformance",
|
||||
]}
|
||||
title="Trusted by Growing Brands"
|
||||
description="We are proud to partner with diverse businesses to accelerate their success."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "300%",
|
||||
title: "Conversion Rate",
|
||||
description: "Across primary campaigns.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chart-statistics-front-side_187299-39618.jpg",
|
||||
imageAlt: "growth chart icon blue",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "45%",
|
||||
title: "CAC Reduction",
|
||||
description: "Lower costs, higher ROI.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-growth-chart_23-2152011797.jpg",
|
||||
imageAlt: "growth chart icon blue",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10x",
|
||||
title: "Scale Factor",
|
||||
description: "Average traffic growth.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/modern-flat-design-infographic_23-2147490788.jpg",
|
||||
imageAlt: "growth chart icon blue",
|
||||
},
|
||||
]}
|
||||
title="Transparent Impact"
|
||||
description="Numbers speak for themselves."
|
||||
names={["Webild", "GrowthStart", "NextStep", "ScaleLab", "LaunchPad"]}
|
||||
title="Future Partners"
|
||||
description="Helping emerging businesses build momentum and reach their full potential."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "animated-grid",
|
||||
}}
|
||||
text="Ready to scale? Let’s build your growth engine."
|
||||
buttons={[
|
||||
{
|
||||
text: "Book a Discovery Call",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
background={{ variant: "animated-grid" }}
|
||||
text="Ready to launch your growth? Let's talk strategy."
|
||||
buttons={[{ text: "Schedule a Consult", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -293,29 +123,12 @@ export default function LandingPage() {
|
||||
logoText="RevenueBoost"
|
||||
columns={[
|
||||
{
|
||||
title: "Agency",
|
||||
items: [
|
||||
{
|
||||
label: "Services",
|
||||
href: "#services",
|
||||
},
|
||||
{
|
||||
label: "Results",
|
||||
href: "#results",
|
||||
},
|
||||
],
|
||||
title: "Agency", items: [{ label: "Services", href: "#services" }],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user