Merge version_1 into main #1
@@ -55,62 +55,32 @@ export default function AboutPage() {
|
||||
<TeamCardEleven
|
||||
groups={[
|
||||
{
|
||||
id: "leadership",
|
||||
groupTitle: "Leadership",
|
||||
members: [
|
||||
id: "leadership", groupTitle: "Leadership", members: [
|
||||
{
|
||||
id: "1",
|
||||
title: "Matteo van Amsterdam",
|
||||
subtitle: "Creative Director",
|
||||
detail: "matteo@webuild.nl",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg"
|
||||
id: "1", title: "Matteo van Amsterdam", subtitle: "Creative Director", detail: "matteo@webuild.nl", imageSrc: "https://img.b2bpic.net/free-photo/business-lady-looking-copyspace-with-interest_1262-2957.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Sophie Verhoeven",
|
||||
subtitle: "Lead Developer",
|
||||
detail: "sophie@webuild.nl",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg"
|
||||
id: "2", title: "Sophie Verhoeven", subtitle: "Lead Developer", detail: "sophie@webuild.nl", imageSrc: "https://img.b2bpic.net/free-photo/portrait-business-woman-office_1398-6.jpg"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "design",
|
||||
groupTitle: "Design Team",
|
||||
members: [
|
||||
id: "design", groupTitle: "Design Team", members: [
|
||||
{
|
||||
id: "3",
|
||||
title: "Lucas Jansen",
|
||||
subtitle: "UI/UX Designer",
|
||||
detail: "lucas@webuild.nl",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg"
|
||||
id: "3", title: "Lucas Jansen", subtitle: "UI/UX Designer", detail: "lucas@webuild.nl", imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman-with-long-brown-hair-black-t-shirt-white-jacket_613910-8245.jpg"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Emma de Vries",
|
||||
subtitle: "Brand Strategist",
|
||||
detail: "emma@webuild.nl",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/cheerful-employee-with-crossed-arms_1098-3148.jpg"
|
||||
id: "4", title: "Emma de Vries", subtitle: "Brand Strategist", detail: "emma@webuild.nl", imageSrc: "https://img.b2bpic.net/free-photo/cheerful-employee-with-crossed-arms_1098-3148.jpg"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "development",
|
||||
groupTitle: "Development Team",
|
||||
members: [
|
||||
id: "development", groupTitle: "Development Team", members: [
|
||||
{
|
||||
id: "5",
|
||||
title: "Thomas Müller",
|
||||
subtitle: "Full Stack Developer",
|
||||
detail: "thomas@webuild.nl",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg"
|
||||
id: "5", title: "Thomas Müller", subtitle: "Full Stack Developer", detail: "thomas@webuild.nl", imageSrc: "https://img.b2bpic.net/free-photo/portrait-attractive-young-businesswoman_329181-15813.jpg"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
title: "Iris Bakker",
|
||||
subtitle: "DevOps Engineer",
|
||||
detail: "iris@webuild.nl",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12811.jpg"
|
||||
id: "6", title: "Iris Bakker", subtitle: "DevOps Engineer", detail: "iris@webuild.nl", imageSrc: "https://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12811.jpg"
|
||||
}
|
||||
]
|
||||
}
|
||||
@@ -129,32 +99,16 @@ export default function AboutPage() {
|
||||
<MetricCardTen
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Projects Completed",
|
||||
subtitle: "Web design, development, and digital transformation",
|
||||
category: "Portfolio",
|
||||
value: "150+"
|
||||
id: "1", title: "Projects Completed", subtitle: "Web design, development, and digital transformation", category: "Portfolio", value: "150+"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Client Satisfaction",
|
||||
subtitle: "Average rating across all partnerships and collaborations",
|
||||
category: "Quality",
|
||||
value: "4.9/5"
|
||||
id: "2", title: "Client Satisfaction", subtitle: "Average rating across all partnerships and collaborations", category: "Quality", value: "4.9/5"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Average ROI Increase",
|
||||
subtitle: "For clients who implemented our digital solutions",
|
||||
category: "Results",
|
||||
value: "42%"
|
||||
id: "3", title: "Average ROI Increase", subtitle: "For clients who implemented our digital solutions", category: "Results", value: "42%"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Years of Experience",
|
||||
subtitle: "Delivering excellence in web design and development",
|
||||
category: "Experience",
|
||||
value: "12+"
|
||||
id: "4", title: "Years of Experience", subtitle: "Delivering excellence in web design and development", category: "Experience", value: "12+"
|
||||
}
|
||||
]}
|
||||
title="Our Impact"
|
||||
@@ -166,36 +120,35 @@ export default function AboutPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterBase
|
||||
logoText="Webuild"
|
||||
copyrightText="© 2025 Webuild. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Team", href: "/about#team" },
|
||||
{ label: "Careers", href: "https://webuild.nl/careers" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{ label: "Web Design", href: "/services" },
|
||||
{ label: "Development", href: "/services" },
|
||||
{ label: "E-Commerce", href: "/services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com/company/webuild" },
|
||||
{ label: "Instagram", href: "https://instagram.com/webuild" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Webuild"
|
||||
copyrightText="© 2025 Webuild. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Team", href: "/about#team" },
|
||||
{ label: "Careers", href: "https://webuild.nl/careers" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Web Design", href: "/services" },
|
||||
{ label: "Development", href: "/services" },
|
||||
{ label: "E-Commerce", href: "/services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com/company/webuild" },
|
||||
{ label: "Instagram", href: "https://instagram.com/webuild" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -70,32 +70,16 @@ export default function ContactPage() {
|
||||
<MetricCardTen
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Initial Consultation",
|
||||
subtitle: "Free 30-minute discovery call to understand your needs",
|
||||
category: "Step 1",
|
||||
value: "Free"
|
||||
id: "1", title: "Initial Consultation", subtitle: "Free 30-minute discovery call to understand your needs", category: "Step 1", value: "Free"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Project Proposal",
|
||||
subtitle: "Detailed proposal with timeline and transparent pricing",
|
||||
category: "Step 2",
|
||||
value: "48hrs"
|
||||
id: "2", title: "Project Proposal", subtitle: "Detailed proposal with timeline and transparent pricing", category: "Step 2", value: "48hrs"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Design & Development",
|
||||
subtitle: "Collaborative process with regular updates and feedback",
|
||||
category: "Step 3",
|
||||
value: "2-12wks"
|
||||
id: "3", title: "Design & Development", subtitle: "Collaborative process with regular updates and feedback", category: "Step 3", value: "2-12wks"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Launch & Support",
|
||||
subtitle: "Go live with ongoing support and optimization",
|
||||
category: "Step 4",
|
||||
value: "Ongoing"
|
||||
id: "4", title: "Launch & Support", subtitle: "Go live with ongoing support and optimization", category: "Step 4", value: "Ongoing"
|
||||
}
|
||||
]}
|
||||
title="How We Work"
|
||||
@@ -107,36 +91,35 @@ export default function ContactPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterBase
|
||||
logoText="Webuild"
|
||||
copyrightText="© 2025 Webuild. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Team", href: "/about#team" },
|
||||
{ label: "Careers", href: "https://webuild.nl/careers" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{ label: "Web Design", href: "/services" },
|
||||
{ label: "Development", href: "/services" },
|
||||
{ label: "E-Commerce", href: "/services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com/company/webuild" },
|
||||
{ label: "Instagram", href: "https://instagram.com/webuild" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Webuild"
|
||||
copyrightText="© 2025 Webuild. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Team", href: "/about#team" },
|
||||
{ label: "Careers", href: "https://webuild.nl/careers" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Web Design", href: "/services" },
|
||||
{ label: "Development", href: "/services" },
|
||||
{ label: "E-Commerce", href: "/services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com/company/webuild" },
|
||||
{ label: "Instagram", href: "https://instagram.com/webuild" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -5,14 +5,11 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
|
||||
import Tag from "@/tag/Tag";
|
||||
|
||||
const notoSans = Noto_Sans({
|
||||
variable: "--font-noto-sans",
|
||||
subsets: ["latin"],
|
||||
variable: "--font-noto-sans", subsets: ["latin"],
|
||||
});
|
||||
|
||||
export const metadata: Metadata = {
|
||||
title: "Webuild - Web Agency Amsterdam | Web Design & Development",
|
||||
description: "Award-winning web agency in Amsterdam specializing in web design, full-stack development, and digital solutions for ambitious brands worldwide.",
|
||||
keywords: ["web agency amsterdam", "web design", "web development", "digital agency", "creative studio", "UI/UX design", "e-commerce solutions"],
|
||||
title: "Webuild - Web Agency Amsterdam | Web Design & Development", description: "Award-winning web agency in Amsterdam specializing in web design, full-stack development, and digital solutions for ambitious brands worldwide.", keywords: ["web agency amsterdam", "web design", "web development", "digital agency", "creative studio", "UI/UX design", "e-commerce solutions"],
|
||||
metadataBase: new URL("https://webuild.nl"),
|
||||
alternates: {
|
||||
canonical: "https://webuild.nl"
|
||||
@@ -22,23 +19,14 @@ export const metadata: Metadata = {
|
||||
follow: true
|
||||
},
|
||||
openGraph: {
|
||||
title: "Webuild - Amsterdam Web Design & Development Agency",
|
||||
description: "Transform your digital vision with Amsterdam's leading web agency. Award-winning design and development for brands that matter.",
|
||||
url: "https://webuild.nl",
|
||||
siteName: "Webuild",
|
||||
type: "website",
|
||||
images: [
|
||||
title: "Webuild - Amsterdam Web Design & Development Agency", description: "Transform your digital vision with Amsterdam's leading web agency. Award-winning design and development for brands that matter.", url: "https://webuild.nl", siteName: "Webuild", type: "website", images: [
|
||||
{
|
||||
url: "https://img.b2bpic.net/free-photo/young-couple-hugging-sitting-cafe_171337-16795.jpg",
|
||||
alt: "Webuild - Amsterdam Web Agency"
|
||||
url: "https://img.b2bpic.net/free-photo/young-couple-hugging-sitting-cafe_171337-16795.jpg", alt: "Webuild - Amsterdam Web Agency"
|
||||
}
|
||||
]
|
||||
},
|
||||
twitter: {
|
||||
card: "summary_large_image",
|
||||
title: "Webuild - Web Agency Amsterdam",
|
||||
description: "Award-winning web design and development agency in Amsterdam",
|
||||
images: ["https://img.b2bpic.net/free-photo/young-couple-hugging-sitting-cafe_171337-16795.jpg"]
|
||||
card: "summary_large_image", title: "Webuild - Web Agency Amsterdam", description: "Award-winning web design and development agency in Amsterdam", images: ["https://img.b2bpic.net/free-photo/young-couple-hugging-sitting-cafe_171337-16795.jpg"]
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
144
src/app/page.tsx
144
src/app/page.tsx
@@ -5,6 +5,7 @@ import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/Nav
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import FeatureCardTwentyTwo from '@/components/sections/feature/FeatureCardTwentyTwo';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterBase from '@/components/sections/footer/FooterBase';
|
||||
@@ -75,27 +76,19 @@ export default function HomePage() {
|
||||
<FeatureCardTwentyTwo
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Web Design & UI/UX",
|
||||
category: ["Design", "Strategy"],
|
||||
id: "1", title: "Web Design & UI/UX", category: ["Design", "Strategy"],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/production-manufacture-process-chart-diagram_53876-120646.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Full-Stack Development",
|
||||
category: ["Development", "Technology"],
|
||||
id: "2", title: "Full-Stack Development", category: ["Development", "Technology"],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/side-view-attractive-hispanic-developer-programming-software-using-computer-while-working-from-home_662251-988.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "E-Commerce Solutions",
|
||||
category: ["E-Commerce", "Conversion"],
|
||||
id: "3", title: "E-Commerce Solutions", category: ["E-Commerce", "Conversion"],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/online-shopping-cart-e-commers-concept_53876-127436.jpg"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Digital Marketing & SEO",
|
||||
category: ["Marketing", "Growth"],
|
||||
id: "4", title: "Digital Marketing & SEO", category: ["Marketing", "Growth"],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/high-angle-people-working-with-laptop_23-2149636255.jpg"
|
||||
}
|
||||
]}
|
||||
@@ -109,50 +102,58 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardFour
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "E-Commerce Redesign", price: "Luxury Fashion", variant: "React, Next.js, Tailwind", imageSrc: "https://img.b2bpic.net/free-vector/flat-design-fashion-trends-landing-page_23-2150357312.jpg", imageAlt: "ecommerce luxury fashion website digital", onProductClick: () => console.log('View project'),
|
||||
isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "2", name: "SaaS Dashboard Platform", price: "Tech Startup", variant: "TypeScript, Node.js, PostgreSQL", imageSrc: "https://img.b2bpic.net/free-vector/flat-design-fashion-collection-landing-page_23-2149985152.jpg", imageAlt: "saas dashboard platform technology startup", onProductClick: () => console.log('View project'),
|
||||
isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "3", name: "Brand Identity & Website", price: "Creative Agency", variant: "Design System, Animation", imageSrc: "https://img.b2bpic.net/free-vector/fashion-sale-landing-page-concept_23-2148584181.jpg", imageAlt: "branding design identity creative website", onProductClick: () => console.log('View project'),
|
||||
isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "4", name: "Mobile App & Web App", price: "Fintech Company", variant: "React Native, Web Platform", imageSrc: "https://img.b2bpic.net/free-vector/flat-design-minimal-boutique-landing-page_23-2149327774.jpg", imageAlt: "mobile app fintech technology digital", onProductClick: () => console.log('View project'),
|
||||
isFavorited: false
|
||||
}
|
||||
]}
|
||||
title="Featured Projects"
|
||||
description="Showcase of our latest work with leading brands across industries"
|
||||
tag="Our Portfolio"
|
||||
tagIcon={Award}
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground="noInvert"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
carouselMode="buttons"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Amsterdam",
|
||||
handle: "Founder, Amsterdam Design Co",
|
||||
testimonial: "Webuild transformed our vision into a stunning digital platform. Their expertise and attention to detail is unmatched.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"
|
||||
id: "1", name: "Sarah Amsterdam", handle: "Founder, Amsterdam Design Co", testimonial: "Webuild transformed our vision into a stunning digital platform. Their expertise and attention to detail is unmatched.", imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Mueller",
|
||||
handle: "CEO, TechStart Berlin",
|
||||
testimonial: "Working with Webuild was seamless. They delivered ahead of schedule with exceptional quality and creative solutions.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg"
|
||||
id: "2", name: "Marcus Mueller", handle: "CEO, TechStart Berlin", testimonial: "Working with Webuild was seamless. They delivered ahead of schedule with exceptional quality and creative solutions.", imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "Marketing Director, Global Brands",
|
||||
testimonial: "The team at Webuild brings both technical excellence and creative flair. Highly recommended for any web project.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg"
|
||||
id: "3", name: "Elena Rodriguez", handle: "Marketing Director, Global Brands", testimonial: "The team at Webuild brings both technical excellence and creative flair. Highly recommended for any web project.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Chen",
|
||||
handle: "Founder, E-Commerce Ventures",
|
||||
testimonial: "Our conversion rate increased 45% after Webuild redesigned our platform. Incredible results and partnership.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2955.jpg"
|
||||
id: "4", name: "James Chen", handle: "Founder, E-Commerce Ventures", testimonial: "Our conversion rate increased 45% after Webuild redesigned our platform. Incredible results and partnership.", imageSrc: "https://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2955.jpg"
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Liv Bergman",
|
||||
handle: "Product Manager, Nordic Software",
|
||||
testimonial: "Webuild's team is responsive, innovative, and deeply committed to understanding our business goals.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg"
|
||||
id: "5", name: "Liv Bergman", handle: "Product Manager, Nordic Software", testimonial: "Webuild's team is responsive, innovative, and deeply committed to understanding our business goals.", imageSrc: "https://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg"
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "David Rossi",
|
||||
handle: "CMO, European Fashion Brand",
|
||||
testimonial: "From concept to launch, Webuild's professionalism and creativity exceeded all expectations. True partners.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg"
|
||||
id: "6", name: "David Rossi", handle: "CMO, European Fashion Brand", testimonial: "From concept to launch, Webuild's professionalism and creativity exceeded all expectations. True partners.", imageSrc: "https://img.b2bpic.net/free-photo/serious-beautiful-businesswoman-standing-window_1262-1913.jpg"
|
||||
}
|
||||
]}
|
||||
animationType="entrance-slide"
|
||||
@@ -182,36 +183,35 @@ export default function HomePage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterBase
|
||||
logoText="Webuild"
|
||||
copyrightText="© 2025 Webuild. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Team", href: "/about#team" },
|
||||
{ label: "Careers", href: "https://webuild.nl/careers" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{ label: "Web Design", href: "/services" },
|
||||
{ label: "Development", href: "/services" },
|
||||
{ label: "E-Commerce", href: "/services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com/company/webuild" },
|
||||
{ label: "Instagram", href: "https://instagram.com/webuild" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Webuild"
|
||||
copyrightText="© 2025 Webuild. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Team", href: "/about#team" },
|
||||
{ label: "Careers", href: "https://webuild.nl/careers" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Web Design", href: "/services" },
|
||||
{ label: "Development", href: "/services" },
|
||||
{ label: "E-Commerce", href: "/services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com/company/webuild" },
|
||||
{ label: "Instagram", href: "https://instagram.com/webuild" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -41,43 +41,19 @@ export default function PortfolioPage() {
|
||||
<ProductCardFour
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "E-Commerce Redesign",
|
||||
price: "Luxury Fashion",
|
||||
variant: "React, Next.js, Tailwind",
|
||||
imageSrc: "https://img.b2bpic.net/free-vector/flat-design-fashion-trends-landing-page_23-2150357312.jpg",
|
||||
imageAlt: "ecommerce luxury fashion website digital",
|
||||
onProductClick: () => console.log('View project'),
|
||||
id: "1", name: "E-Commerce Redesign", price: "Luxury Fashion", variant: "React, Next.js, Tailwind", imageSrc: "https://img.b2bpic.net/free-vector/flat-design-fashion-trends-landing-page_23-2150357312.jpg", imageAlt: "ecommerce luxury fashion website digital", onProductClick: () => console.log('View project'),
|
||||
isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "SaaS Dashboard Platform",
|
||||
price: "Tech Startup",
|
||||
variant: "TypeScript, Node.js, PostgreSQL",
|
||||
imageSrc: "https://img.b2bpic.net/free-vector/flat-design-fashion-collection-landing-page_23-2149985152.jpg",
|
||||
imageAlt: "saas dashboard platform technology startup",
|
||||
onProductClick: () => console.log('View project'),
|
||||
id: "2", name: "SaaS Dashboard Platform", price: "Tech Startup", variant: "TypeScript, Node.js, PostgreSQL", imageSrc: "https://img.b2bpic.net/free-vector/flat-design-fashion-collection-landing-page_23-2149985152.jpg", imageAlt: "saas dashboard platform technology startup", onProductClick: () => console.log('View project'),
|
||||
isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Brand Identity & Website",
|
||||
price: "Creative Agency",
|
||||
variant: "Design System, Animation",
|
||||
imageSrc: "https://img.b2bpic.net/free-vector/fashion-sale-landing-page-concept_23-2148584181.jpg",
|
||||
imageAlt: "branding design identity creative website",
|
||||
onProductClick: () => console.log('View project'),
|
||||
id: "3", name: "Brand Identity & Website", price: "Creative Agency", variant: "Design System, Animation", imageSrc: "https://img.b2bpic.net/free-vector/fashion-sale-landing-page-concept_23-2148584181.jpg", imageAlt: "branding design identity creative website", onProductClick: () => console.log('View project'),
|
||||
isFavorited: false
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mobile App & Web App",
|
||||
price: "Fintech Company",
|
||||
variant: "React Native, Web Platform",
|
||||
imageSrc: "https://img.b2bpic.net/free-vector/flat-design-minimal-boutique-landing-page_23-2149327774.jpg",
|
||||
imageAlt: "mobile app fintech technology digital",
|
||||
onProductClick: () => console.log('View project'),
|
||||
id: "4", name: "Mobile App & Web App", price: "Fintech Company", variant: "React Native, Web Platform", imageSrc: "https://img.b2bpic.net/free-vector/flat-design-minimal-boutique-landing-page_23-2149327774.jpg", imageAlt: "mobile app fintech technology digital", onProductClick: () => console.log('View project'),
|
||||
isFavorited: false
|
||||
}
|
||||
]}
|
||||
@@ -97,32 +73,16 @@ export default function PortfolioPage() {
|
||||
<TestimonialCardSix
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Amsterdam",
|
||||
handle: "Founder, Amsterdam Design Co",
|
||||
testimonial: "Webuild transformed our vision into a stunning digital platform. Their expertise and attention to detail is unmatched.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"
|
||||
id: "1", name: "Sarah Amsterdam", handle: "Founder, Amsterdam Design Co", testimonial: "Webuild transformed our vision into a stunning digital platform. Their expertise and attention to detail is unmatched.", imageSrc: "https://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marcus Mueller",
|
||||
handle: "CEO, TechStart Berlin",
|
||||
testimonial: "Working with Webuild was seamless. They delivered ahead of schedule with exceptional quality and creative solutions.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg"
|
||||
id: "2", name: "Marcus Mueller", handle: "CEO, TechStart Berlin", testimonial: "Working with Webuild was seamless. They delivered ahead of schedule with exceptional quality and creative solutions.", imageSrc: "https://img.b2bpic.net/free-photo/content-beautiful-businesswoman-standing-window_1262-1778.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena Rodriguez",
|
||||
handle: "Marketing Director, Global Brands",
|
||||
testimonial: "The team at Webuild brings both technical excellence and creative flair. Highly recommended for any web project.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg"
|
||||
id: "3", name: "Elena Rodriguez", handle: "Marketing Director, Global Brands", testimonial: "The team at Webuild brings both technical excellence and creative flair. Highly recommended for any web project.", imageSrc: "https://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "James Chen",
|
||||
handle: "Founder, E-Commerce Ventures",
|
||||
testimonial: "Our conversion rate increased 45% after Webuild redesigned our platform. Incredible results and partnership.",
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2955.jpg"
|
||||
id: "4", name: "James Chen", handle: "Founder, E-Commerce Ventures", testimonial: "Our conversion rate increased 45% after Webuild redesigned our platform. Incredible results and partnership.", imageSrc: "https://img.b2bpic.net/free-photo/expressive-woman-posing-outdoor_344912-2955.jpg"
|
||||
}
|
||||
]}
|
||||
animationType="entrance-slide"
|
||||
@@ -152,36 +112,35 @@ export default function PortfolioPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterBase
|
||||
logoText="Webuild"
|
||||
copyrightText="© 2025 Webuild. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Team", href: "/about#team" },
|
||||
{ label: "Careers", href: "https://webuild.nl/careers" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{ label: "Web Design", href: "/services" },
|
||||
{ label: "Development", href: "/services" },
|
||||
{ label: "E-Commerce", href: "/services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com/company/webuild" },
|
||||
{ label: "Instagram", href: "https://instagram.com/webuild" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Webuild"
|
||||
copyrightText="© 2025 Webuild. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Team", href: "/about#team" },
|
||||
{ label: "Careers", href: "https://webuild.nl/careers" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Web Design", href: "/services" },
|
||||
{ label: "Development", href: "/services" },
|
||||
{ label: "E-Commerce", href: "/services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com/company/webuild" },
|
||||
{ label: "Instagram", href: "https://instagram.com/webuild" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -41,27 +41,19 @@ export default function ServicesPage() {
|
||||
<FeatureCardTwentyTwo
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Web Design & UI/UX - Complete Digital Experiences",
|
||||
category: ["Design", "Strategy", "User Research"],
|
||||
id: "1", title: "Web Design & UI/UX - Complete Digital Experiences", category: ["Design", "Strategy", "User Research"],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/production-manufacture-process-chart-diagram_53876-120646.jpg"
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Full-Stack Development - Modern Technologies",
|
||||
category: ["Development", "Technology", "Architecture"],
|
||||
id: "2", title: "Full-Stack Development - Modern Technologies", category: ["Development", "Technology", "Architecture"],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/side-view-attractive-hispanic-developer-programming-software-using-computer-while-working-from-home_662251-988.jpg"
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "E-Commerce Solutions - Sales-Driven Platforms",
|
||||
category: ["E-Commerce", "Conversion", "Analytics"],
|
||||
id: "3", title: "E-Commerce Solutions - Sales-Driven Platforms", category: ["E-Commerce", "Conversion", "Analytics"],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/online-shopping-cart-e-commers-concept_53876-127436.jpg"
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Digital Marketing & SEO - Growth Strategies",
|
||||
category: ["Marketing", "Growth", "Optimization"],
|
||||
id: "4", title: "Digital Marketing & SEO - Growth Strategies", category: ["Marketing", "Growth", "Optimization"],
|
||||
imageSrc: "https://img.b2bpic.net/free-photo/high-angle-people-working-with-laptop_23-2149636255.jpg"
|
||||
}
|
||||
]}
|
||||
@@ -104,36 +96,35 @@ export default function ServicesPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<FooterBase
|
||||
logoText="Webuild"
|
||||
copyrightText="© 2025 Webuild. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Team", href: "/about#team" },
|
||||
{ label: "Careers", href: "https://webuild.nl/careers" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services",
|
||||
items: [
|
||||
{ label: "Web Design", href: "/services" },
|
||||
{ label: "Development", href: "/services" },
|
||||
{ label: "E-Commerce", href: "/services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect",
|
||||
items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com/company/webuild" },
|
||||
{ label: "Instagram", href: "https://instagram.com/webuild" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
logoText="Webuild"
|
||||
copyrightText="© 2025 Webuild. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "/about" },
|
||||
{ label: "Team", href: "/about#team" },
|
||||
{ label: "Careers", href: "https://webuild.nl/careers" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Web Design", href: "/services" },
|
||||
{ label: "Development", href: "/services" },
|
||||
{ label: "E-Commerce", href: "/services" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Connect", items: [
|
||||
{ label: "Contact", href: "/contact" },
|
||||
{ label: "LinkedIn", href: "https://linkedin.com/company/webuild" },
|
||||
{ label: "Instagram", href: "https://instagram.com/webuild" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user