bender/689c2fb9-dbb3-41ae-80b9-1d9c4d13aff1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_1 into main

Browse Source 
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
bender
2026-05-13 16:38:05 +00:00
parent a43f873689 313a5955b8
commit 61160d1e3c
1 changed files with 42 additions and 289 deletions
Download Patch File Download Diff File Expand all files Collapse all files

331
src/app/page.tsx
View File

@@ -19,27 +19,22 @@ export default function LandingPage() {
defaultButtonVariant="icon-arrow"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Services",
id: "features",
},
{
name: "Contact",
id: "contact",
},
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Services", id: "features" },
{ name: "Contact", id: "contact" }
]}
brandName="Jude Dev"
/>
@@ -47,47 +42,18 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardGallery
background={{
variant: "plain",
}}
background={{ variant: "plain" }}
title="Jude - Professional Web Developer"
description="Crafting high-quality, responsive websites and software solutions tailored to your business needs."
tag="Let's Build Together"
buttons={[
{
text: "Contact Me",
href: "#contact",
},
{
text: "View My Work",
href: "#products",
},
{ text: "Contact Me", href: "#contact" },
{ text: "View My Work", href: "#products" }
]}
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/sleek-desktop-workspace-displays-active-code-windows-artificial-intelligence_482257-126307.jpg?_wi=1",
imageAlt: "Developer Setup",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/background-with-printed-circuit-board-concept-modern-technologies_169016-62309.jpg?_wi=1",
imageAlt: "Tech Background",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-website-hosting-concept_23-2149484780.jpg?_wi=1",
imageAlt: "Design Process",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/spray-paint-bottles-neglected-glowing-building-filled-with-graffiti-rusty-damaged-walls-containers-aerosols-deserted-space-ruins-illuminated-by-purple-fluorescent-lights-close-up_482257-66968.jpg",
imageAlt: "Developer Setup",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301539.jpg",
imageAlt: "Tech Background",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/black-friday-sale-banner-template-astronaut-working-laptop_460848-6339.jpg",
imageAlt: "Design Process",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/sleek-desktop-workspace-displays-active-code-windows-artificial-intelligence_482257-126307.jpg", imageAlt: "Developer Setup" },
{ imageSrc: "http://img.b2bpic.net/free-photo/background-with-printed-circuit-board-concept-modern-technologies_169016-62309.jpg", imageAlt: "Tech Background" },
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-website-hosting-concept_23-2149484780.jpg", imageAlt: "Design Process" }
]}
mediaAnimation="slide-up"
/>
@@ -98,7 +64,7 @@ export default function LandingPage() {
useInvertedBackground={true}
title="About Jude"
description="I am Jude, a professional web developer dedicated to building scalable and user-friendly digital experiences. Whether you need a simple landing page or a complex custom web application, I've got you covered. Check out my Instagram at @JudeDev for updates and behind-the-scenes work."
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night_23-2150170822.jpg?_wi=1"
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night_23-2150170822.jpg"
/>
</div>
@@ -108,21 +74,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Custom Web Apps",
description: "Tailored software solutions designed for your specific business requirements.",
imageSrc: "http://img.b2bpic.net/free-photo/software-programer-pointing-pencil-source-code-computer-screen-explaining-algorithm-coworker-standing-desk-programmers-discussing-online-cloud-computing-with-team_482257-33535.jpg?_wi=1",
},
{
title: "Responsive Design",
description: "High-quality, mobile-friendly websites that look great on any device.",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345424.jpg",
},
{
title: "Backend Optimization",
description: "Robust and secure backend architecture to ensure your platforms perform optimally.",
imageSrc: "http://img.b2bpic.net/free-photo/website-hosting-concept-with-circuits_23-2149406782.jpg",
},
{ title: "Custom Web Apps", description: "Tailored software solutions designed for your specific business requirements.", imageSrc: "http://img.b2bpic.net/free-photo/software-programer-pointing-pencil-source-code-computer-screen-explaining-algorithm-coworker-standing-desk-programmers-discussing-online-cloud-computing-with-team_482257-33535.jpg" },
{ title: "Responsive Design", description: "High-quality, mobile-friendly websites that look great on any device.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-graphic-design-office_23-2151345424.jpg" },
{ title: "Backend Optimization", description: "Robust and secure backend architecture to ensure your platforms perform optimally.", imageSrc: "http://img.b2bpic.net/free-photo/website-hosting-concept-with-circuits_23-2149406782.jpg" }
]}
title="My Services"
description="I offer a range of professional web services to help your business grow."
@@ -134,52 +88,14 @@ export default function LandingPage() {
textboxLayout="split"
gridVariant="three-columns-all-equal-width"
useInvertedBackground={true}
animationType="slide-up"
products={[
{
id: "p1",
name: "Basic Landing Page",
price: "$200+",
variant: "Starter",
imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913283.jpg",
},
{
id: "p2",
name: "E-commerce Store",
price: "$1,500+",
variant: "Standard",
imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoy-online-shopping_53876-71210.jpg",
},
{
id: "p3",
name: "Custom Portfolio",
price: "$800+",
variant: "Premium",
imageSrc: "http://img.b2bpic.net/free-photo/colorful-people-collage-design_23-2149450429.jpg",
},
{
id: "p4",
name: "SaaS Platform",
price: "$3,000+",
variant: "Enterprise",
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
},
{
id: "p5",
name: "Business Web App",
price: "$2,500+",
variant: "Professional",
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-ai-llm-greets-friend-videocall-green-screen-phone_482257-127297.jpg",
},
{
id: "p6",
name: "Premium CMS Website",
price: "$5,000",
variant: "Ultimate",
imageSrc: "http://img.b2bpic.net/free-photo/relieved-happy-female-office-manager-successful-businesswoman-achieve-goal-winning-feeling-rejoice-fist-pump-shouting-yes-satisfied-standing-white-background-upbeat_1258-100627.jpg",
},
{ id: "p1", name: "Basic Landing Page", price: "$200+", variant: "Starter", imageSrc: "http://img.b2bpic.net/free-photo/minimal-style-device-screen_23-2151913283.jpg" },
{ id: "p2", name: "E-commerce Store", price: "$1,500+", variant: "Standard", imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoy-online-shopping_53876-71210.jpg" },
{ id: "p3", name: "Custom Portfolio", price: "$800+", variant: "Premium", imageSrc: "http://img.b2bpic.net/free-photo/colorful-people-collage-design_23-2149450429.jpg" }
]}
title="Website Solutions"
description="Transparent pricing for high-quality work. Packages range from $200 for basic landing pages to $5,000 for complex enterprise platforms."
description="Transparent pricing for high-quality work."
/>
</div>
@@ -189,60 +105,11 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "starter",
tag: "Essential",
price: "$200",
period: "/ project",
description: "Perfect for new businesses needing a digital presence.",
button: {
text: "Contact Me",
href: "#contact",
},
featuresTitle: "Included:",
features: [
"Mobile Responsive",
"Contact Form",
"Basic SEO",
],
},
{
id: "pro",
tag: "Advanced",
price: "$1,500",
period: "/ project",
description: "Ideal for growing brands needing advanced functionality.",
button: {
text: "Contact Me",
href: "#contact",
},
featuresTitle: "Included:",
features: [
"All Starter Features",
"Custom Dashboard",
"Advanced CMS",
],
},
{
id: "ultimate",
tag: "Enterprise",
price: "$5,000",
period: "/ project",
description: "Comprehensive solutions for large-scale digital transformation.",
button: {
text: "Contact Me",
href: "#contact",
},
featuresTitle: "Included:",
features: [
"All Pro Features",
"Scalable Architecture",
"Priority Support",
],
},
{ id: "starter", tag: "Essential", price: "$200", period: "/ project", description: "Perfect for new businesses.", button: { text: "Contact", href: "#contact" }, featuresTitle: "Included:", features: ["Responsive", "Form"] },
{ id: "pro", tag: "Advanced", price: "$1,500", period: "/ project", description: "Growing brands.", button: { text: "Contact", href: "#contact" }, featuresTitle: "Included:", features: ["Dashboard", "CMS"] }
]}
title="Pricing Packages"
description="Choose a package that aligns with your project scale."
description="Transparent pricing."
/>
</div>
@@ -252,30 +119,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
metrics={[
{
id: "m1",
value: "100+",
title: "Completed Projects",
description: "High-impact web projects delivered successfully.",
imageSrc: "http://img.b2bpic.net/free-photo/marketing-strategy-planning-strategy-concept_53876-42950.jpg",
},
{
id: "m2",
value: "99.9%",
title: "Code Accuracy",
description: "Meticulous attention to detail in every build.",
imageSrc: "http://img.b2bpic.net/free-vector/creative-programming-coding-25-blue-icon-pack-such-as-development-coding-development-programming-develop_1142-23816.jpg",
},
{
id: "m3",
value: "5/5",
title: "Client Satisfaction",
description: "Dedicated to long-term client relationships.",
imageSrc: "http://img.b2bpic.net/free-photo/student-with-wireless-headphones-video-conference-waving-hello-colleagues-while-sitting-desk-living-room-smiling-freelancer-greeting-client-internet-call-while-roommate-is-relaxing_482257-64559.jpg",
},
{ id: "m1", value: "100+", title: "Projects", description: "High-impact.", imageSrc: "http://img.b2bpic.net/free-photo/marketing-strategy-planning-strategy-concept_53876-42950.jpg" },
{ id: "m2", value: "99%", title: "Accuracy", description: "Detail.", imageSrc: "http://img.b2bpic.net/free-vector/creative-programming-coding-25-blue-icon-pack-such-as-development-coding-development-programming-develop_1142-23816.jpg" }
]}
title="Project Impact"
description="I prioritize performance and efficiency in every line of code."
description="Efficiency."
/>
</div>
@@ -284,123 +132,28 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
name: "Sarah Miller",
date: "Jan 2024",
title: "Business Owner",
quote: "Jude built an incredible website for my shop. Very professional and helpful.",
tag: "Shop Owner",
avatarSrc: "http://img.b2bpic.net/free-photo/happy-female-colleagues-embracing-with-eyes-closed-while-having-coffee-break-cafe_637285-8148.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/sleek-desktop-workspace-displays-active-code-windows-artificial-intelligence_482257-126307.jpg?_wi=2",
imageAlt: "portrait young female",
},
{
id: "t2",
name: "Mark Evans",
date: "Dec 2023",
title: "Tech Founder",
quote: "Exceptional code quality and very easy to work with on complex app features.",
tag: "CEO",
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/background-with-printed-circuit-board-concept-modern-technologies_169016-62309.jpg?_wi=2",
imageAlt: "portrait young female",
},
{
id: "t3",
name: "Linda Zhang",
date: "Nov 2023",
title: "Marketing Manager",
quote: "Jude transformed our digital branding and improved our conversion rates significantly.",
tag: "Marketing",
avatarSrc: "http://img.b2bpic.net/free-photo/business-woman_74190-2277.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-website-hosting-concept_23-2149484780.jpg?_wi=2",
imageAlt: "portrait young female",
},
{
id: "t4",
name: "Alex Rivet",
date: "Oct 2023",
title: "Product Designer",
quote: "Always delivers on time with high performance and great communication.",
tag: "Designer",
avatarSrc: "http://img.b2bpic.net/free-photo/positive-middle-aged-business-leader-window_1262-5388.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-late-night_23-2150170822.jpg?_wi=2",
imageAlt: "portrait young female",
},
{
id: "t5",
name: "Chloe Vance",
date: "Sep 2023",
title: "Consultant",
quote: "I highly recommend Jude for any professional software project.",
tag: "Consultant",
avatarSrc: "http://img.b2bpic.net/free-photo/stylish-corporate-woman-young-lady-boss-suit-looking-confident-happy-posing-outdoors-stree_1258-119447.jpg",
imageSrc: "http://img.b2bpic.net/free-photo/software-programer-pointing-pencil-source-code-computer-screen-explaining-algorithm-coworker-standing-desk-programmers-discussing-online-cloud-computing-with-team_482257-33535.jpg?_wi=2",
imageAlt: "portrait young female",
},
{ id: "t1", name: "Sarah Miller", date: "Jan 2024", title: "Owner", quote: "Great!", tag: "Owner", avatarSrc: "http://img.b2bpic.net/free-photo/happy-female-colleagues-embracing-with-eyes-closed-while-having-coffee-break-cafe_637285-8148.jpg" },
{ id: "t2", name: "Mark Evans", date: "Dec 2023", title: "CEO", quote: "Perfect!", tag: "CEO", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg" }
]}
title="Client Feedback"
description="What my partners and clients say about my development services."
title="Feedback"
description="What clients say."
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{
variant: "sparkles-gradient",
}}
text="Ready to bring your project to life? Let's talk about your vision. DM me on Instagram @JudeDev or click the link below to get started."
buttons={[
{
text: "Contact on Instagram",
href: "https://instagram.com/JudeDev",
},
]}
background={{ variant: "sparkles-gradient" }}
text="Ready to talk?"
buttons={[{ text: "Instagram", href: "https://instagram.com/JudeDev" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterSimple
columns={[
{
title: "Navigation",
items: [
{
label: "About",
href: "#about",
},
{
label: "Services",
href: "#features",
},
{
label: "Pricing",
href: "#pricing",
},
],
},
{
title: "Connect",
items: [
{
label: "Instagram",
href: "https://instagram.com/JudeDev",
},
{
label: "LinkedIn",
href: "#",
},
{
label: "GitHub",
href: "#",
},
],
},
]}
bottomLeftText="© 2024 Jude Dev."
bottomRightText="Built with passion."
columns={[{ title: "Links", items: [{ label: "About", href: "#about" }] }]}
bottomLeftText="© 2024"
bottomRightText="Built."
/>
</div>
</ReactLenis>