[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_255":256,"_257":258},"routes/_app.x.$handle.$name",{"_95":94,"_31":44,"_103":85,"_26":104,"_13":14,"_105":-5,"_11":106,"_107":108,"_109":110,"_111":112,"_113":114,"_20":-5,"_115":-5,"_116":-5,"_117":24,"_118":119,"_120":24,"_121":-5,"_122":-5,"_123":124},"routes/_app.x.$handle.$name.branch.$branch.version.$version.diff",{"_11":12,"_13":14,"_15":16,"_17":-5,"_18":-5},"project",{"_42":43,"_31":44,"_37":45,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":78,"_79":80,"_81":82,"_83":24},"version",9,"changes",[19],"aiChatInfo","userId",{"_20":21,"_22":-7,"_23":24,"_25":24,"_26":27,"_28":27},"file",{"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":14,"_40":41,"_23":24},"previous","deleted",false,"deletedHere","path","frontend/components/Hero.tsx","latestPath","fileId","1526736e-3d9a-11f0-9279-76b3cceeab13","name","Hero.tsx","fileType","script","content","/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { ArrowDown, Github, Linkedin, Mail } from \"https://esm.sh/lucide-react@0.263.1\";\n\nexport default function Hero() {\n const scrollToSection = (href: string) => {\n const element = document.querySelector(href);\n if (element) {\n element.scrollIntoView({ behavior: 'smooth' });\n }\n };\n\n return (\n

\n {/* Background Elements */}\n

\n\n

\n {/* Profile Image */}\n

\n 👨‍💻\n

\n\n {/* Main Content */}\n

\n KEBIRU WISDOM\n
\n YUNUSA\n

\n \n

\n Freelance Web Developer • \n Web Designer • \n Graphics Designer\n

\n \n

\n Creating stunning digital experiences and visual solutions that help businesses \n stand out in the digital world. Let's bring your vision to life!\n

\n\n {/* CTA Buttons */}\n

\n scrollToSection(\"#portfolio\")}\n className=\"bg-white text-purple-600 px-8 py-4 rounded-full font-semibold hover:shadow-xl transition-all duration-300 hover-lift\"\n >\n View My Work\n \n scrollToSection(\"#contact\")}\n className=\"border-2 border-white text-white px-8 py-4 rounded-full font-semibold hover:bg-white hover:text-purple-600 transition-all duration-300 hover-lift\"\n >\n Get In Touch\n \n

\n\n {/* Social Links */}\n

\n \n \n \n \n \n \n \n \n \n

\n\n {/* Scroll Indicator */}\n scrollToSection(\"#about\")}\n className=\"text-white/80 hover:text-white transition-colors duration-300 animate-bounce\"\n >\n \n \n

\n );\n}","createdAt",["D",1748639243751],"branchVersion","branchId","dc9fa692-3d98-11f0-ae61-76b3cceeab13","id","dc9f5e76-3d98-11f0-ae61-76b3cceeab13","Upwork",["D",1748638719422],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","e3d52c80-3d97-11f0-9bca-61e071382c7d","pinnedFileId","756fe7c8-3d9a-11f0-9f40-76b3cceeab13","pinPreview",true,"pinMigrated","screenshotVersion","likeCount",0,"orgId","9be97e72-4be1-45db-b7a1-75c4932d98c1","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_95":94,"_102":98},"org",{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},"branch",{"_13":84,"_31":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"isOwned",18,"main","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","PortfolioFreelance","handle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoiZGVmYXVsdCIsImlpZCI6Imluc18yTm10cGhQUklwU0tqZHNiOHNnNGd2ZjJURFUiLCJyaWQiOiJ1c2VyXzJ4cGMzajFIaXN2UUFodjZUS092Q1dHclRtQyJ9","tier","free","canRestrictVals","profileImageUrl","branchName","","adoptOrgId",{"_42":43,"_31":44,"_37":251,"_46":-5,"_47":24,"_48":49,"_50":49,"_51":-5,"_52":-5,"_18":53,"_54":55,"_56":57,"_58":57,"_59":-5,"_60":61,"_62":63,"_64":-5,"_65":-5,"_66":-5,"_67":-5,"_68":69,"_70":69,"_71":72,"_73":72,"_74":72,"_75":69,"_76":69,"_77":252,"_79":253,"_81":254,"_83":24},"tree",[175,182,184,185,186],"files",[175,176,177,178,179,180,181,182,183,184,185,186],"counts",{"_165":61,"_166":142,"_167":61,"_168":169,"_170":171},"contents",[125,126,127,128,129],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_42":159,"_31":160,"_29":161,"_133":-5,"_40":41,"_39":162,"_135":57,"_37":163,"_13":61,"_33":157,"_35":-5,"_23":24,"_137":-5,"_26":164},{"_42":152,"_31":153,"_29":154,"_133":-5,"_40":41,"_39":155,"_135":57,"_37":156,"_13":61,"_33":157,"_35":-5,"_23":24,"_137":-5,"_26":158},{"_42":145,"_31":146,"_29":147,"_133":-5,"_40":41,"_39":148,"_135":24,"_37":149,"_13":61,"_33":20,"_35":150,"_23":24,"_137":-5,"_26":151},{"_42":139,"_31":140,"_29":141,"_133":-5,"_40":41,"_39":142,"_135":57,"_37":143,"_13":61,"_33":34,"_35":104,"_23":24,"_137":-5,"_26":144},{"_42":130,"_31":131,"_29":132,"_133":-5,"_40":41,"_39":134,"_135":57,"_37":136,"_13":61,"_33":34,"_35":104,"_23":24,"_137":-5,"_26":138},"105a31d2-3d99-11f0-97f9-76b3cceeab13","new-file-8938.tsx","105a3286-3d99-11f0-97f9-76b3cceeab13","parentId",2,"latest",["D",1748638806206],"label",[131],"dca16112-3d98-11f0-ae61-76b3cceeab13","main.tsx","dca161b2-3d98-11f0-ae61-76b3cceeab13",1,["D",1748638719431],[140],"efa8eb30-3d99-11f0-b146-76b3cceeab13","README.md","efa8ed56-3d99-11f0-b146-76b3cceeab13",3,["D",1748639180853],"# KEBIRU WISDOM YUNUSA - Professional Portfolio\n\nA modern, responsive portfolio website showcasing web development, web design, and graphic design services.\n\n## Project Structure\n\n```\n├── backend/\n│ └── index.ts # Main Hono server\n├── frontend/\n│ ├── components/\n│ │ ├── App.tsx # Main React app\n│ │ ├── Header.tsx # Navigation header\n│ │ ├── Hero.tsx # Hero section\n│ │ ├── About.tsx # About section\n│ │ ├── Services.tsx # Services section\n│ │ ├── Portfolio.tsx # Portfolio gallery\n│ │ ├── Contact.tsx # Contact section\n│ │ └── Footer.tsx # Footer component\n│ ├── index.html # Main HTML template\n│ ├── index.tsx # Frontend entry point\n│ └── style.css # Custom styles\n├── shared/\n│ └── types.ts # Shared TypeScript types\n└── README.md\n```\n\n## Features\n\n- Responsive design with modern UI/UX\n- Smooth scrolling navigation\n- Interactive portfolio gallery\n- Contact form\n- Professional service showcase\n- Mobile-optimized layout\n\n## Tech Stack\n\n- Frontend: React 18.2.0 with TypeScript\n- Backend: Hono framework\n- Styling: TailwindCSS\n- Icons: Lucide React",[146],"f2094532-3d99-11f0-afba-76b3cceeab13","shared","aae5b7b9-4348-444d-a482-4949da7e5127",4,["D",1748639184837],"directory",[153],"fb26fdd0-3d99-11f0-a39e-76b3cceeab13","frontend","12c6ddd6-67e4-4073-92b8-e5044b90fca0",5,["D",1748639200131],[160],"pulls","branches","forks","envVars",{"_172":61,"_174":61},"connections",{"_172":61,"_173":61},"count","unfilledCount","emptyCount",{"_42":159,"_31":160,"_29":161,"_133":-5,"_40":41,"_39":162,"_135":57,"_37":248,"_13":61,"_33":157,"_35":-5,"_23":24,"_137":-5,"_188":249,"_26":250},{"_42":244,"_31":227,"_29":223,"_133":161,"_40":41,"_39":239,"_135":57,"_37":245,"_13":61,"_33":157,"_35":-5,"_23":24,"_137":-5,"_188":246,"_26":247},{"_42":236,"_31":237,"_29":238,"_133":223,"_40":41,"_39":239,"_135":57,"_37":240,"_13":61,"_33":34,"_35":241,"_23":24,"_137":-5,"_188":242,"_26":243},{"_42":228,"_31":229,"_29":230,"_133":223,"_40":41,"_39":231,"_135":57,"_37":232,"_13":61,"_33":34,"_35":233,"_23":24,"_137":-5,"_188":234,"_26":235},{"_42":222,"_31":32,"_29":30,"_133":223,"_40":41,"_39":14,"_135":57,"_37":224,"_13":61,"_33":34,"_35":36,"_23":24,"_137":-5,"_188":225,"_26":226},{"_42":215,"_31":216,"_29":217,"_133":161,"_40":41,"_39":162,"_135":57,"_37":218,"_13":61,"_33":20,"_35":219,"_23":24,"_137":-5,"_188":220,"_26":221},{"_42":207,"_31":208,"_29":209,"_133":161,"_40":41,"_39":210,"_135":57,"_37":211,"_13":61,"_33":34,"_35":212,"_23":24,"_137":-5,"_188":213,"_26":214},{"_42":152,"_31":153,"_29":154,"_133":-5,"_40":41,"_39":155,"_135":57,"_37":204,"_13":61,"_33":157,"_35":-5,"_23":24,"_137":-5,"_188":205,"_26":206},{"_42":197,"_31":198,"_29":199,"_133":154,"_40":41,"_39":155,"_135":57,"_37":200,"_13":61,"_33":34,"_35":201,"_23":24,"_137":-5,"_188":202,"_26":203},{"_42":145,"_31":146,"_29":147,"_133":-5,"_40":41,"_39":148,"_135":24,"_37":194,"_13":61,"_33":20,"_35":150,"_23":24,"_137":-5,"_188":195,"_26":196},{"_42":139,"_31":140,"_29":141,"_133":-5,"_40":41,"_39":142,"_135":57,"_37":191,"_13":61,"_33":34,"_35":104,"_23":24,"_137":-5,"_188":192,"_26":193},{"_42":130,"_31":131,"_29":132,"_133":-5,"_40":41,"_39":134,"_135":57,"_37":187,"_13":61,"_33":34,"_35":104,"_23":24,"_137":-5,"_188":189,"_26":190},["D",1748638806206],"children",[],[131],["D",1748638719431],[],[140],["D",1748639180853],[],[146],"f2093b50-3d99-11f0-afba-76b3cceeab13","types.ts","f2093c22-3d99-11f0-afba-76b3cceeab13",["D",1748639184837],"export interface PortfolioItem {\n id: string;\n title: string;\n category: 'web-development' | 'web-design' | 'graphic-design';\n description: string;\n imageUrl: string;\n technologies?: string[];\n projectUrl?: string;\n}\n\nexport interface Service {\n id: string;\n title: string;\n description: string;\n icon: string;\n features: string[];\n}\n\nexport interface ContactForm {\n name: string;\n email: string;\n subject: string;\n message: string;\n}",[],[153,198],["D",1748639184837],[183],[153],"fd9f7b28-3d99-11f0-bd26-76b3cceeab13","index.tsx","fd9f7bf0-3d99-11f0-bd26-76b3cceeab13",6,["D",1748639204281],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport { createRoot } from \"https://esm.sh/react-dom@18.2.0/client\";\nimport App from \"./components/App.tsx\";\n\nconst root = createRoot(document.getElementById(\"root\")!);\nroot.render();",[],[160,208],"fb26e61a-3d99-11f0-a39e-76b3cceeab13","index.html","fb26e6f6-3d99-11f0-a39e-76b3cceeab13",["D",1748639200131],"\n\n\n \n \n KEBIRU WISDOM YUNUSA - Professional Portfolio\n \n \n \n \n 💼\">\n \n \n \n \n \n \n \n \n \n \n \n \n \n\n\n

\n \n\n",[],[160,216],"1526729c-3d9a-11f0-9279-76b3cceeab13","adbc6fc4-80b9-40b5-8479-299609745c32",["D",1748639243751],[],[160,227,32],"components","0a305ede-3d9a-11f0-941d-76b3cceeab13","Header.tsx","0a305fa6-3d9a-11f0-941d-76b3cceeab13",8,["D",1748639225360],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React, { useState, useEffect } from \"https://esm.sh/react@18.2.0\";\nimport { Menu, X } from \"https://esm.sh/lucide-react@0.263.1\";\n\nexport default function Header() {\n const [isMenuOpen, setIsMenuOpen] = useState(false);\n const [isScrolled, setIsScrolled] = useState(false);\n\n useEffect(() => {\n const handleScroll = () => {\n setIsScrolled(window.scrollY > 50);\n };\n\n window.addEventListener('scroll', handleScroll);\n return () => window.removeEventListener('scroll', handleScroll);\n }, []);\n\n const navItems = [\n { href: \"#home\", label: \"Home\" },\n { href: \"#about\", label: \"About\" },\n { href: \"#services\", label: \"Services\" },\n { href: \"#portfolio\", label: \"Portfolio\" },\n { href: \"#contact\", label: \"Contact\" }\n ];\n\n const scrollToSection = (href: string) => {\n const element = document.querySelector(href);\n if (element) {\n element.scrollIntoView({ behavior: 'smooth' });\n }\n setIsMenuOpen(false);\n };\n\n return (\n

\n {/* Logo */}\n

\n KWY\n

\n\n {/* Desktop Navigation */}\n

\n {navItems.map((item) => (\n scrollToSection(item.href)}\n className=\"text-gray-700 hover:text-purple-600 transition-colors duration-300 font-medium\"\n >\n {item.label}\n \n ))}\n scrollToSection(\"#contact\")}\n className=\"bg-gradient-to-r from-purple-600 to-blue-600 text-white px-6 py-2 rounded-full hover:shadow-lg transition-all duration-300 hover-lift\"\n >\n Hire Me\n \n

\n\n {/* Mobile Menu Button */}\n setIsMenuOpen(!isMenuOpen)}\n >\n {isMenuOpen ? : }\n \n

\n\n {/* Mobile Navigation */}\n {isMenuOpen && (\n

\n {navItems.map((item) => (\n scrollToSection(item.href)}\n className=\"text-gray-700 hover:text-purple-600 transition-colors duration-300 font-medium text-left\"\n >\n {item.label}\n \n ))}\n scrollToSection(\"#contact\")}\n className=\"bg-gradient-to-r from-purple-600 to-blue-600 text-white px-6 py-2 rounded-full hover:shadow-lg transition-all duration-300 w-fit\"\n >\n Hire Me\n \n

\n )}\n

\n );\n}",[],[160,227,229],"0063b338-3d9a-11f0-9a0f-76b3cceeab13","App.tsx","0063b3f6-3d9a-11f0-9a0f-76b3cceeab13",7,["D",1748639208920],"/** @jsxImportSource https://esm.sh/react@18.2.0 */\nimport React from \"https://esm.sh/react@18.2.0\";\nimport Header from \"./Header.tsx\";\nimport Hero from \"./Hero.tsx\";\nimport About from \"./About.tsx\";\nimport Services from \"./Services.tsx\";\nimport Portfolio from \"./Portfolio.tsx\";\nimport Contact from \"./Contact.tsx\";\nimport Footer from \"./Footer.tsx\";\n\nexport default function App() {\n return (\n

\n \n \n \n \n \n

\n );\n}",[],[160,227,237],"0063c152-3d9a-11f0-9a0f-76b3cceeab13",["D",1748639208920],[177,178,179],[160,227],["D",1748639200131],[176,180,181],[160],["D",1748638719422],{"_95":94,"_102":98},{"_95":94,"_96":-5,"_97":98,"_18":53,"_99":100,"_101":24},{"_13":84,"_31":85,"_42":41,"_86":43,"_87":-5,"_88":-5,"_89":-5,"_90":-5,"_91":-5,"_92":44,"_93":94},"ctx",{"_77":-5,"_122":288,"_289":290,"_291":292,"_293":24,"_294":24,"_295":24,"_296":57,"_297":-5,"_298":-7,"_299":-7,"_300":61,"_301":24,"_302":24,"_303":-5,"_304":24,"_305":24,"_306":24,"_307":-5},"ENV",{"_259":260,"_261":262,"_263":85,"_264":265,"_266":267,"_268":269,"_270":271,"_272":273,"_274":275,"_276":277,"_278":279,"_280":281,"_282":283,"_284":285,"_286":287},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","71c1b20804b3232a7e513be260cfffc1932a9e97","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

\n KEBIRU WISDOM\n \n YUNUSA\n

\n KEBIRU WISDOM\n
\n YUNUSA\n

Diff · v9