Update src/app/page.tsx

This commit is contained in:
2026-02-10 21:05:43 +00:00
parent 9e44b1cc8a
commit 8a8b84fdf6

View File

@@ -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>
);
}