|
|
|
@@ -54,33 +54,33 @@ export default function LandingPage() {
|
|
|
|
carouselItems={[
|
|
|
|
carouselItems={[
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "1",
|
|
|
|
id: "1",
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766320177542-9om9tyxf.jpg",
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=1200&h=800&fit=crop",
|
|
|
|
imageAlt: "Featured project interface"
|
|
|
|
imageAlt: "Modern web development interface with code editor"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "2",
|
|
|
|
id: "2",
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766906259746-fj9rua5c.jpg",
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=1200&h=800&fit=crop",
|
|
|
|
imageAlt: "React component showcase"
|
|
|
|
imageAlt: "React component showcase dashboard"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "3",
|
|
|
|
id: "3",
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766399062140-rc60mgt0.png",
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=1200&h=800&fit=crop",
|
|
|
|
imageAlt: "Responsive web design"
|
|
|
|
imageAlt: "Responsive mobile and desktop web design"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "4",
|
|
|
|
id: "4",
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766890620807-l4c3d1a4.jpg",
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=1200&h=800&fit=crop",
|
|
|
|
imageAlt: "Dashboard interface"
|
|
|
|
imageAlt: "Analytics dashboard with purple accents"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "5",
|
|
|
|
id: "5",
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766890620033-sckgfvwd.jpg",
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=1200&h=800&fit=crop",
|
|
|
|
imageAlt: "Design system components"
|
|
|
|
imageAlt: "Design system UI components library"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "6",
|
|
|
|
id: "6",
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140099604-32oyqj9b.jpg",
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1496181133206-80ce9b88a853?w=1200&h=800&fit=crop",
|
|
|
|
imageAlt: "Portfolio projects"
|
|
|
|
imageAlt: "Developer working on frontend code"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
@@ -104,22 +104,22 @@ export default function LandingPage() {
|
|
|
|
id: "1",
|
|
|
|
id: "1",
|
|
|
|
name: "E-Commerce Platform",
|
|
|
|
name: "E-Commerce Platform",
|
|
|
|
price: "React • Next.js",
|
|
|
|
price: "React • Next.js",
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766906259746-fj9rua5c.jpg",
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1517694712202-14dd9538aa97?w=600&h=600&fit=crop",
|
|
|
|
imageAlt: "E-commerce platform with product filtering and checkout"
|
|
|
|
imageAlt: "E-commerce platform with product filtering and checkout interface"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "2",
|
|
|
|
id: "2",
|
|
|
|
name: "Analytics Dashboard",
|
|
|
|
name: "Analytics Dashboard",
|
|
|
|
price: "TypeScript • Tailwind",
|
|
|
|
price: "TypeScript • Tailwind",
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766906259746-fj9rua5c.jpg",
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1551288049-bebda4e38f71?w=600&h=600&fit=crop",
|
|
|
|
imageAlt: "Real-time analytics dashboard with charts"
|
|
|
|
imageAlt: "Real-time analytics dashboard with charts and data visualization"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "3",
|
|
|
|
id: "3",
|
|
|
|
name: "Design System",
|
|
|
|
name: "Design System",
|
|
|
|
price: "Component Library",
|
|
|
|
price: "Component Library",
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766890620033-sckgfvwd.jpg",
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=600&h=600&fit=crop",
|
|
|
|
imageAlt: "Reusable UI component library"
|
|
|
|
imageAlt: "Reusable UI component library with design tokens"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
gridVariant="three-columns-all-equal-width"
|
|
|
|
@@ -138,19 +138,22 @@ export default function LandingPage() {
|
|
|
|
id: 1,
|
|
|
|
id: 1,
|
|
|
|
title: "Frontend Development",
|
|
|
|
title: "Frontend Development",
|
|
|
|
description: "Expert in React, TypeScript, and modern JavaScript. Building scalable component architectures and performant applications using best practices.",
|
|
|
|
description: "Expert in React, TypeScript, and modern JavaScript. Building scalable component architectures and performant applications using best practices.",
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766906259746-fj9rua5c.jpg"
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1633356122544-f134324ef6db?w=800&h=600&fit=crop",
|
|
|
|
|
|
|
|
imageAlt: "Developer coding with React and TypeScript"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 2,
|
|
|
|
id: 2,
|
|
|
|
title: "UI/UX Implementation",
|
|
|
|
title: "UI/UX Implementation",
|
|
|
|
description: "Translating design into pixel-perfect, responsive interfaces. Proficient with Tailwind CSS, CSS-in-JS, and accessibility standards (WCAG).",
|
|
|
|
description: "Translating design into pixel-perfect, responsive interfaces. Proficient with Tailwind CSS, CSS-in-JS, and accessibility standards (WCAG).",
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766890620033-sckgfvwd.jpg"
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1561070791-2526d30994b5?w=800&h=600&fit=crop",
|
|
|
|
|
|
|
|
imageAlt: "Beautiful UI components and design system"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: 3,
|
|
|
|
id: 3,
|
|
|
|
title: "Performance Optimization",
|
|
|
|
title: "Performance Optimization",
|
|
|
|
description: "Optimizing bundle sizes, implementing code splitting, and improving Core Web Vitals. Experience with Next.js, lazy loading, and caching strategies.",
|
|
|
|
description: "Optimizing bundle sizes, implementing code splitting, and improving Core Web Vitals. Experience with Next.js, lazy loading, and caching strategies.",
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766906259746-fj9rua5c.jpg"
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1552664730-d307ca884978?w=800&h=600&fit=crop",
|
|
|
|
|
|
|
|
imageAlt: "Performance monitoring and optimization dashboard"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
animationType="opacity"
|
|
|
|
animationType="opacity"
|
|
|
|
@@ -171,7 +174,8 @@ export default function LandingPage() {
|
|
|
|
quote: "Working with this developer was a game-changer. They delivered a responsive, high-performance interface that exceeded our expectations. Their attention to detail and code quality is outstanding.",
|
|
|
|
quote: "Working with this developer was a game-changer. They delivered a responsive, high-performance interface that exceeded our expectations. Their attention to detail and code quality is outstanding.",
|
|
|
|
name: "Sarah Chen",
|
|
|
|
name: "Sarah Chen",
|
|
|
|
role: "Product Manager",
|
|
|
|
role: "Product Manager",
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140101670-ttp7xdlv.jpg"
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1494790108377-be9c29b29330?w=400&h=400&fit=crop",
|
|
|
|
|
|
|
|
imageAlt: "Professional headshot of Sarah Chen, Product Manager"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "2",
|
|
|
|
id: "2",
|
|
|
|
@@ -179,7 +183,8 @@ export default function LandingPage() {
|
|
|
|
quote: "Professional, reliable, and always willing to go the extra mile. They took our design mockups and brought them to life beautifully. Highly recommend for any frontend projects.",
|
|
|
|
quote: "Professional, reliable, and always willing to go the extra mile. They took our design mockups and brought them to life beautifully. Highly recommend for any frontend projects.",
|
|
|
|
name: "Michael Rodriguez",
|
|
|
|
name: "Michael Rodriguez",
|
|
|
|
role: "Design Director",
|
|
|
|
role: "Design Director",
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766140152452-p4x3ah4p.jpg"
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?w=400&h=400&fit=crop",
|
|
|
|
|
|
|
|
imageAlt: "Professional headshot of Michael Rodriguez, Design Director"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "3",
|
|
|
|
id: "3",
|
|
|
|
@@ -187,7 +192,8 @@ export default function LandingPage() {
|
|
|
|
quote: "Brought in fresh perspectives and best practices that significantly improved our application's performance and maintainability. A pleasure to collaborate with.",
|
|
|
|
quote: "Brought in fresh perspectives and best practices that significantly improved our application's performance and maintainability. A pleasure to collaborate with.",
|
|
|
|
name: "Emma Thompson",
|
|
|
|
name: "Emma Thompson",
|
|
|
|
role: "Tech Lead",
|
|
|
|
role: "Tech Lead",
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163677896-h7vfowg5.jpg"
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1438761681033-6461ffad8d80?w=400&h=400&fit=crop",
|
|
|
|
|
|
|
|
imageAlt: "Professional headshot of Emma Thompson, Tech Lead"
|
|
|
|
},
|
|
|
|
},
|
|
|
|
{
|
|
|
|
{
|
|
|
|
id: "4",
|
|
|
|
id: "4",
|
|
|
|
@@ -195,7 +201,8 @@ export default function LandingPage() {
|
|
|
|
quote: "Not just a developer, but a problem-solver. They understood our business needs and delivered solutions that were both elegant and practical. Exceeded our timeline expectations.",
|
|
|
|
quote: "Not just a developer, but a problem-solver. They understood our business needs and delivered solutions that were both elegant and practical. Exceeded our timeline expectations.",
|
|
|
|
name: "James Wilson",
|
|
|
|
name: "James Wilson",
|
|
|
|
role: "CEO",
|
|
|
|
role: "CEO",
|
|
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/gallery/uploaded-1766163678723-295psgl3.jpg"
|
|
|
|
imageSrc: "https://images.unsplash.com/photo-1500648767791-00dcc994a43e?w=400&h=400&fit=crop",
|
|
|
|
|
|
|
|
imageAlt: "Professional headshot of James Wilson, CEO"
|
|
|
|
}
|
|
|
|
}
|
|
|
|
]}
|
|
|
|
]}
|
|
|
|
textboxLayout="default"
|
|
|
|
textboxLayout="default"
|
|
|
|
@@ -282,4 +289,4 @@ export default function LandingPage() {
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</ThemeProvider>
|
|
|
|
</ThemeProvider>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
