bender/ccf80c4b-0edc-4a16-9d92-1e69459c8639
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-27 22:12:15 +00:00
parent 1f8bded1f6
commit ba4d8a95ee
1 changed files with 92 additions and 390 deletions
Download Patch File Download Diff File Expand all files Collapse all files

482
src/app/page.tsx
View File

@@ -34,41 +34,23 @@ export default function LandingPage() {
<NavbarStyleCentered
navItems={[
{
name: "Home",
id: "#hero",
},
name: "Home", id: "#hero"},
{
name: "About",
id: "#about",
},
name: "About", id: "#about"},
{
name: "Skills",
id: "#skills",
},
name: "Skills", id: "#skills"},
{
name: "Projects",
id: "#projects",
},
name: "Projects", id: "#projects"},
{
name: "Affiliate",
id: "#affiliate",
},
name: "Affiliate", id: "#affiliate"},
{
name: "Services",
id: "#services",
},
name: "Services", id: "#services"},
{
name: "Workflow",
id: "#workflow",
},
name: "Workflow", id: "#workflow"},
{
name: "Testimonials",
id: "#testimonials",
},
name: "Testimonials", id: "#testimonials"},
{
name: "Contact",
id: "#contact",
},
name: "Contact", id: "#contact"},
]}
brandName="Developer Portfolio"
/>
@@ -77,54 +59,31 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated-grid",
}}
variant: "rotated-rays-animated-grid"}}
title="Front-End & Web Developer Building Modern Web Experiences"
description="Crafting responsive, high-performance websites with clean code and intuitive user interfaces. Delivering exceptional digital solutions tailored for success."
tag="Next-Gen Web Development"
tagAnimation="slide-up"
buttons={[
{
text: "View Projects",
href: "#projects",
},
text: "View Projects", href: "#projects"},
{
text: "Contact Me",
href: "#contact",
},
text: "Contact Me", href: "#contact"},
]}
buttonAnimation="slide-up"
carouselItems={[
{
id: "carousel-1",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917442.jpg",
imageAlt: "Futuristic coding environment",
},
id: "carousel-1", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-technology-hologram_23-2151917442.jpg", imageAlt: "Futuristic coding environment"},
{
id: "carousel-2",
imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103024.jpg",
imageAlt: "Responsive website on multiple devices",
},
id: "carousel-2", imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-103024.jpg", imageAlt: "Responsive website on multiple devices"},
{
id: "carousel-3",
imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-male-worker-analyzing-performance-data-laptop-optimizing-efficiency_482257-135442.jpg",
imageAlt: "Clean code snippets",
},
id: "carousel-3", imageSrc: "http://img.b2bpic.net/free-photo/solar-panels-male-worker-analyzing-performance-data-laptop-optimizing-efficiency_482257-135442.jpg", imageAlt: "Clean code snippets"},
{
id: "carousel-4",
imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169851.jpg",
imageAlt: "Performance metrics dashboard",
},
id: "carousel-4", imageSrc: "http://img.b2bpic.net/free-photo/representation-user-experience-interface-design_23-2150169851.jpg", imageAlt: "Performance metrics dashboard"},
{
id: "carousel-5",
imageSrc: "http://img.b2bpic.net/free-photo/male-office-worker-using-charts-analysis-computer-plan-business-strategy-analyzing-graphs-financial-statistics-online-employee-working-freelance-project-handheld-shot-close-up_482257-40932.jpg",
imageAlt: "Minimalist developer workspace",
},
id: "carousel-5", imageSrc: "http://img.b2bpic.net/free-photo/male-office-worker-using-charts-analysis-computer-plan-business-strategy-analyzing-graphs-financial-statistics-online-employee-working-freelance-project-handheld-shot-close-up_482257-40932.jpg", imageAlt: "Minimalist developer workspace"},
{
id: "carousel-6",
imageSrc: "http://img.b2bpic.net/free-photo/empty-it-department-office-used-building-machine-learning-software_482257-124290.jpg",
imageAlt: "Abstract network of API integrations",
},
id: "carousel-6", imageSrc: "http://img.b2bpic.net/free-photo/empty-it-department-office-used-building-machine-learning-software_482257-124290.jpg", imageAlt: "Abstract network of API integrations"},
]}
autoPlay={true}
autoPlayInterval={5000}
@@ -153,82 +112,27 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "skill-html",
title: "HTML5",
subtitle: "Structure",
category: "Web Languages",
value: "Expert",
},
id: "skill-html", title: "HTML5", subtitle: "Structure", category: "Web Languages", value: "Expert"},
{
id: "skill-css",
title: "CSS3",
subtitle: "Styling",
category: "Web Languages",
value: "Expert",
},
id: "skill-css", title: "CSS3", subtitle: "Styling", category: "Web Languages", value: "Expert"},
{
id: "skill-js",
title: "JavaScript",
subtitle: "Logic",
category: "Programming",
value: "Advanced",
},
id: "skill-js", title: "JavaScript", subtitle: "Logic", category: "Programming", value: "Advanced"},
{
id: "skill-ts",
title: "TypeScript",
subtitle: "Typing",
category: "Programming",
value: "Advanced",
},
id: "skill-ts", title: "TypeScript", subtitle: "Typing", category: "Programming", value: "Advanced"},
{
id: "skill-tailwind",
title: "Tailwind CSS",
subtitle: "Utility-First",
category: "Frameworks",
value: "Expert",
},
id: "skill-tailwind", title: "Tailwind CSS", subtitle: "Utility-First", category: "Frameworks", value: "Expert"},
{
id: "skill-nextjs",
title: "Next.js",
subtitle: "Full-Stack React",
category: "Frameworks",
value: "Advanced",
},
id: "skill-nextjs", title: "Next.js", subtitle: "Full-Stack React", category: "Frameworks", value: "Advanced"},
{
id: "skill-react",
title: "React",
subtitle: "UI Library",
category: "Frameworks",
value: "Advanced",
},
id: "skill-react", title: "React", subtitle: "UI Library", category: "Frameworks", value: "Advanced"},
{
id: "skill-git",
title: "Git / GitHub",
subtitle: "Version Control",
category: "Tools",
value: "Expert",
},
id: "skill-git", title: "Git / GitHub", subtitle: "Version Control", category: "Tools", value: "Expert"},
{
id: "skill-rwd",
title: "Responsive Web Design",
subtitle: "Cross-Device",
category: "Methodologies",
value: "Expert",
},
id: "skill-rwd", title: "Responsive Web Design", subtitle: "Cross-Device", category: "Methodologies", value: "Expert"},
{
id: "skill-api",
title: "API Integration",
subtitle: "Data Flow",
category: "Development",
value: "Advanced",
},
id: "skill-api", title: "API Integration", subtitle: "Data Flow", category: "Development", value: "Advanced"},
{
id: "skill-perf",
title: "Performance Optimization",
subtitle: "Speed & Efficiency",
category: "Optimization",
value: "Advanced",
},
id: "skill-perf", title: "Performance Optimization", subtitle: "Speed & Efficiency", category: "Optimization", value: "Advanced"},
]}
title="Technologies & Skills"
description="Leveraging a modern tech stack and best practices to build cutting-edge web solutions."
@@ -245,47 +149,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "project-1",
name: "E-commerce Platform Redesign",
price: "View Live",
imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-with-smartphone-cute-sheep_187299-47431.jpg",
imageAlt: "E-commerce platform UI on a laptop",
},
id: "project-1", name: "E-commerce Platform Redesign", price: "View Live", imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-with-smartphone-cute-sheep_187299-47431.jpg", imageAlt: "E-commerce platform UI on a laptop"},
{
id: "project-2",
name: "SaaS Analytics Dashboard",
price: "View Demo",
imageSrc: "http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg",
imageAlt: "SaaS analytics dashboard on a tablet",
},
id: "project-2", name: "SaaS Analytics Dashboard", price: "View Demo", imageSrc: "http://img.b2bpic.net/free-photo/phone-with-intelligent-software-placed-table-kitchen-with-nobody-controlling-light-with-high-tech-application_482257-2267.jpg", imageAlt: "SaaS analytics dashboard on a tablet"},
{
id: "project-3",
name: "Creative Agency Portfolio",
price: "View Case",
imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg",
imageAlt: "Creative agency portfolio website on a monitor",
},
id: "project-3", name: "Creative Agency Portfolio", price: "View Case", imageSrc: "http://img.b2bpic.net/free-photo/elegant-cozy-office-lifestyle_23-2149636247.jpg", imageAlt: "Creative agency portfolio website on a monitor"},
{
id: "project-4",
name: "Responsive Blog Application",
price: "View Code",
imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063032.jpg",
imageAlt: "Blog platform UI on a smartphone",
},
id: "project-4", name: "Responsive Blog Application", price: "View Code", imageSrc: "http://img.b2bpic.net/free-photo/still-life-books-versus-technology_23-2150063032.jpg", imageAlt: "Blog platform UI on a smartphone"},
{
id: "project-5",
name: "Tech Startup Landing Page",
price: "Visit Site",
imageSrc: "http://img.b2bpic.net/free-photo/think-outside-box-concept_53876-133687.jpg",
imageAlt: "Landing page for a tech startup",
},
id: "project-5", name: "Tech Startup Landing Page", price: "Visit Site", imageSrc: "http://img.b2bpic.net/free-photo/think-outside-box-concept_53876-133687.jpg", imageAlt: "Landing page for a tech startup"},
{
id: "project-6",
name: "Custom Booking System",
price: "Try Demo",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hacker-holding-ssd-with-undetectable-malware-used-get-past-antivirus-protection_482257-134611.jpg",
imageAlt: "Booking system interface on a laptop",
},
id: "project-6", name: "Custom Booking System", price: "Try Demo", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hacker-holding-ssd-with-undetectable-malware-used-get-past-antivirus-protection_482257-134611.jpg", imageAlt: "Booking system interface on a laptop"},
]}
title="Innovative Web Projects"
description="Showcasing a selection of my latest work, highlighting creativity, technical skill, and attention to detail in every responsive design."
@@ -295,74 +169,32 @@ export default function LandingPage() {
</div>
<div id="affiliate" data-section="affiliate">
<h2 className="text-4xl md:text-5xl font-bold text-center mb-4">Curated Affiliate Recommendations</h2>
<p className="text-lg text-center text-gray-500 mb-8 max-w-2xl mx-auto">Explore a selection of essential gear, books, and tools that I personally recommend for developers and digital marketers.</p>
<ProductCatalog
layout="section"
products={[
{
id: "affiliate-1",
category: "Ergonomics",
name: "Ergonomic Standing Desk",
price: "$499.00",
rating: 5,
reviewCount: "2,100",
imageSrc: "http://img.b2bpic.net/free-photo/home-workspace-minimalistic-design_23-2148991469.jpg",
imageAlt: "Ergonomic standing desk",
},
id: "affiliate-1", category: "Ergonomics", name: "Ergonomic Standing Desk", price: "$499.00", rating: 5,
reviewCount: "2,100", imageSrc: "http://img.b2bpic.net/free-photo/home-workspace-minimalistic-design_23-2148991469.jpg", imageAlt: "Ergonomic standing desk"},
{
id: "affiliate-2",
category: "Audio",
name: "Premium Noise-Canceling Headphones",
price: "$349.00",
rating: 5,
reviewCount: "5,300",
imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269895.jpg",
imageAlt: "Noise-canceling headphones",
},
id: "affiliate-2", category: "Audio", name: "Premium Noise-Canceling Headphones", price: "$349.00", rating: 5,
reviewCount: "5,300", imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269895.jpg", imageAlt: "Noise-canceling headphones"},
{
id: "affiliate-3",
category: "Books",
name: "Clean Code: A Handbook of Agile Software Craftsmanship",
price: "$29.99",
rating: 5,
reviewCount: "10,000+",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-100475.jpg",
imageAlt: "Clean Code book",
},
id: "affiliate-3", category: "Books", name: "Clean Code: A Handbook of Agile Software Craftsmanship", price: "$29.99", rating: 5,
reviewCount: "10,000+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-it-professional-using-tablet-building-ai-algorithms_482257-100475.jpg", imageAlt: "Clean Code book"},
{
id: "affiliate-4",
category: "Storage",
name: "High-Speed External SSD",
price: "$129.00",
rating: 4,
reviewCount: "1,800",
imageSrc: "http://img.b2bpic.net/free-photo/smartphone-connected-laptop-using-usb-cable-phone-charging-data-exchange_169016-16259.jpg",
imageAlt: "External SSD drive",
},
id: "affiliate-4", category: "Storage", name: "High-Speed External SSD", price: "$129.00", rating: 4,
reviewCount: "1,800", imageSrc: "http://img.b2bpic.net/free-photo/smartphone-connected-laptop-using-usb-cable-phone-charging-data-exchange_169016-16259.jpg", imageAlt: "External SSD drive"},
{
id: "affiliate-5",
category: "Peripherals",
name: "Custom Mechanical Keyboard Keycaps",
price: "$79.00",
rating: 4,
reviewCount: "950",
imageSrc: "http://img.b2bpic.net/free-photo/media-star-reviews-keyboard-studio_482257-86903.jpg",
imageAlt: "Mechanical keyboard keycaps",
},
id: "affiliate-5", category: "Peripherals", name: "Custom Mechanical Keyboard Keycaps", price: "$79.00", rating: 4,
reviewCount: "950", imageSrc: "http://img.b2bpic.net/free-photo/media-star-reviews-keyboard-studio_482257-86903.jpg", imageAlt: "Mechanical keyboard keycaps"},
{
id: "affiliate-6",
category: "Connectivity",
name: "USB-C Multi-Port Hub",
price: "$65.00",
rating: 5,
reviewCount: "3,200",
imageSrc: "http://img.b2bpic.net/free-photo/port-network-switch-background_23-2148882655.jpg",
imageAlt: "USB-C multi-port hub",
},
id: "affiliate-6", category: "Connectivity", name: "USB-C Multi-Port Hub", price: "$65.00", rating: 5,
reviewCount: "3,200", imageSrc: "http://img.b2bpic.net/free-photo/port-network-switch-background_23-2148882655.jpg", imageAlt: "USB-C multi-port hub"},
]}
searchPlaceholder="Search products..."
emptyMessage="No recommended products found"
title="Curated Affiliate Recommendations"
description="Explore a selection of essential gear, books, and tools that I personally recommend for developers and digital marketers."
/>
</div>
@@ -373,69 +205,29 @@ export default function LandingPage() {
useInvertedBackground={true}
plans={[
{
id: "frontend-dev",
badge: "Core Service",
badgeIcon: Sparkles,
price: "Custom Quote",
subtitle: "Bespoke Front-End Solutions",
features: [
"Interactive UI/UX implementation",
"Modern JavaScript frameworks",
"Performance optimization",
"Scalable code architecture",
],
id: "frontend-dev", badge: "Core Service", badgeIcon: Sparkles,
price: "Custom Quote", subtitle: "Bespoke Front-End Solutions", features: [
"Interactive UI/UX implementation", "Modern JavaScript frameworks", "Performance optimization", "Scalable code architecture"],
},
{
id: "responsive-dev",
badge: "Optimized",
badgeIcon: Layers,
price: "Custom Quote",
subtitle: "Seamless Cross-Device Experiences",
features: [
"Mobile-first design principles",
"Fluid layouts & media queries",
"Accessibility compliance (WCAG)",
"Browser compatibility",
],
id: "responsive-dev", badge: "Optimized", badgeIcon: Layers,
price: "Custom Quote", subtitle: "Seamless Cross-Device Experiences", features: [
"Mobile-first design principles", "Fluid layouts & media queries", "Accessibility compliance (WCAG)", "Browser compatibility"],
},
{
id: "landing-pages",
badge: "Conversion Focused",
badgeIcon: Target,
price: "Custom Quote",
subtitle: "High-Impact Landing Pages",
features: [
"Lead generation & CTA optimization",
"A/B testing support",
"Fast loading speed",
"Integrated analytics",
],
id: "landing-pages", badge: "Conversion Focused", badgeIcon: Target,
price: "Custom Quote", subtitle: "High-Impact Landing Pages", features: [
"Lead generation & CTA optimization", "A/B testing support", "Fast loading speed", "Integrated analytics"],
},
{
id: "portfolio-dev",
badge: "Personal Brand",
badgeIcon: Star,
price: "Custom Quote",
subtitle: "Professional Portfolio Websites",
features: [
"Unique design & branding",
"Project showcase & case studies",
"SEO optimized for visibility",
"Interactive elements",
],
id: "portfolio-dev", badge: "Personal Brand", badgeIcon: Star,
price: "Custom Quote", subtitle: "Professional Portfolio Websites", features: [
"Unique design & branding", "Project showcase & case studies", "SEO optimized for visibility", "Interactive elements"],
},
{
id: "website-opt",
badge: "Performance Boost",
badgeIcon: Zap,
price: "Custom Quote",
subtitle: "Enhance Speed & User Experience",
features: [
"Core Web Vitals improvement",
"Code splitting & lazy loading",
"Image & asset optimization",
"Caching strategies",
],
id: "website-opt", badge: "Performance Boost", badgeIcon: Zap,
price: "Custom Quote", subtitle: "Enhance Speed & User Experience", features: [
"Core Web Vitals improvement", "Code splitting & lazy loading", "Image & asset optimization", "Caching strategies"],
},
]}
title="Comprehensive Web Development Services"
@@ -452,44 +244,20 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "workflow-plan",
value: "01",
title: "Planning & Strategy",
items: [
"Requirement gathering & analysis",
"Technical specification & wireframing",
"Technology stack selection",
],
id: "workflow-plan", value: "01", title: "Planning & Strategy", items: [
"Requirement gathering & analysis", "Technical specification & wireframing", "Technology stack selection"],
},
{
id: "workflow-dev",
value: "02",
title: "Development & Iteration",
items: [
"Clean code implementation (React, Next.js, TypeScript)",
"Responsive design & cross-browser testing",
"API integration & state management",
],
id: "workflow-dev", value: "02", title: "Development & Iteration", items: [
"Clean code implementation (React, Next.js, TypeScript)", "Responsive design & cross-browser testing", "API integration & state management"],
},
{
id: "workflow-opt",
value: "03",
title: "Optimization & Testing",
items: [
"Performance tuning (Lighthouse scores)",
"SEO best practices implementation",
"User Acceptance Testing (UAT)",
],
id: "workflow-opt", value: "03", title: "Optimization & Testing", items: [
"Performance tuning (Lighthouse scores)", "SEO best practices implementation", "User Acceptance Testing (UAT)"],
},
{
id: "workflow-deploy",
value: "04",
title: "Deployment & Support",
items: [
"Seamless deployment to production",
"Post-launch monitoring & analytics",
"Ongoing maintenance & feature updates",
],
id: "workflow-deploy", value: "04", title: "Deployment & Support", items: [
"Seamless deployment to production", "Post-launch monitoring & analytics", "Ongoing maintenance & feature updates"],
},
]}
title="Structured Approach to Web Development"
@@ -505,59 +273,17 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "1",
title: "Exceptional Front-End Expertise",
quote: "Working with [Your Name] was a game-changer for our project. Their front-end skills transformed our vision into a stunning, responsive web application. The attention to detail and performance optimization was outstanding.",
name: "Sarah Johnson",
role: "CEO, TechInnovate",
imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg",
imageAlt: "Sarah Johnson, CEO",
},
id: "1", title: "Exceptional Front-End Expertise", quote: "Working with [Your Name] was a game-changer for our project. Their front-end skills transformed our vision into a stunning, responsive web application. The attention to detail and performance optimization was outstanding.", name: "Sarah Johnson", role: "CEO, TechInnovate", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-middle-aged-business-leader_1262-4823.jpg", imageAlt: "Sarah Johnson, CEO"},
{
id: "2",
title: "Seamless Integration & Clean Code",
quote: "The code quality and architectural decisions were top-notch. [Your Name] integrated complex APIs flawlessly and delivered a solution that is both robust and easy to maintain. A true professional.",
name: "Michael Chen",
role: "CTO, Digital Horizons",
imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg",
imageAlt: "Michael Chen, CTO",
},
id: "2", title: "Seamless Integration & Clean Code", quote: "The code quality and architectural decisions were top-notch. [Your Name] integrated complex APIs flawlessly and delivered a solution that is both robust and easy to maintain. A true professional.", name: "Michael Chen", role: "CTO, Digital Horizons", imageSrc: "http://img.b2bpic.net/free-photo/bearded-young-man-casual-shirt-standing-with-laptop-hands_93675-134479.jpg", imageAlt: "Michael Chen, CTO"},
{
id: "3",
title: "Delivered Beyond Expectations",
quote: "[Your Name]'s dedication to creating a premium user experience is evident in every aspect of their work. Our new landing page is not only beautiful but also performs incredibly well, leading to higher conversions.",
name: "Emily Rodriguez",
role: "Marketing Director, GrowthFlow",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-corporate-woman-suit-stands-street-smiles-poses-near-office-bu_1258-119148.jpg",
imageAlt: "Emily Rodriguez, Marketing Director",
},
id: "3", title: "Delivered Beyond Expectations", quote: "[Your Name]'s dedication to creating a premium user experience is evident in every aspect of their work. Our new landing page is not only beautiful but also performs incredibly well, leading to higher conversions.", name: "Emily Rodriguez", role: "Marketing Director, GrowthFlow", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-happy-corporate-woman-suit-stands-street-smiles-poses-near-office-bu_1258-119148.jpg", imageAlt: "Emily Rodriguez, Marketing Director"},
{
id: "4",
title: "Reliable & Highly Skilled",
quote: "I highly recommend [Your Name] for any web development needs. Their ability to understand complex requirements and translate them into efficient, elegant solutions is unmatched. A valuable asset to any team.",
name: "David Kim",
role: "Product Manager, Apex Solutions",
imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",
imageAlt: "David Kim, Product Manager",
},
id: "4", title: "Reliable & Highly Skilled", quote: "I highly recommend [Your Name] for any web development needs. Their ability to understand complex requirements and translate them into efficient, elegant solutions is unmatched. A valuable asset to any team.", name: "David Kim", role: "Product Manager, Apex Solutions", imageSrc: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg", imageAlt: "David Kim, Product Manager"},
{
id: "5",
title: "Innovative Solutions & Great Communication",
quote: "[Your Name] brings innovation and clarity to every project. Their proactive communication and ability to tackle challenging technical hurdles made the entire development process smooth and enjoyable. Truly impressed!",
name: "Jessica Lee",
role: "Founder, FutureGen Innovations",
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-with-copy-space_23-2148612949.jpg",
imageAlt: "Jessica Lee, Founder",
},
id: "5", title: "Innovative Solutions & Great Communication", quote: "[Your Name] brings innovation and clarity to every project. Their proactive communication and ability to tackle challenging technical hurdles made the entire development process smooth and enjoyable. Truly impressed!", name: "Jessica Lee", role: "Founder, FutureGen Innovations", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-man-with-copy-space_23-2148612949.jpg", imageAlt: "Jessica Lee, Founder"},
{
id: "6",
title: "Master of Modern Web Technologies",
quote: "The depth of knowledge in Next.js, React, and TypeScript is remarkable. [Your Name] built a lightning-fast application with a phenomenal user interface. Their work speaks volumes about their expertise.",
name: "Daniel Wilson",
role: "Senior Developer, CodeCrafters",
imageSrc: "http://img.b2bpic.net/free-photo/senior-adult-learner-studying-with-online-academic-materials-laptop_482257-122504.jpg",
imageAlt: "Daniel Wilson, Senior Developer",
},
id: "6", title: "Master of Modern Web Technologies", quote: "The depth of knowledge in Next.js, React, and TypeScript is remarkable. [Your Name] built a lightning-fast application with a phenomenal user interface. Their work speaks volumes about their expertise.", name: "Daniel Wilson", role: "Senior Developer, CodeCrafters", imageSrc: "http://img.b2bpic.net/free-photo/senior-adult-learner-studying-with-online-academic-materials-laptop_482257-122504.jpg", imageAlt: "Daniel Wilson, Senior Developer"},
]}
title="Trusted by Industry Professionals"
description="Hear what clients are saying about the quality and impact of my web development services."
@@ -570,8 +296,7 @@ export default function LandingPage() {
<ContactSplit
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Get in Touch"
title="Let's Build Something Amazing Together"
description="Ready to start your next web project? Reach out to discuss your ideas and requirements. I'm available via email, WhatsApp, or connect with me on social media."
@@ -591,58 +316,35 @@ export default function LandingPage() {
logoText="Developer Portfolio"
columns={[
{
title: "Quick Links",
items: [
title: "Quick Links", items: [
{
label: "Home",
href: "#hero",
},
label: "Home", href: "#hero"},
{
label: "Projects",
href: "#projects",
},
label: "Projects", href: "#projects"},
{
label: "Services",
href: "#services",
},
label: "Services", href: "#services"},
{
label: "Contact",
href: "#contact",
},
label: "Contact", href: "#contact"},
],
},
{
title: "Connect",
items: [
title: "Connect", items: [
{
label: "LinkedIn",
href: "https://linkedin.com/in/yourprofile",
},
label: "LinkedIn", href: "https://linkedin.com/in/yourprofile"},
{
label: "GitHub",
href: "https://github.com/yourprofile",
},
label: "GitHub", href: "https://github.com/yourprofile"},
{
label: "Twitter (X)",
href: "https://twitter.com/yourprofile",
},
label: "Twitter (X)", href: "https://twitter.com/yourprofile"},
{
label: "Email",
href: "mailto:your@email.com",
},
label: "Email", href: "mailto:your@email.com"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Privacy Policy",
href: "#",
},
label: "Privacy Policy", href: "#"},
{
label: "Terms of Service",
href: "#",
},
label: "Terms of Service", href: "#"},
],
},
]}