2 Commits

Author SHA1 Message Date
bd3a69b7ba Update src/app/page.tsx 2026-04-08 20:25:10 +00:00
b7689357c7 Merge version_1 into main
Merge version_1 into main
2026-04-08 20:13:53 +00:00

View File

@@ -31,21 +31,13 @@ export default function LandingPage() {
<NavbarStyleFullscreen <NavbarStyleFullscreen
navItems={[ navItems={[
{ {
name: "Dashboard", name: "Dashboard", id: "#hero"},
id: "#hero",
},
{ {
name: "Projects", name: "Projects", id: "#projects"},
id: "#projects",
},
{ {
name: "Discoveries", name: "Discoveries", id: "#discoveries"},
id: "#discoveries",
},
{ {
name: "Profiles", name: "Profiles", id: "#profiles"},
id: "#profiles",
},
]} ]}
brandName="DevForge" brandName="DevForge"
/> />
@@ -55,105 +47,60 @@ export default function LandingPage() {
<HeroBillboardTestimonial <HeroBillboardTestimonial
useInvertedBackground={false} useInvertedBackground={false}
background={{ background={{
variant: "sparkles-gradient", variant: "sparkles-gradient"}}
}} title="Launch Your Developer Portfolio in Minutes"
title="Build, Discover, and Grow Together"
description="The minimalist, developer-first platform designed to showcase real projects, share technical discoveries, and accelerate professional growth." description="The minimalist, developer-first platform designed to showcase real projects, share technical discoveries, and accelerate professional growth."
testimonials={[ testimonials={[
{ {
name: "Sarah J.", name: "Sarah J.", handle: "@sarahj", testimonial: "DevForge transformed how I showcase my projects and connect with fellow developers.", rating: 5,
handle: "@sarahj", imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg"},
testimonial: "DevForge transformed how I showcase my projects and connect with fellow developers.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
},
{ {
name: "Alex M.", name: "Alex M.", handle: "@alexm", testimonial: "The 'Discoveries' feature is a game-changer for sharing quick technical insights.", rating: 5,
handle: "@alexm", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-photographer-using-photo-editing-software-pc-display-multimedia-studio_482257-98537.jpg"},
testimonial: "The 'Discoveries' feature is a game-changer for sharing quick technical insights.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-photographer-using-photo-editing-software-pc-display-multimedia-studio_482257-98537.jpg",
},
{ {
name: "Elena R.", name: "Elena R.", handle: "@elenar", testimonial: "Distraction-free environment that actually focuses on the code and the creators.", rating: 5,
handle: "@elenar", imageSrc: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg"},
testimonial: "Distraction-free environment that actually focuses on the code and the creators.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg",
},
{ {
name: "David K.", name: "David K.", handle: "@davidk", testimonial: "Built my portfolio in minutes and got instant feedback from the community.", rating: 5,
handle: "@davidk", imageSrc: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg"},
testimonial: "Built my portfolio in minutes and got instant feedback from the community.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg",
},
{ {
name: "Chloe L.", name: "Chloe L.", handle: "@chloel", testimonial: "Finally, a platform that feels like it was built by devs for devs.", rating: 5,
handle: "@chloel", imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-holding-tablet_23-2148452638.jpg"},
testimonial: "Finally, a platform that feels like it was built by devs for devs.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-holding-tablet_23-2148452638.jpg",
},
]} ]}
buttons={[ buttons={[
{ {
text: "Get Started", text: "Join the Beta", href: "#"},
href: "#",
},
{ {
text: "Explore Feed", text: "Explore Feed", href: "#discoveries"},
href: "#discoveries",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/black-laptop-screen-dark-room-night_169016-58009.jpg" imageSrc="http://img.b2bpic.net/free-photo/black-laptop-screen-dark-room-night_169016-58009.jpg"
avatars={[ avatars={[
{ {
src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", src: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", alt: "User 1"},
alt: "User 1",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-smiling-photographer-using-photo-editing-software-pc-display-multimedia-studio_482257-98537.jpg", src: "http://img.b2bpic.net/free-photo/portrait-smiling-photographer-using-photo-editing-software-pc-display-multimedia-studio_482257-98537.jpg", alt: "User 2"},
alt: "User 2",
},
{ {
src: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg", src: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg", alt: "User 3"},
alt: "User 3",
},
{ {
src: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg", src: "http://img.b2bpic.net/free-photo/company-worker-browsing-internet-research-project-using-computer-create-business-report-with-charts-data-analyzing-network-information-web-presentation-handheld-shot_482257-50935.jpg", alt: "User 4"},
alt: "User 4",
},
{ {
src: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-holding-tablet_23-2148452638.jpg", src: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-holding-tablet_23-2148452638.jpg", alt: "User 5"},
alt: "User 5",
},
]} ]}
marqueeItems={[ marqueeItems={[
{ {
type: "text-icon", type: "text-icon", text: "React", icon: Code,
text: "React",
icon: Code,
}, },
{ {
type: "text-icon", type: "text-icon", text: "TypeScript", icon: Box,
text: "TypeScript",
icon: Box,
}, },
{ {
type: "text-icon", type: "text-icon", text: "Node.js", icon: Server,
text: "Node.js",
icon: Server,
}, },
{ {
type: "text-icon", type: "text-icon", text: "GraphQL", icon: Star,
text: "GraphQL",
icon: Star,
}, },
{ {
type: "text-icon", type: "text-icon", text: "PostgreSQL", icon: Database,
text: "PostgreSQL",
icon: Database,
}, },
]} ]}
/> />
@@ -167,47 +114,22 @@ export default function LandingPage() {
useInvertedBackground={false} useInvertedBackground={false}
products={[ products={[
{ {
id: "p1", id: "p1", name: "Neural Analytics UI", price: "React / AI", variant: "In Progress", imageSrc: "http://img.b2bpic.net/free-photo/colorized-glass-phone-16-pro-max_187299-45929.jpg?_wi=1"},
name: "Neural Analytics UI",
price: "React / AI",
variant: "In Progress",
imageSrc: "http://img.b2bpic.net/free-photo/colorized-glass-phone-16-pro-max_187299-45929.jpg?_wi=1",
},
{ {
id: "p2", id: "p2", name: "TaskFlow Pro", price: "Swift / UI", variant: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-home_23-2150639942.jpg"},
name: "TaskFlow Pro",
price: "Swift / UI",
variant: "Completed",
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-home_23-2150639942.jpg",
},
{ {
id: "p3", id: "p3", name: "Dev Portfolio Engine", price: "TypeScript", variant: "In Progress", imageSrc: "http://img.b2bpic.net/free-photo/young-man-works-computer-night_169016-64533.jpg?_wi=1"},
name: "Dev Portfolio Engine",
price: "TypeScript",
variant: "In Progress",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-works-computer-night_169016-64533.jpg?_wi=1",
},
{ {
id: "p4", id: "p4", name: "Syntax Highlight Lib", price: "Library", variant: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/remotely-working-engineer-home-office-coding-computer-monitor_482257-120137.jpg?_wi=1"},
name: "Syntax Highlight Lib",
price: "Library",
variant: "Completed",
imageSrc: "http://img.b2bpic.net/free-photo/remotely-working-engineer-home-office-coding-computer-monitor_482257-120137.jpg?_wi=1",
},
{ {
id: "p5", id: "p5", name: "Community Discovery Hub", price: "Full Stack", variant: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/army-officer-examines-reconnaissance-system-world-map_482257-90133.jpg?_wi=1"},
name: "Community Discovery Hub",
price: "Full Stack",
variant: "Completed",
imageSrc: "http://img.b2bpic.net/free-photo/army-officer-examines-reconnaissance-system-world-map_482257-90133.jpg?_wi=1",
},
{ {
id: "p6", id: "p6", name: "Growth Metrics Tracker", price: "Data Viz", variant: "In Progress", imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_23-2148367355.jpg"},
name: "Growth Metrics Tracker", ]}
price: "Data Viz", buttons={[
variant: "In Progress", {
imageSrc: "http://img.b2bpic.net/free-vector/dashboard-user-panel-template_23-2148367355.jpg", text: "Browse Project Gallery", href: "#"
}, }
]} ]}
title="Featured Project Showcase" title="Featured Project Showcase"
description="A curated space highlighting innovation, technical problem solving, and real-world impact." description="A curated space highlighting innovation, technical problem solving, and real-world impact."
@@ -223,35 +145,11 @@ export default function LandingPage() {
description="High-value, short-form insights: bug fixes, coding tricks, and learning paths posted daily." description="High-value, short-form insights: bug fixes, coding tricks, and learning paths posted daily."
blogs={[ blogs={[
{ {
id: "b1", id: "b1", category: "JavaScript", title: "Optimizing Re-renders", excerpt: "How to use useMemo effectively in massive React trees.", imageSrc: "http://img.b2bpic.net/free-photo/remotely-working-engineer-home-office-coding-computer-monitor_482257-120137.jpg?_wi=2", authorName: "Dev Sarah", authorAvatar: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg", date: "Oct 12, 2023"},
category: "JavaScript",
title: "Optimizing Re-renders",
excerpt: "How to use useMemo effectively in massive React trees.",
imageSrc: "http://img.b2bpic.net/free-photo/remotely-working-engineer-home-office-coding-computer-monitor_482257-120137.jpg?_wi=2",
authorName: "Dev Sarah",
authorAvatar: "http://img.b2bpic.net/free-photo/pov-businessman-attending-videocall-meeting-office-using-online-videoconference-talk-consultant-about-financial-strategy-company-employee-chatting-remote-teleconference-close-up_482257-40929.jpg",
date: "Oct 12, 2023",
},
{ {
id: "b2", id: "b2", category: "AI/ML", title: "LLM Latency Tricks", excerpt: "Reducing inference time for real-time chat applications.", imageSrc: "http://img.b2bpic.net/free-photo/colorized-glass-phone-16-pro-max_187299-45929.jpg?_wi=2", authorName: "Tech Alex", authorAvatar: "http://img.b2bpic.net/free-photo/portrait-smiling-photographer-using-photo-editing-software-pc-display-multimedia-studio_482257-98537.jpg", date: "Oct 10, 2023"},
category: "AI/ML",
title: "LLM Latency Tricks",
excerpt: "Reducing inference time for real-time chat applications.",
imageSrc: "http://img.b2bpic.net/free-photo/colorized-glass-phone-16-pro-max_187299-45929.jpg?_wi=2",
authorName: "Tech Alex",
authorAvatar: "http://img.b2bpic.net/free-photo/portrait-smiling-photographer-using-photo-editing-software-pc-display-multimedia-studio_482257-98537.jpg",
date: "Oct 10, 2023",
},
{ {
id: "b3", id: "b3", category: "Backend", title: "Database Indexing 101", excerpt: "Why your queries are slow and how indexes help.", imageSrc: "http://img.b2bpic.net/free-photo/army-officer-examines-reconnaissance-system-world-map_482257-90133.jpg?_wi=2", authorName: "Code Elena", authorAvatar: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg", date: "Oct 08, 2023"},
category: "Backend",
title: "Database Indexing 101",
excerpt: "Why your queries are slow and how indexes help.",
imageSrc: "http://img.b2bpic.net/free-photo/army-officer-examines-reconnaissance-system-world-map_482257-90133.jpg?_wi=2",
authorName: "Code Elena",
authorAvatar: "http://img.b2bpic.net/free-photo/joyful-freelancer-dressed-casual-t-shirt-sitting-front-laptop-looking-smiling-with-cheerful-expression-after-successful-morning-work-enjoying-sunny-day-outdoor-cafe_273609-6602.jpg",
date: "Oct 08, 2023",
},
]} ]}
/> />
</div> </div>
@@ -264,17 +162,11 @@ export default function LandingPage() {
description="Your portfolio, your resume, your growth. Create a profile that highlights your expertise and unique journey as a developer." description="Your portfolio, your resume, your growth. Create a profile that highlights your expertise and unique journey as a developer."
bulletPoints={[ bulletPoints={[
{ {
title: "Portfolio & Resume", title: "Portfolio & Resume", description: "Automated portfolio generation and clean resume exports for job applications."},
description: "Automated portfolio generation and clean resume exports for job applications.",
},
{ {
title: "Skill Tracking", title: "Skill Tracking", description: "Visualizing your growth, tech stack progression, and learning streaks."},
description: "Visualizing your growth, tech stack progression, and learning streaks.",
},
{ {
title: "Community Focus", title: "Community Focus", description: "Open for collaboration badges and built-in social interaction features."},
description: "Open for collaboration badges and built-in social interaction features.",
},
]} ]}
imageSrc="http://img.b2bpic.net/free-photo/young-man-works-computer-night_169016-64533.jpg?_wi=2" imageSrc="http://img.b2bpic.net/free-photo/young-man-works-computer-night_169016-64533.jpg?_wi=2"
mediaAnimation="slide-up" mediaAnimation="slide-up"
@@ -286,25 +178,13 @@ export default function LandingPage() {
useInvertedBackground={true} useInvertedBackground={true}
faqs={[ faqs={[
{ {
id: "f1", id: "f1", title: "Is this for beginner developers?", content: "Yes! DevForge supports all levels, from students showcasing first projects to pros sharing insights."},
title: "Is this for beginner developers?",
content: "Yes! DevForge supports all levels, from students showcasing first projects to pros sharing insights.",
},
{ {
id: "f2", id: "f2", title: "Can I export my profile as a resume?", content: "Absolutely. Our platform allows one-click generation of professional PDF resumes from your data."},
title: "Can I export my profile as a resume?",
content: "Absolutely. Our platform allows one-click generation of professional PDF resumes from your data.",
},
{ {
id: "f3", id: "f3", title: "How does the growth tracking system work?", content: "We track your contributions, discoveries, and skill tags to build a visual roadmap of your growth."},
title: "How does the growth tracking system work?",
content: "We track your contributions, discoveries, and skill tags to build a visual roadmap of your growth.",
},
{ {
id: "f4", id: "f4", title: "Is the platform free?", content: "The core portfolio and discovery features are free. Advanced AI tools will be available in the upcoming pro tier."},
title: "Is the platform free?",
content: "The core portfolio and discovery features are free. Advanced AI tools will be available in the upcoming pro tier.",
},
]} ]}
sideTitle="Frequently Asked Questions" sideTitle="Frequently Asked Questions"
sideDescription="Everything you need to know about starting your journey on DevForge." sideDescription="Everything you need to know about starting your journey on DevForge."
@@ -319,22 +199,14 @@ export default function LandingPage() {
description="Get early access or reach out for collaboration. Let's build the future of developer growth together." description="Get early access or reach out for collaboration. Let's build the future of developer growth together."
inputs={[ inputs={[
{ {
name: "name", name: "name", type: "text", placeholder: "Your Name", required: true,
type: "text",
placeholder: "Your Name",
required: true,
}, },
{ {
name: "email", name: "email", type: "email", placeholder: "Your Email Address", required: true,
type: "email",
placeholder: "Your Email Address",
required: true,
}, },
]} ]}
textarea={{ textarea={{
name: "message", name: "message", placeholder: "Tell us about your developer journey...", rows: 4,
placeholder: "Tell us about your developer journey...",
rows: 4,
required: true, required: true,
}} }}
imageSrc="http://img.b2bpic.net/free-photo/3d-network-data-communications-background-with-low-poly-plexus-design_1048-17879.jpg" imageSrc="http://img.b2bpic.net/free-photo/3d-network-data-communications-background-with-low-poly-plexus-design_1048-17879.jpg"
@@ -347,50 +219,31 @@ export default function LandingPage() {
logoText="DevForge" logoText="DevForge"
columns={[ columns={[
{ {
title: "Platform", title: "Platform", items: [
items: [
{ {
label: "Projects", label: "Projects", href: "#projects"},
href: "#projects",
},
{ {
label: "Discoveries", label: "Discoveries", href: "#discoveries"},
href: "#discoveries",
},
{ {
label: "Profiles", label: "Profiles", href: "#profiles"},
href: "#profiles",
},
], ],
}, },
{ {
title: "Resources", title: "Resources", items: [
items: [
{ {
label: "API Docs", label: "API Docs", href: "#"},
href: "#",
},
{ {
label: "Community", label: "Community", href: "#"},
href: "#",
},
{ {
label: "Help Center", label: "Help Center", href: "#"},
href: "#",
},
], ],
}, },
{ {
title: "Legal", title: "Legal", items: [
items: [
{ {
label: "Privacy", label: "Privacy", href: "#"},
href: "#",
},
{ {
label: "Terms", label: "Terms", href: "#"},
href: "#",
},
], ],
}, },
]} ]}