Merge version_1 into main #2
@@ -33,9 +33,7 @@ export default function ContactPage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Get in Touch",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get in Touch", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -63,27 +61,19 @@ export default function ContactPage() {
|
||||
sideDescription="Find answers to common questions about working together and my availability."
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What is your typical response time?",
|
||||
content:
|
||||
"I aim to respond to all inquiries within 24 hours during business days. For urgent matters, you can also reach out directly through social media or my emergency contact.",
|
||||
},
|
||||
id: "1", title: "What is your typical response time?", content:
|
||||
"I aim to respond to all inquiries within 24 hours during business days. For urgent matters, you can also reach out directly through social media or my emergency contact."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Do you take on new projects right now?",
|
||||
content:
|
||||
"My availability varies based on current projects. I'm typically booking 2-3 months in advance. Fill out the contact form and let's discuss your specific timeline and needs.",
|
||||
},
|
||||
id: "2", title: "Do you take on new projects right now?", content:
|
||||
"My availability varies based on current projects. I'm typically booking 2-3 months in advance. Fill out the contact form and let's discuss your specific timeline and needs."},
|
||||
{
|
||||
id: "3",
|
||||
title: "What's your preferred way to communicate?",
|
||||
content:
|
||||
"I prefer email for detailed discussions and Slack/Teams for quick updates. Video calls are great for initial consultations and complex problem-solving. We can adapt to your preferred communication style.",
|
||||
},
|
||||
id: "3", title: "What's your preferred way to communicate?", content:
|
||||
"I prefer email for detailed discussions and Slack/Teams for quick updates. Video calls are great for initial consultations and complex problem-solving. We can adapt to your preferred communication style."},
|
||||
]}
|
||||
textPosition="left"
|
||||
useInvertedBackground={false}
|
||||
animationType="smooth"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -92,32 +82,28 @@ export default function ContactPage() {
|
||||
logoText="Developer"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Work",
|
||||
items: [
|
||||
title: "Work", items: [
|
||||
{ label: "Projects", href: "#projects" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Experience", href: "#experience" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{ label: "GitHub", href: "https://github.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
|
||||
197
src/app/page.tsx
197
src/app/page.tsx
@@ -53,9 +53,7 @@ export default function HomePage() {
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
button={{
|
||||
text: "Get in Touch",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Get in Touch", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -73,11 +71,8 @@ export default function HomePage() {
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "radial-gradient" }}
|
||||
dashboard={{
|
||||
title: "Development Metrics",
|
||||
logoIcon: Code2,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/a-modern-fullstack-developer-dashboard-i-1772731055293-e46c221e.png?_wi=1",
|
||||
searchPlaceholder: "Search projects...",
|
||||
sidebarItems: [
|
||||
title: "Development Metrics", logoIcon: Code2,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/a-modern-fullstack-developer-dashboard-i-1772731055293-e46c221e.png", searchPlaceholder: "Search projects...", sidebarItems: [
|
||||
{ icon: Home, active: true },
|
||||
{ icon: GitBranch },
|
||||
{ icon: Settings },
|
||||
@@ -88,48 +83,32 @@ export default function HomePage() {
|
||||
],
|
||||
stats: [
|
||||
{
|
||||
title: "Projects Completed",
|
||||
values: [15, 18, 22],
|
||||
description: "Scalable solutions delivered",
|
||||
},
|
||||
title: "Projects Completed", values: [15, 18, 22],
|
||||
description: "Scalable solutions delivered"},
|
||||
{
|
||||
title: "Years Experience",
|
||||
values: [5, 6, 7],
|
||||
valuePrefix: "",
|
||||
valueSuffix: "",
|
||||
description: "In fullstack development",
|
||||
},
|
||||
title: "Years Experience", values: [5, 6, 7],
|
||||
valuePrefix: "", valueSuffix: "", description: "In fullstack development"},
|
||||
{
|
||||
title: "Clients Served",
|
||||
values: [8, 10, 12],
|
||||
description: "Satisfied partners & teams",
|
||||
},
|
||||
title: "Clients Served", values: [8, 10, 12],
|
||||
description: "Satisfied partners & teams"},
|
||||
],
|
||||
chartTitle: "Code Velocity",
|
||||
chartData: [
|
||||
chartTitle: "Code Velocity", chartData: [
|
||||
{ value: 65 },
|
||||
{ value: 78 },
|
||||
{ value: 72 },
|
||||
{ value: 88 },
|
||||
{ value: 92 },
|
||||
],
|
||||
listTitle: "Recent Deployments",
|
||||
listItems: [
|
||||
listTitle: "Recent Deployments", listItems: [
|
||||
{
|
||||
icon: GitCommit,
|
||||
title: "Production Release v2.1",
|
||||
status: "Live",
|
||||
},
|
||||
title: "Production Release v2.1", status: "Live"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "API Optimization Complete",
|
||||
status: "Deployed",
|
||||
},
|
||||
title: "API Optimization Complete", status: "Deployed"},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "Performance Upgrade",
|
||||
status: "Active",
|
||||
},
|
||||
title: "Performance Upgrade", status: "Active"},
|
||||
],
|
||||
}}
|
||||
/>
|
||||
@@ -144,26 +123,11 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Real-Time Analytics Platform",
|
||||
price: "SaaS Product",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/a-polished-web-application-interface-sho-1772731051919-5415117e.png?_wi=1",
|
||||
imageAlt: "Real-time analytics dashboard",
|
||||
},
|
||||
id: "1", name: "Real-Time Analytics Platform", price: "SaaS Product", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/a-polished-web-application-interface-sho-1772731051919-5415117e.png", imageAlt: "Real-time analytics dashboard"},
|
||||
{
|
||||
id: "2",
|
||||
name: "E-Commerce Marketplace",
|
||||
price: "React + Node.js",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/a-mobile-first-e-commerce-application-in-1772731054144-b03a7d88.png?_wi=1",
|
||||
imageAlt: "E-commerce platform interface",
|
||||
},
|
||||
id: "2", name: "E-Commerce Marketplace", price: "React + Node.js", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/a-mobile-first-e-commerce-application-in-1772731054144-b03a7d88.png", imageAlt: "E-commerce platform interface"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Performance Monitoring Suite",
|
||||
price: "Full-Stack App",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/a-real-time-analytics-and-monitoring-pla-1772731053812-3428f1d6.png?_wi=1",
|
||||
imageAlt: "Monitoring dashboard with metrics",
|
||||
},
|
||||
id: "3", name: "Performance Monitoring Suite", price: "Full-Stack App", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/a-real-time-analytics-and-monitoring-pla-1772731053812-3428f1d6.png", imageAlt: "Monitoring dashboard with metrics"},
|
||||
]}
|
||||
gridVariant="bento-grid"
|
||||
animationType="slide-up"
|
||||
@@ -196,42 +160,30 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "Frontend Mastery",
|
||||
description:
|
||||
"React, TypeScript, Tailwind CSS, and modern UI frameworks to create responsive, performant interfaces.",
|
||||
buttons: [{ text: "View Projects", href: "#projects" }],
|
||||
title: "Frontend Mastery", description:
|
||||
"React, TypeScript, Tailwind CSS, and modern UI frameworks to create responsive, performant interfaces.", buttons: [{ text: "View Projects", href: "#projects" }],
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/a-polished-web-application-interface-sho-1772731051919-5415117e.png?_wi=2",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/a-polished-web-application-interface-sho-1772731051919-5415117e.png"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/a-mobile-first-e-commerce-application-in-1772731054144-b03a7d88.png?_wi=2",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/a-mobile-first-e-commerce-application-in-1772731054144-b03a7d88.png"},
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: "Backend Engineering",
|
||||
description:
|
||||
"Node.js, PostgreSQL, RESTful APIs, and cloud infrastructure for scalable server solutions.",
|
||||
buttons: [{ text: "Learn More", href: "#" }],
|
||||
title: "Backend Engineering", description:
|
||||
"Node.js, PostgreSQL, RESTful APIs, and cloud infrastructure for scalable server solutions.", buttons: [{ text: "Learn More", href: "#" }],
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/a-mobile-first-e-commerce-application-in-1772731054144-b03a7d88.png?_wi=3",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/a-mobile-first-e-commerce-application-in-1772731054144-b03a7d88.png"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/a-real-time-analytics-and-monitoring-pla-1772731053812-3428f1d6.png?_wi=2",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/a-real-time-analytics-and-monitoring-pla-1772731053812-3428f1d6.png"},
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: "DevOps & Deployment",
|
||||
description:
|
||||
"CI/CD pipelines, containerization, monitoring, and production-ready infrastructure management.",
|
||||
buttons: [{ text: "Explore", href: "#" }],
|
||||
title: "DevOps & Deployment", description:
|
||||
"CI/CD pipelines, containerization, monitoring, and production-ready infrastructure management.", buttons: [{ text: "Explore", href: "#" }],
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/a-real-time-analytics-and-monitoring-pla-1772731053812-3428f1d6.png?_wi=3",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/a-real-time-analytics-and-monitoring-pla-1772731053812-3428f1d6.png"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/a-modern-fullstack-developer-dashboard-i-1772731055293-e46c221e.png?_wi=2",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/a-modern-fullstack-developer-dashboard-i-1772731055293-e46c221e.png"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -250,37 +202,17 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Chen",
|
||||
role: "Tech Recruiter",
|
||||
company: "Innovation Labs",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/professional-headshot-of-a-tech-recruite-1772731050847-dfe671ad.png",
|
||||
},
|
||||
id: "1", name: "Sarah Chen", role: "Tech Recruiter", company: "Innovation Labs", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/professional-headshot-of-a-tech-recruite-1772731050847-dfe671ad.png"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Rodriguez",
|
||||
role: "Project Manager",
|
||||
company: "Digital Solutions Inc",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/professional-headshot-of-a-project-manag-1772731050694-8302711f.png",
|
||||
},
|
||||
id: "2", name: "Michael Rodriguez", role: "Project Manager", company: "Digital Solutions Inc", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/professional-headshot-of-a-project-manag-1772731050694-8302711f.png"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Watson",
|
||||
role: "Startup Founder",
|
||||
company: "TechVenture Co",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/professional-headshot-of-a-startup-found-1772731051049-efe49770.png",
|
||||
},
|
||||
id: "3", name: "Emily Watson", role: "Startup Founder", company: "TechVenture Co", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/professional-headshot-of-a-startup-found-1772731051049-efe49770.png"},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "CTO",
|
||||
company: "CloudScale Systems",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/professional-headshot-of-a-cto-or-techni-1772731051071-0c7eae36.png",
|
||||
},
|
||||
id: "4", name: "David Kim", role: "CTO", company: "CloudScale Systems", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AXEbtPp5kPKvVyGEqrsPUsyRio/professional-headshot-of-a-cto-or-techni-1772731051071-0c7eae36.png"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{ value: "98%", label: "Client Satisfaction" },
|
||||
@@ -299,45 +231,28 @@ export default function HomePage() {
|
||||
sideDescription="Common questions from clients and collaborators about my services, expertise, and working process."
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "What tech stack do you specialize in?",
|
||||
content:
|
||||
"I specialize in modern JavaScript/TypeScript fullstack development: React and Vue for frontend, Node.js and Express for backend, PostgreSQL for databases, and AWS/Vercel for deployment. I'm adaptable and learn new technologies quickly based on project requirements.",
|
||||
},
|
||||
id: "1", title: "What tech stack do you specialize in?", content:
|
||||
"I specialize in modern JavaScript/TypeScript fullstack development: React and Vue for frontend, Node.js and Express for backend, PostgreSQL for databases, and AWS/Vercel for deployment. I'm adaptable and learn new technologies quickly based on project requirements."},
|
||||
{
|
||||
id: "2",
|
||||
title: "How do you approach project communication?",
|
||||
content:
|
||||
"I believe in transparent, consistent communication. I provide regular updates, use project management tools like Jira or Trello, conduct weekly check-ins, and am always available for urgent questions. Clear documentation is a priority.",
|
||||
},
|
||||
id: "2", title: "How do you approach project communication?", content:
|
||||
"I believe in transparent, consistent communication. I provide regular updates, use project management tools like Jira or Trello, conduct weekly check-ins, and am always available for urgent questions. Clear documentation is a priority."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Do you offer maintenance and support?",
|
||||
content:
|
||||
"Yes, I offer post-launch support packages including bug fixes, feature enhancements, performance optimization, and emergency support. Retainer arrangements are available for ongoing development needs.",
|
||||
},
|
||||
id: "3", title: "Do you offer maintenance and support?", content:
|
||||
"Yes, I offer post-launch support packages including bug fixes, feature enhancements, performance optimization, and emergency support. Retainer arrangements are available for ongoing development needs."},
|
||||
{
|
||||
id: "4",
|
||||
title: "What's your typical project timeline?",
|
||||
content:
|
||||
"Timelines depend on scope and complexity. Small features: 1-2 weeks. Medium projects: 4-8 weeks. Large applications: 8-16 weeks. I provide detailed estimates after understanding requirements and offer milestone-based delivery for transparency.",
|
||||
},
|
||||
id: "4", title: "What's your typical project timeline?", content:
|
||||
"Timelines depend on scope and complexity. Small features: 1-2 weeks. Medium projects: 4-8 weeks. Large applications: 8-16 weeks. I provide detailed estimates after understanding requirements and offer milestone-based delivery for transparency."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Can you work with existing codebases?",
|
||||
content:
|
||||
"Absolutely. I frequently jump into existing projects, refactor legacy code, implement new features, and improve performance. I quickly adapt to existing code styles and team processes.",
|
||||
},
|
||||
id: "5", title: "Can you work with existing codebases?", content:
|
||||
"Absolutely. I frequently jump into existing projects, refactor legacy code, implement new features, and improve performance. I quickly adapt to existing code styles and team processes."},
|
||||
{
|
||||
id: "6",
|
||||
title: "How do you handle testing and quality assurance?",
|
||||
content:
|
||||
"I follow TDD practices using Jest, Vitest, and Cypress. I write comprehensive unit and integration tests, perform code reviews, and use CI/CD pipelines to catch issues early. Quality is non-negotiable.",
|
||||
},
|
||||
id: "6", title: "How do you handle testing and quality assurance?", content:
|
||||
"I follow TDD practices using Jest, Vitest, and Cypress. I write comprehensive unit and integration tests, perform code reviews, and use CI/CD pipelines to catch issues early. Quality is non-negotiable."},
|
||||
]}
|
||||
textPosition="left"
|
||||
useInvertedBackground={true}
|
||||
animationType="smooth"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -346,32 +261,28 @@ export default function HomePage() {
|
||||
logoText="Developer"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
title: "Navigation", items: [
|
||||
{ label: "Home", href: "/" },
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Contact", href: "/contact" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Work",
|
||||
items: [
|
||||
title: "Work", items: [
|
||||
{ label: "Projects", href: "#projects" },
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Experience", href: "#experience" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{ label: "GitHub", href: "https://github.com" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com" },
|
||||
{ label: "Twitter", href: "https://twitter.com" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
|
||||
Reference in New Issue
Block a user