Update src/app/page.tsx
This commit is contained in:
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user