diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index db7a0f1..12062ce 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -55,62 +55,32 @@ export default function AboutPage() {
-
+
);
}
\ No newline at end of file
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 3ecc0f9..3848eff 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -70,32 +70,16 @@ export default function ContactPage() {
-
+
);
}
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index a69792d..e2006c2 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -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"]
}
};
diff --git a/src/app/page.tsx b/src/app/page.tsx
index f7c2c24..ce4a8e2 100644
--- a/src/app/page.tsx
+++ b/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() {
+
+
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"
+ />
+
+
-
+
);
}
\ No newline at end of file
diff --git a/src/app/portfolio/page.tsx b/src/app/portfolio/page.tsx
index 33ee96b..faa5b20 100644
--- a/src/app/portfolio/page.tsx
+++ b/src/app/portfolio/page.tsx
@@ -41,43 +41,19 @@ export default function PortfolioPage() {
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() {
-
+
);
}
\ No newline at end of file
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 73ffe74..2a33b71 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -41,27 +41,19 @@ export default function ServicesPage() {
-
+
);
}
\ No newline at end of file