diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx index eadb8ab..307c66e 100644 --- a/src/app/contact/page.tsx +++ b/src/app/contact/page.tsx @@ -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"}} /> @@ -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" /> @@ -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: "#" }, ], diff --git a/src/app/page.tsx b/src/app/page.tsx index 04f2e75..1cab835 100644 --- a/src/app/page.tsx +++ b/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"}} /> @@ -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" /> @@ -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: "#" }, ],