bender/de2c4df9-c422-4d97-bc6b-de9e1cbaa87b
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main #1

Merged
bender merged 1 commits from version_1 into main 2026-04-30 15:13:13 +00:00
Conversation 0 Commits 1 Files Changed 1 +39 -221
1 changed files with 39 additions and 221 deletions
Download Patch File Download Diff File Expand all files Collapse all files

260
src/app/page.tsx
View File

@@ -29,94 +29,40 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarLayoutFloatingInline
navItems={[
{
name: "Home",
id: "home",
},
{
name: "About",
id: "about",
},
{
name: "Skills",
id: "skills",
},
{
name: "Projects",
id: "projects",
},
{
name: "Blog",
id: "blog",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Skills", id: "skills" },
{ name: "Projects", id: "projects" },
{ name: "Blog", id: "blog" },
{ name: "Contact", id: "contact" },
]}
brandName="Fried BOCOVO"
button={{ text: "Get Started", href: "#contact" }}
/>
</div>
<div id="home" data-section="home">
<HeroBillboard
background={{
variant: "sparkles-gradient",
}}
background={{ variant: "sparkles-gradient" }}
title="Fried BOCOVO"
description="Full-Stack Developer | UI/UX Designer | Graphic Artist | Future Network Engineer"
buttons={[
{
text: "Discover Me",
href: "#about",
},
]}
buttons={[{ text: "Discover Me", href: "#about" }]}
imageSrc="http://img.b2bpic.net/free-photo/fashionable-trendy-man-is-posing-photographer-unusual-background-photo-studio_613910-13110.jpg"
imageAlt="tech professional portrait glowing lights"
mediaAnimation="blur-reveal"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-man-wearing-gen-z-makeup_52683-91454.jpg",
alt: "Portrait of man wearing gen z makeup",
},
{
src: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419444.jpg",
alt: "Woman portrait with blue lights visual effects",
},
{
src: "http://img.b2bpic.net/free-photo/portrit-trendy-handsome-man-sunglasses-photo-studio_613910-5880.jpg",
alt: "Portrit of trendy handsome man in sunglasses at photo studio.",
},
{
src: "http://img.b2bpic.net/free-photo/neon-portrait-man-wearing-glasses_158595-7929.jpg",
alt: "Neon portrait of man wearing glasses",
},
{
src: "http://img.b2bpic.net/free-photo/bearded-young-man-is-posing-photographer-unusual-light-wearing-sunglasses_613910-13096.jpg",
alt: "Bearded young man is posing for photographer under unusual light, wearing sunglasses.",
},
{ src: "http://img.b2bpic.net/free-photo/portrait-man-wearing-gen-z-makeup_52683-91454.jpg", alt: "Portrait of man wearing gen z makeup" },
{ src: "http://img.b2bpic.net/free-photo/woman-portrait-with-blue-lights-visual-effects_23-2149419444.jpg", alt: "Woman portrait with blue lights visual effects" },
{ src: "http://img.b2bpic.net/free-photo/portrit-trendy-handsome-man-sunglasses-photo-studio_613910-5880.jpg", alt: "Portrit of trendy handsome man in sunglasses at photo studio." },
{ src: "http://img.b2bpic.net/free-photo/neon-portrait-man-wearing-glasses_158595-7929.jpg", alt: "Neon portrait of man wearing glasses" },
{ src: "http://img.b2bpic.net/free-photo/bearded-young-man-is-posing-photographer-unusual-light-wearing-sunglasses_613910-13096.jpg", alt: "Bearded young man is posing for photographer under unusual light, wearing sunglasses." }
]}
marqueeItems={[
{
type: "text",
text: "Innovative Design",
},
{
type: "text",
text: "Full-Stack Mastery",
},
{
type: "text",
text: "Network Architecture",
},
{
type: "text",
text: "UI/UX Excellence",
},
{
type: "text",
text: "Digital Strategy",
},
{ type: "text", text: "Innovative Design" },
{ type: "text", text: "Full-Stack Mastery" },
{ type: "text", text: "Network Architecture" },
{ type: "text", text: "UI/UX Excellence" },
{ type: "text", text: "Digital Strategy" }
]}
/>
</div>
@@ -127,14 +73,8 @@ export default function LandingPage() {
title="About Me"
description="Based in Cotonou, Benin, I combine creativity with technical prowess. Passionate about building seamless user experiences and robust networks, I am constantly innovating to shape the digital future."
metrics={[
{
value: "4+",
title: "Years Experience",
},
{
value: "20+",
title: "Projects Completed",
},
{ value: "4+", title: "Years Experience" },
{ value: "20+", title: "Projects Completed" }
]}
imageSrc="http://img.b2bpic.net/free-photo/young-man-model-with-smile-black-fashionable-leather-jacket-colorful-pink-neon-lights_231208-14379.jpg"
mediaAnimation="slide-up"
@@ -149,36 +89,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
id: "s1",
title: "Full-Stack Dev",
descriptions: [
"React, Node.js, TypeScript",
"Database architecture",
],
imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399279.jpg",
imageAlt: "full stack web development icons glowing",
},
{
id: "s2",
title: "UI/UX Design",
descriptions: [
"User-centric interface design",
"Prototyping",
],
imageSrc: "http://img.b2bpic.net/free-photo/3d-three-dimensional-abstract-background-with-neon-colors_123827-30388.jpg",
imageAlt: "UI UX design prototyping neon interface",
},
{
id: "s3",
title: "Networking",
descriptions: [
"Future Network Engineering",
"Systems Optimization",
],
imageSrc: "http://img.b2bpic.net/free-photo/global-communication-hd-wallpaper-business-network-design_53876-153352.jpg",
imageAlt: "network engineering tech nodes glowing",
},
{ id: "s1", title: "Full-Stack Dev", descriptions: ["React, Node.js, TypeScript", "Database architecture"], imageSrc: "http://img.b2bpic.net/free-photo/saas-concept-collage_23-2149399279.jpg", imageAlt: "full stack web development icons glowing" },
{ id: "s2", title: "UI/UX Design", descriptions: ["User-centric interface design", "Prototyping"], imageSrc: "http://img.b2bpic.net/free-photo/3d-three-dimensional-abstract-background-with-neon-colors_123827-30388.jpg", imageAlt: "UI UX design prototyping neon interface" },
{ id: "s3", title: "Networking", descriptions: ["Future Network Engineering", "Systems Optimization"], imageSrc: "http://img.b2bpic.net/free-photo/global-communication-hd-wallpaper-business-network-design_53876-153352.jpg", imageAlt: "network engineering tech nodes glowing" }
]}
title="Core Skills"
description="Mastering the digital landscape with modern tools and methodologies."
@@ -192,48 +105,12 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "SaaS Platform",
price: "Web Dev",
imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884874.jpg",
imageAlt: "saas dashboard interface futuristic web",
},
{
id: "p2",
name: "Neon UI Concept",
price: "UX/UI",
imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336525.jpg",
imageAlt: "mobile app ui concept neon glow",
},
{
id: "p3",
name: "Brand Identity",
price: "Graphic",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345400.jpg",
imageAlt: "brand identity graphic design tech",
},
{
id: "p4",
name: "Data Dashboard",
price: "Web Dev",
imageSrc: "http://img.b2bpic.net/free-photo/coding-neon-cyberpunk-programmer-work_23-2152013678.jpg",
imageAlt: "data visualization dashboard interface tech",
},
{
id: "p5",
name: "Mobile App UI",
price: "UX/UI",
imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201861.jpg",
imageAlt: "glassmorphism ui mobile navigation",
},
{
id: "p6",
name: "Network Topology",
price: "Networking",
imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160244.jpg",
imageAlt: "network diagram visualization technology",
},
{ id: "p1", name: "SaaS Platform", price: "Web Dev", imageSrc: "http://img.b2bpic.net/free-photo/3d-graph-computer-illustration_23-2151884874.jpg", imageAlt: "saas dashboard interface futuristic web" },
{ id: "p2", name: "Neon UI Concept", price: "UX/UI", imageSrc: "http://img.b2bpic.net/free-photo/3d-character-emerging-from-smartphone_23-2151336525.jpg", imageAlt: "mobile app ui concept neon glow" },
{ id: "p3", name: "Brand Identity", price: "Graphic", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345400.jpg", imageAlt: "brand identity graphic design tech" },
{ id: "p4", name: "Data Dashboard", price: "Web Dev", imageSrc: "http://img.b2bpic.net/free-photo/coding-neon-cyberpunk-programmer-work_23-2152013678.jpg", imageAlt: "data visualization dashboard interface tech" },
{ id: "p5", name: "Mobile App UI", price: "UX/UI", imageSrc: "http://img.b2bpic.net/free-photo/ui-ux-representations-with-smartphone_23-2150201861.jpg", imageAlt: "glassmorphism ui mobile navigation" },
{ id: "p6", name: "Network Topology", price: "Networking", imageSrc: "http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160244.jpg", imageAlt: "network diagram visualization technology" }
]}
title="Featured Projects"
description="A collection of my recent work bridging design and technology."
@@ -248,36 +125,9 @@ export default function LandingPage() {
title="Latest Insights"
description="Articles on tech, design, and innovation in the digital sphere."
blogs={[
{
id: "b1",
category: "Tech",
title: "Future of Networking",
excerpt: "Deep dive into next-gen infrastructure.",
imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663008.jpg",
authorName: "Fried B.",
authorAvatar: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg",
date: "Oct 2023",
},
{
id: "b2",
category: "Design",
title: "Futuristic UI Trends",
excerpt: "Exploring glassmorphism and neon.",
imageSrc: "http://img.b2bpic.net/free-photo/neon-hologram-tiger_23-2151558620.jpg",
authorName: "Fried B.",
authorAvatar: "http://img.b2bpic.net/free-photo/woman-enjoying-music-her-smartphone_23-2151989414.jpg",
date: "Nov 2023",
},
{
id: "b3",
category: "Innovation",
title: "AI in Development",
excerpt: "How AI transforms the coding workflow.",
imageSrc: "http://img.b2bpic.net/free-photo/smart-robotic-farmers-concept-robot-farmers-agriculture-technology-farm-automation_35913-2641.jpg",
authorName: "Fried B.",
authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5105.jpg",
date: "Dec 2023",
},
{ id: "b1", category: "Tech", title: "Future of Networking", excerpt: "Deep dive into next-gen infrastructure.", imageSrc: "http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663008.jpg", authorName: "Fried B.", authorAvatar: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg", date: "Oct 2023" },
{ id: "b2", category: "Design", title: "Futuristic UI Trends", excerpt: "Exploring glassmorphism and neon.", imageSrc: "http://img.b2bpic.net/free-photo/neon-hologram-tiger_23-2151558620.jpg", authorName: "Fried B.", authorAvatar: "http://img.b2bpic.net/free-photo/woman-enjoying-music-her-smartphone_23-2151989414.jpg", date: "Nov 2023" },
{ id: "b3", category: "Innovation", title: "AI in Development", excerpt: "How AI transforms the coding workflow.", imageSrc: "http://img.b2bpic.net/free-photo/smart-robotic-farmers-concept-robot-farmers-agriculture-technology-farm-automation_35913-2641.jpg", authorName: "Fried B.", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-male-model-color-flash-light_158595-5105.jpg", date: "Dec 2023" }
]}
/>
</div>
@@ -288,22 +138,10 @@ export default function LandingPage() {
title="Let's Collaborate"
description="Ready to build something extraordinary? Reach out to me."
inputs={[
{
name: "name",
type: "text",
placeholder: "Your Name",
},
{
name: "email",
type: "email",
placeholder: "Your Email",
},
{ name: "name", type: "text", placeholder: "Your Name" },
{ name: "email", type: "email", placeholder: "Your Email" }
]}
textarea={{
name: "message",
placeholder: "Tell me about your project",
rows: 4,
}}
textarea={{ name: "message", placeholder: "Tell me about your project", rows: 4 }}
imageSrc="http://img.b2bpic.net/free-photo/artistic-background-wallpaper-with-color-halftone-effect_58702-8888.jpg"
imageAlt="digital dark background neon grid"
/>
@@ -314,31 +152,11 @@ export default function LandingPage() {
logoText="Fried BOCOVO"
columns={[
{
title: "Pages",
items: [
{
label: "Home",
href: "#home",
},
{
label: "Contact",
href: "#contact",
},
],
title: "Pages", items: [{ label: "Home", href: "#home" }, { label: "Contact", href: "#contact" }]
},
{
title: "Socials",
items: [
{
label: "Twitter",
href: "#",
},
{
label: "LinkedIn",
href: "#",
},
],
},
title: "Socials", items: [{ label: "Twitter", href: "#" }, { label: "LinkedIn", href: "#" }]
}
]}
/>
</div>