Merge version_2 into main #2
275
src/app/page.tsx
275
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Dashboard",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "Dashboard", id: "#hero"},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "#projects",
|
||||
},
|
||||
name: "Projects", id: "#projects"},
|
||||
{
|
||||
name: "Discoveries",
|
||||
id: "#discoveries",
|
||||
},
|
||||
name: "Discoveries", id: "#discoveries"},
|
||||
{
|
||||
name: "Profiles",
|
||||
id: "#profiles",
|
||||
},
|
||||
name: "Profiles", id: "#profiles"},
|
||||
]}
|
||||
brandName="DevForge"
|
||||
/>
|
||||
@@ -55,105 +47,60 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
title="Build, Discover, and Grow Together"
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Launch Your Developer Portfolio in Minutes"
|
||||
description="The minimalist, developer-first platform designed to showcase real projects, share technical discoveries, and accelerate professional growth."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
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: "Sarah J.", handle: "@sarahj", 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.",
|
||||
handle: "@alexm",
|
||||
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: "Alex M.", handle: "@alexm", 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.",
|
||||
handle: "@elenar",
|
||||
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: "Elena R.", handle: "@elenar", 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.",
|
||||
handle: "@davidk",
|
||||
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: "David K.", handle: "@davidk", 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.",
|
||||
handle: "@chloel",
|
||||
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",
|
||||
},
|
||||
name: "Chloe L.", handle: "@chloel", 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={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#",
|
||||
},
|
||||
text: "Join the Beta", href: "#"},
|
||||
{
|
||||
text: "Explore Feed",
|
||||
href: "#discoveries",
|
||||
},
|
||||
text: "Explore Feed", href: "#discoveries"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/black-laptop-screen-dark-room-night_169016-58009.jpg"
|
||||
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",
|
||||
alt: "User 1",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-photographer-using-photo-editing-software-pc-display-multimedia-studio_482257-98537.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-photographer-using-photo-editing-software-pc-display-multimedia-studio_482257-98537.jpg", 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",
|
||||
alt: "User 3",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-holding-tablet_23-2148452638.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-adult-businesswoman-holding-tablet_23-2148452638.jpg", alt: "User 5"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "React",
|
||||
icon: Code,
|
||||
type: "text-icon", text: "React", icon: Code,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "TypeScript",
|
||||
icon: Box,
|
||||
type: "text-icon", text: "TypeScript", icon: Box,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Node.js",
|
||||
icon: Server,
|
||||
type: "text-icon", text: "Node.js", icon: Server,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "GraphQL",
|
||||
icon: Star,
|
||||
type: "text-icon", text: "GraphQL", icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "PostgreSQL",
|
||||
icon: Database,
|
||||
type: "text-icon", text: "PostgreSQL", icon: Database,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -167,47 +114,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "TaskFlow Pro",
|
||||
price: "Swift / UI",
|
||||
variant: "Completed",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-home_23-2150639942.jpg",
|
||||
},
|
||||
id: "p2", name: "TaskFlow Pro", price: "Swift / UI", variant: "Completed", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-smartphone-home_23-2150639942.jpg"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Browse Project Gallery", href: "#"
|
||||
}
|
||||
]}
|
||||
title="Featured Project Showcase"
|
||||
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."
|
||||
blogs={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
/>
|
||||
</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."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Portfolio & Resume",
|
||||
description: "Automated portfolio generation and clean resume exports for job applications.",
|
||||
},
|
||||
title: "Portfolio & Resume", description: "Automated portfolio generation and clean resume exports for job applications."},
|
||||
{
|
||||
title: "Skill Tracking",
|
||||
description: "Visualizing your growth, tech stack progression, and learning streaks.",
|
||||
},
|
||||
title: "Skill Tracking", description: "Visualizing your growth, tech stack progression, and learning streaks."},
|
||||
{
|
||||
title: "Community Focus",
|
||||
description: "Open for collaboration badges and built-in social interaction features.",
|
||||
},
|
||||
title: "Community Focus", 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"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -286,25 +178,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Is this for beginner developers?",
|
||||
content: "Yes! DevForge supports all levels, from students showcasing first projects to pros sharing insights.",
|
||||
},
|
||||
id: "f1", title: "Is this for beginner developers?", content: "Yes! DevForge supports all levels, from students showcasing first projects to pros sharing insights."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
{
|
||||
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.",
|
||||
},
|
||||
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."},
|
||||
]}
|
||||
sideTitle="Frequently Asked Questions"
|
||||
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."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email Address",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email Address", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell us about your developer journey...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell us about your developer journey...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
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"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
label: "Projects", href: "#projects"},
|
||||
{
|
||||
label: "Discoveries",
|
||||
href: "#discoveries",
|
||||
},
|
||||
label: "Discoveries", href: "#discoveries"},
|
||||
{
|
||||
label: "Profiles",
|
||||
href: "#profiles",
|
||||
},
|
||||
label: "Profiles", href: "#profiles"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "API Docs",
|
||||
href: "#",
|
||||
},
|
||||
label: "API Docs", href: "#"},
|
||||
{
|
||||
label: "Community",
|
||||
href: "#",
|
||||
},
|
||||
label: "Community", href: "#"},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
label: "Help Center", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy", href: "#"},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -399,4 +252,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user