bender/8a6c11c2-eb86-45d9-9ac4-3ebb033bf5b3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-05 06:42:48 +00:00
parent 760ef59c82
commit 22aedddf3b
1 changed files with 38 additions and 151 deletions
Download Patch File Download Diff File Expand all files Collapse all files

189
src/app/page.tsx
View File

@@ -22,9 +22,7 @@ export default function HomePage() {
];
const navButtons = {
text: "Let's Talk",
href: "/contact",
};
text: "Let's Talk", href: "/contact"};
return (
<ThemeProvider
@@ -53,7 +51,7 @@ export default function HomePage() {
<HeroSplitKpi
title="Strategic Digital Solutions That Drive Growth"
description="We partner with ambitious brands to create meaningful digital experiences. From strategy to execution, we transform your vision into measurable results."
background={{ variant: "circleGradient" }}
background={{ variant: "glowing-orb" }}
kpis={[
{ value: "150+", label: "Projects Delivered" },
{ value: "92%", label: "Client Retention" },
@@ -80,55 +78,31 @@ export default function HomePage() {
features={[
{
id: 1,
title: "Brand Strategy",
description: "Develop compelling brand narratives and positioning strategies that resonate with your target audience and set you apart from competitors.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/brand-strategy-visualization-showing-moo-1772692807218-34c09ec1.png?_wi=1",
imageAlt: "Brand strategy visualization",
},
title: "Brand Strategy", description: "Develop compelling brand narratives and positioning strategies that resonate with your target audience and set you apart from competitors.", phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/brand-strategy-visualization-showing-moo-1772692807218-34c09ec1.png", imageAlt: "Brand strategy visualization"},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/brand-visual-identity-showcase-featuring-1772692806631-639d42c3.png?_wi=1",
imageAlt: "Brand visual identity showcase",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/brand-visual-identity-showcase-featuring-1772692806631-639d42c3.png", imageAlt: "Brand visual identity showcase"},
},
{
id: 2,
title: "Digital Design",
description: "Create stunning, user-focused design experiences across web and mobile platforms that engage, convert, and delight your users.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/modern-ui-design-interface-showing-clean-1772692807091-83a4d6bc.png?_wi=1",
imageAlt: "Modern UI design interface",
},
title: "Digital Design", description: "Create stunning, user-focused design experiences across web and mobile platforms that engage, convert, and delight your users.", phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/modern-ui-design-interface-showing-clean-1772692807091-83a4d6bc.png", imageAlt: "Modern UI design interface"},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/ux-design-wireframes-and-user-flow-diagr-1772692808048-dfb10bf9.jpg?_wi=1",
imageAlt: "UX design wireframes",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/ux-design-wireframes-and-user-flow-diagr-1772692808048-dfb10bf9.jpg", imageAlt: "UX design wireframes"},
},
{
id: 3,
title: "Web Development",
description: "Build powerful, scalable web applications with cutting-edge technology. From frontend to backend, we deliver seamless digital products.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/frontend-development-code-editor-showing-1772692806480-53f0477a.png?_wi=1",
imageAlt: "Frontend development code editor",
},
title: "Web Development", description: "Build powerful, scalable web applications with cutting-edge technology. From frontend to backend, we deliver seamless digital products.", phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/frontend-development-code-editor-showing-1772692806480-53f0477a.png", imageAlt: "Frontend development code editor"},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/backend-development-environment-with-ser-1772692807028-b0c1f9ea.png?_wi=1",
imageAlt: "Backend development environment",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/backend-development-environment-with-ser-1772692807028-b0c1f9ea.png", imageAlt: "Backend development environment"},
},
{
id: 4,
title: "Marketing Strategy",
description: "Drive growth through data-driven marketing strategies. We combine creativity with analytics to maximize your reach and impact.",
phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/marketing-analytics-dashboard-with-chart-1772692808455-ce516bd3.png?_wi=1",
imageAlt: "Marketing analytics dashboard",
},
title: "Marketing Strategy", description: "Drive growth through data-driven marketing strategies. We combine creativity with analytics to maximize your reach and impact.", phoneOne: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/marketing-analytics-dashboard-with-chart-1772692808455-ce516bd3.png", imageAlt: "Marketing analytics dashboard"},
phoneTwo: {
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/digital-marketing-campaign-showcase-feat-1772692809446-40fb6cf0.png?_wi=1",
imageAlt: "Digital marketing campaign showcase",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/digital-marketing-campaign-showcase-feat-1772692809446-40fb6cf0.png", imageAlt: "Digital marketing campaign showcase"},
},
]}
showStepNumbers={true}
@@ -147,49 +121,17 @@ export default function HomePage() {
<BlogCardTwo
blogs={[
{
id: "1",
category: ["Strategy", "Branding"],
title: "E-Commerce Transformation",
excerpt: "Increased sales by 340% through comprehensive digital rebranding and platform optimization for luxury retail client.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/professional-e-commerce-platform-screens-1772692806960-cae21555.png?_wi=1",
imageAlt: "E-commerce platform redesign",
authorName: "Sarah Chen",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/creative-professional-headshot-showing-a-1772692806517-c11fdbee.png",
date: "Mar 2024",
},
id: "1", category: ["Strategy", "Branding"],
title: "E-Commerce Transformation", excerpt: "Increased sales by 340% through comprehensive digital rebranding and platform optimization for luxury retail client.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/professional-e-commerce-platform-screens-1772692806960-cae21555.png", imageAlt: "E-commerce platform redesign", authorName: "Sarah Chen", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/creative-professional-headshot-showing-a-1772692806517-c11fdbee.png", date: "Mar 2024"},
{
id: "2",
category: ["Design", "Development"],
title: "SaaS Platform Launch",
excerpt: "Built and designed a modern SaaS platform that acquired 5,000 users in the first quarter with intuitive UX.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/saas-software-platform-dashboard-interfa-1772692806674-bde65543.png?_wi=1",
imageAlt: "SaaS platform interface",
authorName: "Marcus Johnson",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/developer-professional-headshot-with-tec-1772692807932-419c9d36.png",
date: "Feb 2024",
},
id: "2", category: ["Design", "Development"],
title: "SaaS Platform Launch", excerpt: "Built and designed a modern SaaS platform that acquired 5,000 users in the first quarter with intuitive UX.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/saas-software-platform-dashboard-interfa-1772692806674-bde65543.png", imageAlt: "SaaS platform interface", authorName: "Marcus Johnson", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/developer-professional-headshot-with-tec-1772692807932-419c9d36.png", date: "Feb 2024"},
{
id: "3",
category: ["Marketing", "Strategy"],
title: "Brand Relaunch Campaign",
excerpt: "Executed integrated marketing campaign that increased brand awareness by 450% and generated 2M impressions.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/digital-marketing-campaign-materials-inc-1772692808157-348a530c.png?_wi=1",
imageAlt: "Marketing campaign materials",
authorName: "Emily Rodriguez",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/ux-ui-designer-professional-headshot-des-1772692806914-2173afcc.png",
date: "Jan 2024",
},
id: "3", category: ["Marketing", "Strategy"],
title: "Brand Relaunch Campaign", excerpt: "Executed integrated marketing campaign that increased brand awareness by 450% and generated 2M impressions.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/digital-marketing-campaign-materials-inc-1772692808157-348a530c.png", imageAlt: "Marketing campaign materials", authorName: "Emily Rodriguez", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/ux-ui-designer-professional-headshot-des-1772692806914-2173afcc.png", date: "Jan 2024"},
{
id: "4",
category: ["Development", "Performance"],
title: "Web Performance Optimization",
excerpt: "Optimized site performance resulting in 60% faster load times and improved SEO rankings by 200%.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/website-performance-optimization-dashboa-1772692807981-7264e949.png?_wi=1",
imageAlt: "Performance metrics dashboard",
authorName: "David Park",
authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/brand-strategist-professional-headshot-s-1772692806401-294e9227.png",
date: "Dec 2023",
},
id: "4", category: ["Development", "Performance"],
title: "Web Performance Optimization", excerpt: "Optimized site performance resulting in 60% faster load times and improved SEO rankings by 200%.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/website-performance-optimization-dashboa-1772692807981-7264e949.png", imageAlt: "Performance metrics dashboard", authorName: "David Park", authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/brand-strategist-professional-headshot-s-1772692806401-294e9227.png", date: "Dec 2023"},
]}
title="Featured Work"
description="Explore our recent projects and case studies showcasing transformative digital solutions"
@@ -207,47 +149,17 @@ export default function HomePage() {
<TeamCardOne
members={[
{
id: "1",
name: "Alex Thompson",
role: "Founder & Strategy Director",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/professional-headshot-of-a-founder-with--1772692806062-ac4858f8.png?_wi=1",
imageAlt: "Alex Thompson",
},
id: "1", name: "Alex Thompson", role: "Founder & Strategy Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/professional-headshot-of-a-founder-with--1772692806062-ac4858f8.png", imageAlt: "Alex Thompson"},
{
id: "2",
name: "Jordan Blake",
role: "Creative Director",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/creative-professional-headshot-showing-a-1772692806517-c11fdbee.png?_wi=1",
imageAlt: "Jordan Blake",
},
id: "2", name: "Jordan Blake", role: "Creative Director", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/creative-professional-headshot-showing-a-1772692806517-c11fdbee.png", imageAlt: "Jordan Blake"},
{
id: "3",
name: "Casey Williams",
role: "Lead Developer",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/developer-professional-headshot-with-tec-1772692807932-419c9d36.png?_wi=1",
imageAlt: "Casey Williams",
},
id: "3", name: "Casey Williams", role: "Lead Developer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/developer-professional-headshot-with-tec-1772692807932-419c9d36.png", imageAlt: "Casey Williams"},
{
id: "4",
name: "Morgan Lee",
role: "UX/UI Designer",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/ux-ui-designer-professional-headshot-des-1772692806914-2173afcc.png?_wi=1",
imageAlt: "Morgan Lee",
},
id: "4", name: "Morgan Lee", role: "UX/UI Designer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/ux-ui-designer-professional-headshot-des-1772692806914-2173afcc.png", imageAlt: "Morgan Lee"},
{
id: "5",
name: "Taylor Hunt",
role: "Brand Strategist",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/brand-strategist-professional-headshot-s-1772692806401-294e9227.png?_wi=1",
imageAlt: "Taylor Hunt",
},
id: "5", name: "Taylor Hunt", role: "Brand Strategist", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/brand-strategist-professional-headshot-s-1772692806401-294e9227.png", imageAlt: "Taylor Hunt"},
{
id: "6",
name: "Riley Davis",
role: "Growth Marketer",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/growth-marketer-professional-headshot-wi-1772692806833-67370daf.png?_wi=1",
imageAlt: "Riley Davis",
},
id: "6", name: "Riley Davis", role: "Growth Marketer", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/growth-marketer-professional-headshot-wi-1772692806833-67370daf.png", imageAlt: "Riley Davis"},
]}
title="Meet Our Team"
description="Talented strategists, designers, and developers dedicated to your success"
@@ -269,21 +181,13 @@ export default function HomePage() {
author="Victoria Richardson, CEO at TechVenture"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/professional-headshot-of-a-satisfied-cli-1772692805983-5c9a9837.png",
alt: "Customer testimonial 1",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/professional-headshot-of-a-satisfied-cli-1772692805983-5c9a9837.png", alt: "Customer testimonial 1"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/professional-headshot-of-a-business-exec-1772692805509-9e5a878d.png",
alt: "Customer testimonial 2",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/professional-headshot-of-a-business-exec-1772692805509-9e5a878d.png", alt: "Customer testimonial 2"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/professional-headshot-of-an-entrepreneur-1772692805730-32c7bafb.png",
alt: "Customer testimonial 3",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/professional-headshot-of-an-entrepreneur-1772692805730-32c7bafb.png", alt: "Customer testimonial 3"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/professional-headshot-of-a-satisfied-cus-1772692805577-bcba99a2.png",
alt: "Customer testimonial 4",
},
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AVzsjmY9uL2KCblPxYrkOsTYYe/professional-headshot-of-a-satisfied-cus-1772692805577-bcba99a2.png", alt: "Customer testimonial 4"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -295,37 +199,20 @@ export default function HomePage() {
<ContactFaq
faqs={[
{
id: "1",
title: "What's your typical project timeline?",
content: "Projects typically range from 6-16 weeks depending on scope and complexity. We provide detailed timelines during the discovery phase and maintain clear communication throughout.",
},
id: "1", title: "What's your typical project timeline?", content: "Projects typically range from 6-16 weeks depending on scope and complexity. We provide detailed timelines during the discovery phase and maintain clear communication throughout."},
{
id: "2",
title: "How do you approach strategy?",
content: "We begin with deep discovery to understand your business, market, and goals. Our team conducts competitive research and user analysis to inform strategic recommendations.",
},
id: "2", title: "How do you approach strategy?", content: "We begin with deep discovery to understand your business, market, and goals. Our team conducts competitive research and user analysis to inform strategic recommendations."},
{
id: "3",
title: "Can you work with existing teams?",
content: "Absolutely. We frequently collaborate with internal teams and other agencies. We believe in seamless integration and knowledge transfer to ensure long-term success.",
},
id: "3", title: "Can you work with existing teams?", content: "Absolutely. We frequently collaborate with internal teams and other agencies. We believe in seamless integration and knowledge transfer to ensure long-term success."},
{
id: "4",
title: "What support do you provide post-launch?",
content: "We offer ongoing support packages including maintenance, optimization, and analytics reporting to ensure continued success of your digital initiatives.",
},
id: "4", title: "What support do you provide post-launch?", content: "We offer ongoing support packages including maintenance, optimization, and analytics reporting to ensure continued success of your digital initiatives."},
{
id: "5",
title: "How do you measure success?",
content: "We establish KPIs during project planning aligned with your business objectives. We provide regular reporting and optimization recommendations based on data.",
},
id: "5", title: "How do you measure success?", content: "We establish KPIs during project planning aligned with your business objectives. We provide regular reporting and optimization recommendations based on data."},
]}
ctaTitle="Ready to Transform Your Digital Presence?"
ctaDescription="Let's discuss your project and explore how we can help you achieve your business goals."
ctaButton={{
text: "Schedule a Consultation",
href: "mailto:hello@proofdigital.com",
}}
text: "Schedule a Consultation", href: "mailto:hello@proofdigital.com"}}
ctaIcon={MessageCircle}
useInvertedBackground={false}
animationType="slide-up"