bender/3ce6b281-808c-4ace-83e8-91f20566fd18
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #2

Merged
bender merged 1 commits from version_1 into main 2026-04-29 19:15:47 +00:00
Conversation 0 Commits 1 Files Changed 1 +48 -265
1 changed files with 48 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files

313
src/app/page.tsx
View File

@@ -31,130 +31,44 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Services",
id: "#services",
},
{
name: "Testimonials",
id: "#testimonials",
},
{
name: "Contact",
id: "#contact",
},
{ name: "About", id: "#about" },
{ name: "Services", id: "#services" },
{ name: "Testimonials", id: "#testimonials" },
{ name: "Contact", id: "#contact" }
]}
brandName="Toptechpro"
button={{
text: "Hire Me",
href: "https://www.upwork.com/freelancers/~0157ef8b9898fa7085",
}}
text: "Hire Me", href: "https://www.upwork.com/freelancers/~0157ef8b9898fa7085"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Toptechpro: Expert Solutions for Digital Growth"
description="I am Ayomide Temitope, your dedicated tech partner. Specializing in high-performance web development and scalable digital architectures that bring your ideas to life."
testimonials={[
{
name: "Alex R.",
handle: "@alextech",
testimonial: "Toptechpro delivered beyond expectations. Fast and professional.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",
},
{
name: "Sarah J.",
handle: "@growthbiz",
testimonial: "Expertise in scaling our architecture. Exceptional.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
},
{
name: "Mike D.",
handle: "@mkt_start",
testimonial: "Great attention to detail and clean code.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-cup-coffee_23-2147955267.jpg",
},
{
name: "Elena V.",
handle: "@elena_dev",
testimonial: "Top-tier problem solving skills.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg",
},
{
name: "Sam K.",
handle: "@sam_logic",
testimonial: "Responsive and highly reliable partner.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",
},
{ name: "Alex R.", handle: "@alextech", testimonial: "Toptechpro delivered beyond expectations. Fast and professional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg" },
{ name: "Sarah J.", handle: "@growthbiz", testimonial: "Expertise in scaling our architecture. Exceptional.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg" },
{ name: "Mike D.", handle: "@mkt_start", testimonial: "Great attention to detail and clean code.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-mature-businessman-with-cup-coffee_23-2147955267.jpg" },
{ name: "Elena V.", handle: "@elena_dev", testimonial: "Top-tier problem solving skills.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg" },
{ name: "Sam K.", handle: "@sam_logic", testimonial: "Responsive and highly reliable partner.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg" }
]}
buttons={[
{
text: "View Work",
href: "https://www.upwork.com/freelancers/~0157ef8b9898fa7085",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/coders-discussing-about-source-code-compiling-discovers-errors-asks-rest-team-explanations-front-multiple-screens-running-algorithms-software-developers-doing-teamwork_482257-41856.jpg?_wi=1"
buttons={[{ text: "View Work", href: "https://www.upwork.com/freelancers/~0157ef8b9898fa7085" }]}
imageSrc="http://img.b2bpic.net/free-photo/coders-discussing-about-source-code-compiling-discovers-errors-asks-rest-team-explanations-front-multiple-screens-running-algorithms-software-developers-doing-teamwork_482257-41856.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
alt: "Client 1",
},
{
src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg",
alt: "Client 2",
},
{
src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg",
alt: "Client 3",
},
{
src: "http://img.b2bpic.net/free-photo/corporate-employee-posing-office_23-2148804484.jpg",
alt: "Client 4",
},
{
src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg",
alt: "Client 5",
},
{ src: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg", alt: "Client 1" },
{ src: "http://img.b2bpic.net/free-photo/pretty-attractive-young-mixed-race-model-with-large-afro-wearing-navy-jacket-her-naked-body-shorts_633478-1216.jpg", alt: "Client 2" },
{ src: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-50-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1852.jpg", alt: "Client 3" },
{ src: "http://img.b2bpic.net/free-photo/corporate-employee-posing-office_23-2148804484.jpg", alt: "Client 4" },
{ src: "http://img.b2bpic.net/free-photo/authentic-small-youthful-marketing-agency_23-2150167349.jpg", alt: "Client 5" }
]}
marqueeItems={[
{
type: "text-icon",
text: "Scalable Code",
icon: Code,
},
{
type: "text-icon",
text: "Fast Deployment",
icon: Zap,
},
{
type: "text-icon",
text: "Secure Architecture",
icon: Shield,
},
{
type: "text-icon",
text: "User Centric",
icon: User,
},
{
type: "text-icon",
text: "Data Driven",
icon: BarChart,
},
{ type: "text-icon", text: "Scalable Code", icon: Code },
{ type: "text-icon", text: "Fast Deployment", icon: Zap },
{ type: "text-icon", text: "Secure Architecture", icon: Shield },
{ type: "text-icon", text: "User Centric", icon: User },
{ type: "text-icon", text: "Data Driven", icon: BarChart }
]}
/>
</div>
@@ -166,20 +80,11 @@ export default function LandingPage() {
title="Meet Ayomide Temitope"
description="Founder of Toptechpro, I combine technical proficiency with a problem-solving mindset to build robust digital solutions."
bulletPoints={[
{
title: "Web Development",
description: "Custom, responsive, and high-performance applications.",
},
{
title: "Technical Strategy",
description: "Architecture that grows with your business needs.",
},
{
title: "End-to-End Delivery",
description: "From concept to deployment, I handle it all.",
},
{ title: "Web Development", description: "Custom, responsive, and high-performance applications." },
{ title: "Technical Strategy", description: "Architecture that grows with your business needs." },
{ title: "End-to-End Delivery", description: "From concept to deployment, I handle it all." }
]}
imageSrc="http://img.b2bpic.net/free-photo/handsome-young-guy-dressed-black-t-shirt-holds-tablet-computer-isolated-dark-background_613910-18713.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/handsome-young-guy-dressed-black-t-shirt-holds-tablet-computer-isolated-dark-background_613910-18713.jpg"
mediaAnimation="blur-reveal"
/>
</div>
@@ -191,50 +96,17 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
title: "Web Solutions",
description: "Modern frontend and robust backend.",
icon: Code,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941513.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/coders-discussing-about-source-code-compiling-discovers-errors-asks-rest-team-explanations-front-multiple-screens-running-algorithms-software-developers-doing-teamwork_482257-41856.jpg?_wi=2",
imageAlt: "software development code screen",
title: "Web Solutions", description: "Modern frontend and robust backend.", icon: Code,
mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126876.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-futuristic-technologies_23-2151941513.jpg" }]
},
{
title: "Consulting",
description: "Strategic technical advice for growth.",
icon: Database,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/turned-gray-laptop-computer_400718-47.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-guy-dressed-black-t-shirt-holds-tablet-computer-isolated-dark-background_613910-18713.jpg?_wi=2",
imageAlt: "software development code screen",
title: "Consulting", description: "Strategic technical advice for growth.", icon: Database,
mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet-sustainable-data-center-implementing-green-technologies-it_482257-132419.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/turned-gray-laptop-computer_400718-47.jpg" }]
},
{
title: "Optimization",
description: "Faster, leaner, more effective code.",
icon: Zap,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg?_wi=1",
imageAlt: "software development code screen",
},
title: "Optimization", description: "Faster, leaner, more effective code.", icon: Zap,
mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/professional-person-engaging-with-ai-chatbot-computer-screen_482257-126263.jpg" }]
}
]}
title="My Services"
description="Tech-first solutions tailored for modern businesses."
@@ -247,30 +119,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "50+",
title: "Projects Delivered",
items: [
"Successfully managed projects",
],
},
{
id: "m2",
value: "100%",
title: "Satisfaction",
items: [
"Client satisfaction score",
],
},
{
id: "m3",
value: "24/7",
title: "Support",
items: [
"Always available for clients",
],
},
{ id: "m1", value: "50+", title: "Projects Delivered", items: ["Successfully managed projects"] },
{ id: "m2", value: "100%", title: "Satisfaction", items: ["Client satisfaction score"] },
{ id: "m3", value: "24/7", title: "Support", items: ["Always available for clients"] }
]}
title="Proven Results"
description="Data-driven achievements helping clients scale."
@@ -283,41 +134,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Client A",
role: "CEO",
testimonial: "Excellent service.",
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg?_wi=2",
},
{
id: "t2",
name: "Client B",
role: "CTO",
testimonial: "Professional delivery.",
imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
},
{
id: "t3",
name: "Client C",
role: "Manager",
testimonial: "Highly recommend.",
imageSrc: "http://img.b2bpic.net/free-photo/man-cafe_1098-13701.jpg",
},
{
id: "t4",
name: "Client D",
role: "Director",
testimonial: "Deep technical knowledge.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg",
},
{
id: "t5",
name: "Client E",
role: "Founder",
testimonial: "Great attention to detail.",
imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg",
},
{ id: "t1", name: "Client A", role: "CEO", testimonial: "Excellent service.", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-businessman-smiling-happy-standing-city_839833-25759.jpg" },
{ id: "t2", name: "Client B", role: "CTO", testimonial: "Professional delivery.", imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg" },
{ id: "t3", name: "Client C", role: "Manager", testimonial: "Highly recommend.", imageSrc: "http://img.b2bpic.net/free-photo/man-cafe_1098-13701.jpg" },
{ id: "t4", name: "Client D", role: "Director", testimonial: "Deep technical knowledge.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg" },
{ id: "t5", name: "Client E", role: "Founder", testimonial: "Great attention to detail.", imageSrc: "http://img.b2bpic.net/free-photo/working-man_1098-18366.jpg" }
]}
title="Client Feedback"
description="What partners and clients say about Toptechpro."
@@ -329,21 +150,9 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
faqs={[
{
id: "f1",
title: "What is your typical turnaround?",
content: "Depending on project scope, usually 1-4 weeks.",
},
{
id: "f2",
title: "Do you offer maintenance?",
content: "Yes, I offer ongoing technical support.",
},
{
id: "f3",
title: "How do we start?",
content: "Drop me a WhatsApp message or check my Upwork profile.",
},
{ id: "f1", title: "What is your typical turnaround?", content: "Depending on project scope, usually 1-4 weeks." },
{ id: "f2", title: "Do you offer maintenance?", content: "Yes, I offer ongoing technical support." },
{ id: "f3", title: "How do we start?", content: "Drop me a WhatsApp message or check my Upwork profile." }
]}
title="Common Questions"
description="Everything you need to know about working with me."
@@ -354,9 +163,7 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={true}
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
tag="Contact"
title="Let's Collaborate"
description="Ready to build something great? Get in touch today."
@@ -370,32 +177,8 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Social",
items: [
{
label: "@toptechpro1",
href: "http://www.instagram.com/toptechpro1/",
},
{
label: "Upwork",
href: "https://www.upwork.com/freelancers/~0157ef8b9898fa7085",
},
],
},
{
title: "Contact",
items: [
{
label: "WhatsApp: 08123845062",
href: "https://wa.me/2348123845062",
},
{
label: "Call: 08123845062",
href: "tel:08123845062",
},
],
},
{ title: "Social", items: [{ label: "@toptechpro1", href: "http://www.instagram.com/toptechpro1/" }, { label: "Upwork", href: "https://www.upwork.com/freelancers/~0157ef8b9898fa7085" }] },
{ title: "Contact", items: [{ label: "WhatsApp: 08123845062", href: "https://wa.me/2348123845062" }, { label: "Call: 08123845062", href: "tel:08123845062" }] }
]}
logoText="Toptechpro"
/>