bender/c3af7cbf-1bd9-4ab5-b8c8-f0c2db740cb4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-04-26 20:26:30 +00:00
parent 2eb539bc70
commit 658b374a49
1 changed files with 32 additions and 221 deletions
Download Patch File Download Diff File Expand all files Collapse all files

253
src/app/page.tsx
View File

@@ -32,56 +32,25 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About",
id: "#about",
},
{
name: "Skills",
id: "#skills",
},
{
name: "Portfolio",
id: "#portfolio",
},
{
name: "Contact",
id: "#contact",
},
{ name: "About", id: "#about" },
{ name: "Skills", id: "#skills" },
{ name: "Portfolio", id: "#portfolio" },
{ name: "Contact", id: "#contact" }
]}
brandName="Benedict Owino"
button={{ text: "Hire Me", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Building the Future of Digital Intelligence"
description="Benedict Owino: Innovating with Web Development, AWS Cloud Computing, and Autonomous AI Agents."
tag="IT Enthusiast & Developer"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-with-connecting-lines-dots-modern-communications_1048-13763.jpg",
imageAlt: "modern it dashboard dark",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/corridor-server-room-data-center_181624-61663.jpg",
imageAlt: "cloud computing network nodes",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-futuristic-with-low-poly-design-with-connecting-lines-dots_1048-12728.jpg",
imageAlt: "3D render of an abstract futuristic with low poly design with connecting lines and dots",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/connecting-lines-dots-with-floating-particles_1048-12010.jpg",
imageAlt: "connecting lines and dots with floating particles",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/illustration-circle-with-abstract-neon-light-effects-great-futuristic-background_181624-32778.jpg",
imageAlt: "Illustration of a circle with abstract neon light effects",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-render-abstract-with-connecting-lines-dots-modern-communications_1048-13763.jpg", imageAlt: "modern it dashboard dark" },
{ imageSrc: "http://img.b2bpic.net/free-photo/corridor-server-room-data-center_181624-61663.jpg", imageAlt: "cloud computing network nodes" }
]}
mediaAnimation="slide-up"
rating={5}
@@ -97,18 +66,9 @@ export default function LandingPage() {
title="About Benedict Owino"
description="I am a passionate IT professional dedicated to bridging the gap between hardware systems and intelligent software. With a focus on modern web ecosystems, cloud scalability, and AI automation, I strive to create impactful tech solutions."
bulletPoints={[
{
title: "Web Development",
description: "Responsive, modern front-end and robust back-end applications.",
},
{
title: "AWS Cloud Computing",
description: "Scalable architecture design and cloud infrastructure management.",
},
{
title: "AI Agent Systems",
description: "Developing autonomous agents for automated workflows.",
},
{ title: "Web Development", description: "Responsive, modern front-end and robust back-end applications." },
{ title: "AWS Cloud Computing", description: "Scalable architecture design and cloud infrastructure management." },
{ title: "AI Agent Systems", description: "Developing autonomous agents for automated workflows." }
]}
imageSrc="http://img.b2bpic.net/free-photo/portrait-hacker_23-2148165939.jpg"
imageAlt="professional it developer portrait"
@@ -121,24 +81,8 @@ export default function LandingPage() {
animationType="depth-3d"
textboxLayout="default"
useInvertedBackground={false}
negativeCard={{
items: [
"Legacy Monolithic Systems",
"Manual Deployment Pipelines",
"Unoptimized SQL Queries",
"Poor Documentation Habits",
"High-Latency API Responses",
],
}}
positiveCard={{
items: [
"React & Next.js",
"Node.js & Python",
"AWS Lambda & EC2",
"TensorFlow & PyTorch",
"Cloud Security Protocols",
],
}}
negativeCard={{ items: ["Legacy Monolithic Systems", "Manual Deployment Pipelines", "Unoptimized SQL Queries", "Poor Documentation Habits", "High-Latency API Responses"] }}
positiveCard={{ items: ["React & Next.js", "Node.js & Python", "AWS Lambda & EC2", "TensorFlow & PyTorch", "Cloud Security Protocols"] }}
title="Technical Expertise"
description="A diverse toolkit designed for modern technological challenges."
/>
@@ -151,42 +95,9 @@ export default function LandingPage() {
gridVariant="one-large-right-three-stacked-left"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "AI Logic UI",
price: "Research",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-working-digital-monitors_23-2148910247.jpg",
},
{
id: "p2",
name: "Cloud Infrastructure",
price: "System",
imageSrc: "http://img.b2bpic.net/free-photo/data-center-engineer-coding-notebook-adjusting-power-settings_482257-120677.jpg",
},
{
id: "p3",
name: "Responsive App",
price: "Frontend",
imageSrc: "http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg",
},
{
id: "p4",
name: "AI Chatbot",
price: "Automation",
imageSrc: "http://img.b2bpic.net/free-photo/smart-home-assistant-with-holographic-interface_23-2152000834.jpg",
},
{
id: "p5",
name: "Backend API",
price: "Architecture",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-beautiful-optical-fiber-details_23-2149212595.jpg",
},
{
id: "p6",
name: "Developer Setup",
price: "Workstation",
imageSrc: "http://img.b2bpic.net/free-photo/cup-tea-lamp-laptop-desktop-night_169016-17447.jpg",
},
{ id: "p1", name: "AI Logic UI", price: "Research", imageSrc: "http://img.b2bpic.net/free-photo/close-up-woman-working-digital-monitors_23-2148910247.jpg" },
{ id: "p2", name: "Cloud Infrastructure", price: "System", imageSrc: "http://img.b2bpic.net/free-photo/data-center-engineer-coding-notebook-adjusting-power-settings_482257-120677.jpg" },
{ id: "p3", name: "Responsive App", price: "Frontend", imageSrc: "http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg" }
]}
title="Featured Projects"
description="Showcasing high-impact work ranging from web platforms to AI research."
@@ -200,27 +111,9 @@ export default function LandingPage() {
gridVariant="bento-grid"
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "99.9%",
title: "Uptime",
description: "Cloud services reliability",
icon: Shield,
},
{
id: "m2",
value: "50+",
title: "Modules",
description: "Custom coded components",
icon: Code,
},
{
id: "m3",
value: "10s",
title: "Avg latency",
description: "AI agent inference time",
icon: Zap,
},
{ id: "m1", value: "99.9%", title: "Uptime", description: "Cloud services reliability", icon: Shield },
{ id: "m2", value: "50+", title: "Modules", description: "Custom coded components", icon: Code },
{ id: "m3", value: "10s", title: "Avg latency", description: "AI agent inference time", icon: Zap }
]}
title="System Performance"
description="Measurable impact of my deployed projects and research work."
@@ -233,41 +126,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Sarah Johnson",
handle: "@sarahj",
testimonial: "Benedict's knowledge of cloud infrastructure is unmatched.",
imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-using-digital-tablet-caf_23-2147955292.jpg",
},
{
id: "2",
name: "Michael Chen",
handle: "@mchen",
testimonial: "Incredible work integrating AI into our existing web workflow.",
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-working-social-integration-workspace_23-2149341139.jpg",
},
{
id: "3",
name: "Emily Rodriguez",
handle: "@emilyrod",
testimonial: "A true professional with a knack for debugging complex code.",
imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg",
},
{
id: "4",
name: "David Kim",
handle: "@dkim",
testimonial: "Collaborating with Benedict improved our dev speed significantly.",
imageSrc: "http://img.b2bpic.net/free-photo/freelance-concept-with-man-holding-laptop_23-2148022699.jpg",
},
{
id: "5",
name: "Alice Wang",
handle: "@awang",
testimonial: "The AI agent he built for us is revolutionary.",
imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-team-investigating-cybercrime-malware-attacks_482257-105573.jpg",
},
{ id: "1", name: "Sarah Johnson", handle: "@sarahj", testimonial: "Benedict's knowledge of cloud infrastructure is unmatched.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-mature-businessman-using-digital-tablet-caf_23-2147955292.jpg" },
{ id: "2", name: "Michael Chen", handle: "@mchen", testimonial: "Incredible work integrating AI into our existing web workflow.", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-working-social-integration-workspace_23-2149341139.jpg" },
{ id: "3", name: "Emily Rodriguez", handle: "@emilyrod", testimonial: "A true professional with a knack for debugging complex code.", imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136872.jpg" },
{ id: "4", name: "David Kim", handle: "@dkim", testimonial: "Collaborating with Benedict improved our dev speed significantly.", imageSrc: "http://img.b2bpic.net/free-photo/freelance-concept-with-man-holding-laptop_23-2148022699.jpg" },
{ id: "5", name: "Alice Wang", handle: "@awang", testimonial: "The AI agent he built for us is revolutionary.", imageSrc: "http://img.b2bpic.net/free-photo/cybersecurity-team-investigating-cybercrime-malware-attacks_482257-105573.jpg" }
]}
title="Professional Feedback"
description="What partners and peers say about my approach to technology."
@@ -278,21 +141,9 @@ export default function LandingPage() {
<FaqSplitText
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "Do you offer consulting?",
content: "Yes, I provide IT and AI architecture consulting.",
},
{
id: "q2",
title: "Can I see your code?",
content: "I host most of my projects on GitHub. Reach out for the link.",
},
{
id: "q3",
title: "How do you handle cloud deployments?",
content: "I use CI/CD pipelines on AWS for reliable deployments.",
},
{ id: "q1", title: "Do you offer consulting?", content: "Yes, I provide IT and AI architecture consulting." },
{ id: "q2", title: "Can I see your code?", content: "I host most of my projects on GitHub. Reach out for the link." },
{ id: "q3", title: "How do you handle cloud deployments?", content: "I use CI/CD pipelines on AWS for reliable deployments." }
]}
sideTitle="Tech Inquiries"
sideDescription="Answers to common technical questions about my work and availability."
@@ -303,19 +154,11 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
text="Ready to innovate? Let's discuss your next IT or AI project."
buttons={[
{
text: "Connect on GitHub",
href: "#",
},
{
text: "Email Benedict",
href: "mailto:email@example.com",
},
{ text: "Connect on GitHub", href: "#" },
{ text: "Email Benedict", href: "mailto:email@example.com" }
]}
/>
</div>
@@ -324,40 +167,8 @@ export default function LandingPage() {
<FooterBaseCard
logoText="Benedict Owino"
columns={[
{
title: "Social",
items: [
{
label: "Twitter",
href: "#",
},
{
label: "LinkedIn",
href: "#",
},
{
label: "GitHub",
href: "#",
},
],
},
{
title: "Projects",
items: [
{
label: "Cloud Arch",
href: "#",
},
{
label: "AI Agents",
href: "#",
},
{
label: "Web Apps",
href: "#",
},
],
},
{ title: "Social", items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }, { label: "GitHub", href: "#" }] },
{ title: "Projects", items: [{ label: "Cloud Arch", href: "#" }, { label: "AI Agents", href: "#" }, { label: "Web Apps", href: "#" }] }
]}
/>
</div>