Merge version_1 into main #1
173
src/app/page.tsx
173
src/app/page.tsx
@@ -32,34 +32,26 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Work",
|
||||
id: "work",
|
||||
},
|
||||
name: "Work", id: "work"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Alvin K."
|
||||
button={{ text: "Contact Me", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
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",
|
||||
},
|
||||
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"
|
||||
@@ -84,23 +76,11 @@ export default function LandingPage() {
|
||||
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: "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: "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: "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="My Zen Techniques"
|
||||
description="Tools and paradigms I master to build scalable high-performance systems."
|
||||
@@ -112,55 +92,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="one-large-left-three-stacked-right"
|
||||
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: "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: "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: "p4",
|
||||
name: "Reiatsu Tracker",
|
||||
price: "Live",
|
||||
variant: "Web",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-minimal-business-card_23-2149277809.jpg",
|
||||
imageAlt: "dark theme portfolio card",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Hollow Detection",
|
||||
price: "OS",
|
||||
variant: "ML",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office_23-2149749873.jpg",
|
||||
imageAlt: "dark theme portfolio card",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Shikai Portal",
|
||||
price: "Private",
|
||||
variant: "App",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-web-designer-office-with-notebook_23-2149749856.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"}
|
||||
]}
|
||||
title="My Bankai Projects"
|
||||
description="A collection of my most powerful digital works."
|
||||
@@ -175,25 +114,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "100+",
|
||||
title: "Commits Weekly",
|
||||
description: "Maintaining high velocity code flow.",
|
||||
icon: Zap,
|
||||
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: "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: "m3", value: "99.9%", title: "Uptime Rate", description: "Ensuring reliability for all users.", icon: Shield,
|
||||
},
|
||||
]}
|
||||
title="Battle Records"
|
||||
@@ -209,45 +136,14 @@ export default function LandingPage() {
|
||||
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: "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: "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: "t4",
|
||||
name: "Jordan P",
|
||||
role: "Eng Manager",
|
||||
company: "Build",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night_23-2150170822.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Taylor S",
|
||||
role: "Product",
|
||||
company: "Scale",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-lovely-woman-fashion-glasses-home_329181-4275.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"},
|
||||
]}
|
||||
title="Allies & Peers"
|
||||
description="Feedback from those I've collaborated with."
|
||||
@@ -258,8 +154,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Contact"
|
||||
title="Join My Legion"
|
||||
description="Let's collaborate on the next big digital project. Reach out anytime."
|
||||
@@ -274,29 +169,19 @@ export default function LandingPage() {
|
||||
logoText="Alvin Kipchirchir"
|
||||
columns={[
|
||||
{
|
||||
title: "Socials",
|
||||
items: [
|
||||
title: "Socials", items: [
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "#",
|
||||
},
|
||||
label: "GitHub", href: "#"},
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "#",
|
||||
},
|
||||
label: "Twitter", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user