Merge version_1 into main #2
257
src/app/page.tsx
257
src/app/page.tsx
@@ -28,22 +28,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Projects",
|
||||
id: "projects",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Projects", id: "projects" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="DevPortfolio"
|
||||
/>
|
||||
@@ -51,68 +39,30 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
title="Engineering Digital Excellence"
|
||||
description="Crafting scalable software solutions with modern technologies. Bridging the gap between complex logic and user-centric design."
|
||||
buttons={[
|
||||
{
|
||||
text: "View Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
{
|
||||
text: "Contact Me",
|
||||
href: "#contact",
|
||||
},
|
||||
{ text: "View Projects", href: "#projects" },
|
||||
{ text: "Contact Me", href: "#contact" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-presentation-related-performance-business-using-graph_53876-98525.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/digital-presentation-related-performance-business-using-graph_53876-98525.jpg"
|
||||
imageAlt="High-tech workspace"
|
||||
mediaAnimation="blur-reveal"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-looking-camera-office_1301-7552.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-139659.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Client 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-looking-camera-office_1301-7552.jpg", alt: "Client 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Client 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-139659.jpg", alt: "Client 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg", alt: "Client 5" }
|
||||
]}
|
||||
avatarText="Trusted by 50+ industry partners"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Cloud Architecture",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Full-Stack Development",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AI/ML Integration",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "API Design",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "System Scalability",
|
||||
},
|
||||
{ type: "text", text: "Cloud Architecture" },
|
||||
{ type: "text", text: "Full-Stack Development" },
|
||||
{ type: "text", text: "AI/ML Integration" },
|
||||
{ type: "text", text: "API Design" },
|
||||
{ type: "text", text: "System Scalability" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -121,19 +71,9 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Building the Future of",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/ai-assistant-displayed-computer-monitor-helping-person-complete-tasks_482257-123002.jpg",
|
||||
alt: "Programmer working",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
content: "Code.",
|
||||
},
|
||||
{ type: "text", content: "Building the Future of" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/ai-assistant-displayed-computer-monitor-helping-person-complete-tasks_482257-123002.jpg", alt: "Programmer working" },
|
||||
{ type: "text", content: "Code." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -145,41 +85,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Cloud Infrastructure",
|
||||
description: "High-availability systems built for scale and reliability.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24187.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24187.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/digital-presentation-related-performance-business-using-graph_53876-98525.jpg?_wi=2",
|
||||
imageAlt: "futuristic software developer workspace",
|
||||
title: "Cloud Infrastructure", description: "High-availability systems built for scale and reliability.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24187.jpg", imageAlt: "futuristic software developer workspace" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24187.jpg", imageAlt: "futuristic software developer workspace" }
|
||||
},
|
||||
{
|
||||
title: "AI/ML Integration",
|
||||
description: "Implementing intelligent features into existing software pipelines.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-vertical-background-with-abstract-style_23-2150641319.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-vertical-background-with-abstract-style_23-2150641319.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ai-assistant-displayed-computer-monitor-helping-person-complete-tasks_482257-123002.jpg",
|
||||
imageAlt: "professional programmer working on laptop",
|
||||
title: "AI/ML Integration", description: "Implementing intelligent features into existing software pipelines.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/3d-vertical-background-with-abstract-style_23-2150641319.jpg", imageAlt: "professional programmer working on laptop" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/3d-vertical-background-with-abstract-style_23-2150641319.jpg", imageAlt: "professional programmer working on laptop" }
|
||||
},
|
||||
{
|
||||
title: "API Architecture",
|
||||
description: "Designing secure, high-performance APIs for complex integrations.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-admin-office-sing-tablet-design-machine-learning-algorithms_482257-124791.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-admin-office-sing-tablet-design-machine-learning-algorithms_482257-124791.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/technology-network-background-connection-cyber-space-ai-generative_123827-24187.jpg?_wi=3",
|
||||
imageAlt: "cloud infrastructure server network",
|
||||
},
|
||||
title: "API Architecture", description: "Designing secure, high-performance APIs for complex integrations.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-admin-office-sing-tablet-design-machine-learning-algorithms_482257-124791.jpg", imageAlt: "cloud infrastructure server network" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-admin-office-sing-tablet-design-machine-learning-algorithms_482257-124791.jpg", imageAlt: "cloud infrastructure server network" }
|
||||
}
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Technical Expertise"
|
||||
@@ -193,60 +109,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Alice Johnson",
|
||||
role: "CTO",
|
||||
company: "TechStream",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark Miller",
|
||||
role: "Founder",
|
||||
company: "InnovateLabs",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-looking-camera-office_1301-7552.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Ross",
|
||||
role: "Head of Product",
|
||||
company: "ScaleUp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Chan",
|
||||
role: "Lead Architect",
|
||||
company: "WebTech",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-139659.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophia Lee",
|
||||
role: "Technical Lead",
|
||||
company: "CloudNine",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alice Johnson", role: "CTO", company: "TechStream", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg" },
|
||||
{ id: "2", name: "Mark Miller", role: "Founder", company: "InnovateLabs", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-businesswoman-looking-camera-office_1301-7552.jpg" },
|
||||
{ id: "3", name: "Elena Ross", role: "Head of Product", company: "ScaleUp", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg" },
|
||||
{ id: "4", name: "David Chan", role: "Lead Architect", company: "WebTech", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/site-engineer-construction-site_53876-139659.jpg" },
|
||||
{ id: "5", name: "Sophia Lee", role: "Technical Lead", company: "CloudNine", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "50+",
|
||||
label: "Projects Delivered",
|
||||
},
|
||||
{
|
||||
value: "99.9%",
|
||||
label: "Uptime Rate",
|
||||
},
|
||||
{
|
||||
value: "15+",
|
||||
label: "Happy Partners",
|
||||
},
|
||||
{ value: "50+", label: "Projects Delivered" },
|
||||
{ value: "99.9%", label: "Uptime Rate" },
|
||||
{ value: "15+", label: "Happy Partners" }
|
||||
]}
|
||||
title="Client Feedback"
|
||||
description="Insights from professionals I've partnered with to achieve their goals."
|
||||
@@ -259,23 +131,11 @@ export default function LandingPage() {
|
||||
title="Let's Collaborate"
|
||||
description="Ready to discuss a new software challenge? Reach out and let's start building."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Your Email", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Tell me about your project...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Tell me about your project...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/hand-holding-smartphone-futuristic-abstract-illuminate-line-dot-wireless-connection-wave-with-triangle-bright-blue-background-mobile-banking-shopping-online-concept-technology-future_493343-29987.jpg"
|
||||
@@ -287,35 +147,18 @@ export default function LandingPage() {
|
||||
logoText="DevPortfolio"
|
||||
columns={[
|
||||
{
|
||||
title: "Links",
|
||||
items: [
|
||||
{
|
||||
label: "Home",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Projects",
|
||||
href: "#projects",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
title: "Links", items: [
|
||||
{ label: "Home", href: "#hero" },
|
||||
{ label: "Projects", href: "#projects" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{
|
||||
label: "GitHub",
|
||||
href: "https://github.com",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Connect", items: [
|
||||
{ label: "GitHub", href: "https://github.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 DevPortfolio. All rights reserved."
|
||||
/>
|
||||
@@ -323,4 +166,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user