bender/21d85665-221d-4e79-92bc-b5f17a564cd1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: bender:version_1
Branches Tags
bender:main bender:version_2 bender:version_1
..
compare: bender:main
Branches Tags
bender:main bender:version_2 bender:version_1

3 Commits
version_1 ... main

Author SHA1 Message Date
bender
bd5dbab7c8 Merge version_2 into main 
Merge version_2 into main
 2026-04-27 13:39:02 +00:00
bender
0f3ae71d95 Update src/app/page.tsx 2026-04-27 13:38:59 +00:00
bender
eb90d1752a Merge version_1 into main 
Merge version_1 into main
 2026-04-26 11:17:55 +00:00
1 changed files with 44 additions and 84 deletions
Expand all files Collapse all files

128
src/app/page.tsx
View File

@@ -31,40 +31,33 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "About", id: "about"},
{
name: "Work", id: "work"},
{
name: "Contact", id: "contact"},
{ name: "About", id: "about"},
{ name: "Work", id: "work"},
{ name: "Contact", id: "contact"},
]}
brandName="Alvin K."
button={{ text: "Contact Me", href: "#contact" }}
brandName="Rick & Morty Style"
button={{ text: "Wubba Lubba!", href: "#contact" }}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "gradient-bars"}}
title="Alvin Kipchirchir"
description="Crafting digital experiences with precision and intensity. Software engineer & creative developer inspired by the spirit of excellence."
buttons={[
{
text: "View Projects", href: "#work"},
]}
imageSrc="http://img.b2bpic.net/free-photo/mythical-video-game-inspired-landscape-with-human_23-2150974365.jpg"
imageAlt="anime aesthetic dark warrior"
background={{ variant: "gradient-bars" }}
title="Rick & Morty Aesthetic"
description="Scientific breakthroughs and interdimensional adventures wrapped in a signature cartoon style."
buttons={[{ text: "Explore", href: "#work" }]}
imageSrc="https://img.b2bpic.net/free-photo/rick-morty-portal-vibe-high-quality-cartoon-style_12345.jpg"
imageAlt="Rick and Morty portal aesthetic"
/>
</div>
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={true}
title="Unleashing Potential"
description="I blend technical rigor with artistic passion, building applications that don't just function—they captivate. My process is like a shinigami's blade: sharp, focused, and purposeful."
imageSrc="http://img.b2bpic.net/free-photo/man-preparing-studio-shooting-looking-away_23-2148424443.jpg"
imageAlt="developer portrait modern aesthetic"
title="Interdimensional Coding"
description="Just like Rick, I don't follow the rules—I break them to build better systems. Wubba Lubba Dub Dub!"
imageSrc="https://img.b2bpic.net/free-photo/science-lab-cartoon-vibe_67890.jpg"
imageAlt="Rick and Morty cartoon style lab"
/>
</div>
@@ -75,15 +68,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
features={[
{
title: "Full Stack Mastery", description: "Seamless integration from database to UI.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pz3k5k", imageAlt: "red sword icon vector"},
{
title: "Performance Tuning", description: "Optimizing execution speed and efficiency.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-hand-adding-removing-rating-star_107791-16382.jpg", imageAlt: "red lightning icon"},
{
title: "Intelligent Systems", description: "Implementing smart algorithms for better user impact.", imageSrc: "http://img.b2bpic.net/free-photo/3d-view-sun-space_23-2150953763.jpg", imageAlt: "energy orb icon red"},
{ title: "Science Stuff", description: "Advanced algorithms for everything.", imageSrc: "https://img.b2bpic.net/free-photo/portal-gun-icon_111.jpg", imageAlt: "Portal Gun" },
{ title: "Dimension Hopping", description: "Fast deployment across all environments.", imageSrc: "https://img.b2bpic.net/free-photo/spaceship-icon_222.jpg", imageAlt: "Spaceship" },
{ title: "Rick's Logic", description: "High-performance code that simply works.", imageSrc: "https://img.b2bpic.net/free-photo/science-flask_333.jpg", imageAlt: "Science Flask" },
]}
title="My Zen Techniques"
description="Tools and paradigms I master to build scalable high-performance systems."
title="Signature Methods"
description="Paradigms that would make the Council of Ricks jealous."
/>
</div>
@@ -94,15 +84,12 @@ export default function LandingPage() {
useInvertedBackground={true}
animationType="slide-up"
products={[
{
id: "p1", name: "Soul Engine", price: "Live", variant: "SaaS", imageSrc: "http://img.b2bpic.net/free-photo/neon-robot-vacuum-cleaner_23-2151349247.jpg", imageAlt: "dark theme portfolio card"},
{
id: "p2", name: "Spirit Stats", price: "OS", variant: "Library", imageSrc: "http://img.b2bpic.net/free-photo/view-vacuum-cleaner-robot-flat-surface-floor_23-2151736730.jpg", imageAlt: "dark theme portfolio card"},
{
id: "p3", name: "Blade UI", price: "OS", variant: "Design", imageSrc: "http://img.b2bpic.net/free-photo/representations-user-experience-interface-design_23-2150104476.jpg", imageAlt: "dark theme portfolio card"}
{ id: "p1", name: "Portal App", price: "Infinite", variant: "SaaS", imageSrc: "https://img.b2bpic.net/free-photo/cartoon-planet_1.jpg", imageAlt: "Portal App" },
{ id: "p2", name: "Meeseeks Tasks", price: "Fast", variant: "Library", imageSrc: "https://img.b2bpic.net/free-photo/cartoon-meeseeks_2.jpg", imageAlt: "Meeseeks" },
{ id: "p3", name: "Plumbus UI", price: "OS", variant: "Design", imageSrc: "https://img.b2bpic.net/free-photo/cartoon-plumbus_3.jpg", imageAlt: "Plumbus" }
]}
title="My Bankai Projects"
description="A collection of my most powerful digital works."
title="My Greatest Inventions"
description="Projects that are definitely worth the multiverse."
/>
</div>
@@ -113,18 +100,12 @@ export default function LandingPage() {
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
metrics={[
{
id: "m1", value: "100+", title: "Commits Weekly", description: "Maintaining high velocity code flow.", icon: Zap,
},
{
id: "m2", value: "50+", title: "Projects Shipped", description: "From concept to deployment.", icon: Award,
},
{
id: "m3", value: "99.9%", title: "Uptime Rate", description: "Ensuring reliability for all users.", icon: Shield,
},
{ id: "m1", value: "999", title: "Dimensions Visited", description: "Vast experience.", icon: Zap },
{ id: "m2", value: "100%", title: "Success Rate", description: "Science rules.", icon: Award },
{ id: "m3", value: "∞", title: "Uptime", description: "Never going down.", icon: Shield },
]}
title="Battle Records"
description="Professional growth metrics and project milestones."
title="Galactic Records"
description="Professional stats measured in parsecs."
/>
</div>
@@ -135,59 +116,38 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={true}
testimonials={[
{
id: "t1", name: "Alex Riv", role: "Tech Lead", company: "Innovate", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/male-graphic-designer-using-digital-tablet_1170-1092.jpg"},
{
id: "t2", name: "Sam Chen", role: "Designer", company: "Creative", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-with-smile-happy-face_141793-111811.jpg"},
{
id: "t3", name: "Jamie Low", role: "Founder", company: "StartUp", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/man-using-glass-wall-write-some-information_329181-15291.jpg"},
{ id: "t1", name: "Morty S.", role: "Sidekick", company: "Rick & Morty", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/morty-avatar.jpg" },
{ id: "t2", name: "Rick S.", role: "Genius", company: "Rick & Morty", rating: 5, imageSrc: "https://img.b2bpic.net/free-photo/rick-avatar.jpg" },
{ id: "t3", name: "Summer S.", role: "Sister", company: "Smith Family", rating: 4, imageSrc: "https://img.b2bpic.net/free-photo/summer-avatar.jpg" },
]}
title="Allies & Peers"
description="Feedback from those I've collaborated with."
title="Family Feedback"
description="Reviews from the most important people."
/>
</div>
<div id="contact" data-section="contact">
<ContactSplit
useInvertedBackground={false}
background={{
variant: "plain"}}
background={{ variant: "plain" }}
tag="Contact"
title="Join My Legion"
description="Let's collaborate on the next big digital project. Reach out anytime."
imageSrc="http://img.b2bpic.net/free-photo/cup-tea-lamp-laptop-desktop-night_169016-17447.jpg"
title="Need a Science Partner?"
description="Let's team up for some interstellar adventures and code."
imageSrc="https://img.b2bpic.net/free-photo/spaceship-cockpit-cartoon.jpg"
mediaAnimation="slide-up"
/>
</div>
<div id="footer" data-section="footer">
<FooterMedia
imageSrc="http://img.b2bpic.net/free-photo/black-abstract-background-wallpaper-image_53876-110775.jpg"
logoText="Alvin Kipchirchir"
imageSrc="https://img.b2bpic.net/free-photo/footer-space-cartoon.jpg"
logoText="Rick & Morty Portfolio"
columns={[
{
title: "Socials", items: [
{
label: "GitHub", href: "#"},
{
label: "Twitter", href: "#"},
],
},
{
title: "Company", items: [
{
label: "About", href: "#about"},
{
label: "Contact", href: "#contact"},
],
},
{ title: "Links", items: [{ label: "GitHub", href: "#" }, { label: "Portal", href: "#" }] },
{ title: "Support", items: [{ label: "Help", href: "#" }, { label: "Meeseeks", href: "#" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}