Merge version_2 into main #2
203
src/app/page.tsx
203
src/app/page.tsx
@@ -32,68 +32,43 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Work", id: "testimonials"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Toptechpro"
|
||||
button={{
|
||||
text: "Start Review",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Start Review", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Digital Growth Systems for Creators"
|
||||
description="Helping authors, coaches, and creators expand their reach, attract their ideal audience, and turn attention into sustainable revenue—without the guesswork."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-abstract-flow-design_1048-12197.jpg?_wi=1",
|
||||
imageAlt: "Digital infrastructure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-abstract-flow-design_1048-12197.jpg?_wi=1", imageAlt: "Digital infrastructure"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30142.jpg",
|
||||
imageAlt: "Digital infrastructure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-blue-background-with-many-small-details-generative-ai_169016-30142.jpg", imageAlt: "Digital infrastructure"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699516.jpg",
|
||||
imageAlt: "Digital infrastructure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-gym-room-training-sports_23-2151699516.jpg", imageAlt: "Digital infrastructure"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-99694.jpg",
|
||||
imageAlt: "Digital infrastructure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-99694.jpg", imageAlt: "Digital infrastructure"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-stripes-with-soft-blur-blue-lightwall_169016-71490.jpg",
|
||||
imageAlt: "Digital infrastructure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/neon-stripes-with-soft-blur-blue-lightwall_169016-71490.jpg", imageAlt: "Digital infrastructure"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-neon-lines-dark-space-neon-lines_169016-71294.jpg",
|
||||
imageAlt: "Digital infrastructure",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blue-neon-lines-dark-space-neon-lines_169016-71294.jpg", imageAlt: "Digital infrastructure"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,20 +80,11 @@ export default function LandingPage() {
|
||||
tag="Results"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "$2M+",
|
||||
description: "Revenue Generated",
|
||||
},
|
||||
id: "m1", value: "$2M+", description: "Revenue Generated"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "450+",
|
||||
description: "Creators Served",
|
||||
},
|
||||
id: "m2", value: "450+", description: "Creators Served"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "230%",
|
||||
description: "Growth Rate",
|
||||
},
|
||||
id: "m3", value: "230%", description: "Growth Rate"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -131,19 +97,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "Role",
|
||||
value: "Founder/Expert",
|
||||
},
|
||||
label: "Role", value: "Founder/Expert"},
|
||||
{
|
||||
icon: Globe,
|
||||
label: "Community",
|
||||
value: "Toptechpro",
|
||||
},
|
||||
label: "Community", value: "Toptechpro"},
|
||||
{
|
||||
icon: Zap,
|
||||
label: "Specialty",
|
||||
value: "Scale",
|
||||
},
|
||||
label: "Specialty", value: "Scale"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -156,23 +116,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Audience Growth",
|
||||
description: "Develop targeted strategies that attract high-intent audience members consistently.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2quIl62PZAj8MchXManRxGcm9/uploaded-1777490889935-rip7vyw7.png?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
title: "Audience Growth", description: "Develop targeted strategies that attract high-intent audience members consistently.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2quIl62PZAj8MchXManRxGcm9/uploaded-1777490889935-rip7vyw7.png?_wi=1", imageAlt: "User provided image"},
|
||||
{
|
||||
title: "Visibility Audits",
|
||||
description: "Identify current gaps and immediate opportunities to boost your reach quickly.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2quIl62PZAj8MchXManRxGcm9/uploaded-1777490889935-9ma3jy8r.png?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
title: "Visibility Audits", description: "Identify current gaps and immediate opportunities to boost your reach quickly.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2quIl62PZAj8MchXManRxGcm9/uploaded-1777490889935-9ma3jy8r.png?_wi=1", imageAlt: "User provided image"},
|
||||
{
|
||||
title: "Revenue Systems",
|
||||
description: "Transform attention into sustainable, predictable income through strategic funnel management.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2quIl62PZAj8MchXManRxGcm9/uploaded-1777490889936-pmnd3mvd.png?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
title: "Revenue Systems", description: "Transform attention into sustainable, predictable income through strategic funnel management.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2quIl62PZAj8MchXManRxGcm9/uploaded-1777490889936-pmnd3mvd.png?_wi=1", imageAlt: "User provided image"},
|
||||
]}
|
||||
title="Strategic Systems That Work"
|
||||
description="Not tactics, but sustainable systems built for longevity."
|
||||
@@ -185,50 +133,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Incredible Results",
|
||||
quote: "Toptechpro transformed our entire audience building approach within 90 days.",
|
||||
name: "Sarah J.",
|
||||
role: "Coach",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2quIl62PZAj8MchXManRxGcm9/uploaded-1777490889935-9ma3jy8r.png?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "t1", title: "Incredible Results", quote: "Toptechpro transformed our entire audience building approach within 90 days.", name: "Sarah J.", role: "Coach", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2quIl62PZAj8MchXManRxGcm9/uploaded-1777490889935-9ma3jy8r.png?_wi=2", imageAlt: "User provided image"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Predictable Growth",
|
||||
quote: "Finally understood our lead generation and moved to consistent scaling.",
|
||||
name: "Michael C.",
|
||||
role: "Founder",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2quIl62PZAj8MchXManRxGcm9/uploaded-1777490889935-rip7vyw7.png?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "t2", title: "Predictable Growth", quote: "Finally understood our lead generation and moved to consistent scaling.", name: "Michael C.", role: "Founder", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2quIl62PZAj8MchXManRxGcm9/uploaded-1777490889935-rip7vyw7.png?_wi=2", imageAlt: "User provided image"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Strategic Partner",
|
||||
quote: "Implementing their strategy added 300% more qualified traffic.",
|
||||
name: "Emily R.",
|
||||
role: "Author",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2quIl62PZAj8MchXManRxGcm9/uploaded-1777490889936-pmnd3mvd.png?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "t3", title: "Strategic Partner", quote: "Implementing their strategy added 300% more qualified traffic.", name: "Emily R.", role: "Author", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2quIl62PZAj8MchXManRxGcm9/uploaded-1777490889936-pmnd3mvd.png?_wi=2", imageAlt: "User provided image"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Game Changer",
|
||||
quote: "The visibility review itself was worth more than the investment.",
|
||||
name: "David K.",
|
||||
role: "Creator",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-abstract-flow-design_1048-12197.jpg?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "t4", title: "Game Changer", quote: "The visibility review itself was worth more than the investment.", name: "David K.", role: "Creator", imageSrc: "http://img.b2bpic.net/free-photo/3d-modern-background-with-abstract-flow-design_1048-12197.jpg?_wi=2", imageAlt: "User provided image"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Solid Professional",
|
||||
quote: "Professional, strategic, and deeply knowledgeable in growth.",
|
||||
name: "John D.",
|
||||
role: "Consultant",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-entering-startup-agency-office-holding-laptop_482257-125888.jpg?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
id: "t5", title: "Solid Professional", quote: "Professional, strategic, and deeply knowledgeable in growth.", name: "John D.", role: "Consultant", imageSrc: "http://img.b2bpic.net/free-photo/man-entering-startup-agency-office-holding-laptop_482257-125888.jpg?_wi=1", imageAlt: "User provided image"},
|
||||
]}
|
||||
title="Client Voices"
|
||||
description="Transformations across creator industries."
|
||||
@@ -242,23 +155,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
title: "Visibility Review",
|
||||
price: "$250",
|
||||
period: "one-time",
|
||||
features: [
|
||||
"Complete audience analysis",
|
||||
"Competitive positioning assessment",
|
||||
"Growth opportunities map",
|
||||
"Actionable quick wins",
|
||||
],
|
||||
id: "starter", title: "Visibility Review", price: "$250", period: "one-time", features: [
|
||||
"Complete audience analysis", "Competitive positioning assessment", "Growth opportunities map", "Actionable quick wins"],
|
||||
button: {
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2quIl62PZAj8MchXManRxGcm9/uploaded-1777490889936-pmnd3mvd.png?_wi=3",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
text: "Get Started", href: "#contact"},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D2quIl62PZAj8MchXManRxGcm9/uploaded-1777490889936-pmnd3mvd.png?_wi=3", imageAlt: "User provided image"},
|
||||
]}
|
||||
title="Start With a Review"
|
||||
description="Not ready for full implementation? Start with a focused strategic visibility audit."
|
||||
@@ -272,22 +173,14 @@ export default function LandingPage() {
|
||||
description="Get in touch for review or consultation."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Email", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "How can I help you scale?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "How can I help you scale?", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-entering-startup-agency-office-holding-laptop_482257-125888.jpg?_wi=2"
|
||||
/>
|
||||
@@ -298,33 +191,21 @@ export default function LandingPage() {
|
||||
logoText="Toptechpro"
|
||||
columns={[
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
title: "Connect", items: [
|
||||
{
|
||||
label: "@toptechpro1 (Instagram)",
|
||||
href: "http://www.instagram.com/toptechpro1/",
|
||||
},
|
||||
label: "@toptechpro1 (Instagram)", href: "https://www.instagram.com/toptechpro1/"},
|
||||
{
|
||||
label: "Upwork",
|
||||
href: "https://www.upwork.com/freelancers/~0157ef8b9898fa7085",
|
||||
},
|
||||
label: "Upwork Profile", href: "https://www.upwork.com/freelancers/~0157ef8b9898fa7085"},
|
||||
{
|
||||
label: "WhatsApp",
|
||||
href: "https://wa.me/2348051437584",
|
||||
},
|
||||
label: "WhatsApp", href: "https://wa.me/2348051437584"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "Toptechpro9@gmail.com",
|
||||
href: "mailto:Toptechpro9@gmail.com",
|
||||
},
|
||||
label: "Toptechpro9@gmail.com", href: "mailto:Toptechpro9@gmail.com"},
|
||||
{
|
||||
label: "08123845062",
|
||||
href: "tel:+2348123845062",
|
||||
},
|
||||
label: "08123845062", href: "tel:+2348123845062"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -334,4 +215,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user