Update src/app/page.tsx
This commit is contained in:
100
src/app/page.tsx
100
src/app/page.tsx
@@ -44,15 +44,10 @@ export default function LandingPage() {
|
||||
title="Ship your MVP in weeks, not months"
|
||||
description="We turn your product vision into market-ready software. Transparent process, experienced team, startup-focused delivery."
|
||||
background={{ variant: "plain" }}
|
||||
tag="MVP Development"
|
||||
tagIcon={Zap}
|
||||
buttons={[
|
||||
{ text: "Start your project", href: "contact" },
|
||||
{ text: "View our work", href: "testimonials" }
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-modern-clean-mvp-development-dashboard-1772549675828-98387a7e.png"
|
||||
imageAlt="MVP development platform dashboard"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-professional-headshot-of-a-confident-m-1772549677631-fe254b42.png", alt: "Founder testimonial" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-professional-headshot-of-a-female-cto--1772549675414-bd393948.png", alt: "Startup founder" },
|
||||
@@ -65,16 +60,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
heading={[
|
||||
{ type: "text", content: "Our proven" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-professional-badge-or-stamp-design-rep-1772549676901-195261fb.png", alt: "Process methodology" },
|
||||
{ type: "text", content: "gets your product to market fast" }
|
||||
title="Our proven process gets your product to market fast"
|
||||
description="End-to-end development services designed for early-stage founders and startup CTOs who need speed without sacrificing quality."
|
||||
metrics={[
|
||||
{ value: "50+", title: "MVPs Launched" },
|
||||
{ value: "4-8 weeks", title: "Average Delivery" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "Learn about our process", href: "#" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -86,26 +80,30 @@ export default function LandingPage() {
|
||||
tagIcon={Sparkles}
|
||||
features={[
|
||||
{
|
||||
title: "Full-Stack Development", description: "From backend architecture to responsive frontend, we build complete, scalable MVPs using modern tech stacks.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-showing-full-stack-web-d-1772549676836-f67fe53a.png"
|
||||
id: 1,
|
||||
tag: "Development", title: "Full-Stack Development", subtitle: "Complete Solutions", description: "From backend architecture to responsive frontend, we build complete, scalable MVPs using modern tech stacks.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-showing-full-stack-web-d-1772549676836-f67fe53a.png"
|
||||
},
|
||||
{
|
||||
title: "Rapid Prototyping", description: "Validate your concept in weeks. We iterate quickly based on feedback to ensure product-market fit.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-depicting-rapid-prototyp-1772549676043-790dc1a3.png"
|
||||
id: 2,
|
||||
tag: "Speed", title: "Rapid Prototyping", subtitle: "Quick Iteration", description: "Validate your concept in weeks. We iterate quickly based on feedback to ensure product-market fit.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-depicting-rapid-prototyp-1772549676043-790dc1a3.png"
|
||||
},
|
||||
{
|
||||
title: "Transparent Process", description: "Regular updates, clear communication, and predictable timelines. You're never left wondering where your project stands.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-representing-transparent-1772549676346-0ef468aa.png"
|
||||
id: 3,
|
||||
tag: "Communication", title: "Transparent Process", subtitle: "Clear Updates", description: "Regular updates, clear communication, and predictable timelines. You're never left wondering where your project stands.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-representing-transparent-1772549676346-0ef468aa.png"
|
||||
},
|
||||
{
|
||||
title: "Startup Expertise", description: "We've built 50+ MVPs for founders just like you. We understand your constraints and priorities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-showing-startup-expertis-1772549678299-71f4942e.png"
|
||||
id: 4,
|
||||
tag: "Experience", title: "Startup Expertise", subtitle: "Industry Knowledge", description: "We've built 50+ MVPs for founders just like you. We understand your constraints and priorities.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-showing-startup-expertis-1772549678299-71f4942e.png"
|
||||
},
|
||||
{
|
||||
title: "Post-Launch Support", description: "Your MVP success doesn't end at launch. We provide onboarding support and optimization guidance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-representing-post-launch-1772549676364-c7ea749f.png"
|
||||
id: 5,
|
||||
tag: "Support", title: "Post-Launch Support", subtitle: "Ongoing Help", description: "Your MVP success doesn't end at launch. We provide onboarding support and optimization guidance.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-representing-post-launch-1772549676364-c7ea749f.png"
|
||||
},
|
||||
{
|
||||
title: "Cost-Effective Solutions", description: "Fixed pricing models and optimized workflows mean you get maximum value for your development budget.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-depicting-cost-effective-1772549676605-358044db.png"
|
||||
id: 6,
|
||||
tag: "Value", title: "Cost-Effective Solutions", subtitle: "Budget Friendly", description: "Fixed pricing models and optimized workflows mean you get maximum value for your development budget.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-depicting-cost-effective-1772549676605-358044db.png"
|
||||
}
|
||||
]}
|
||||
gridVariant="two-items-per-row"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
@@ -123,19 +121,16 @@ export default function LandingPage() {
|
||||
tagIcon={Zap}
|
||||
plans={[
|
||||
{
|
||||
id: "starter", title: "Starter", price: "$50K", period: "fixed", features: ["4-week timeline", "Up to 5 core features", "Basic design", "Testing & QA", "30 days support"],
|
||||
button: { text: "Get Started", href: "contact" },
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-modern-clean-mvp-development-dashboard-1772549675828-98387a7e.png"
|
||||
id: "starter", tag: "Starter", price: "$50K", period: "fixed", description: "4-week timeline with core features", featuresTitle: "Includes", features: ["4-week timeline", "Up to 5 core features", "Basic design", "Testing & QA", "30 days support"],
|
||||
button: { text: "Get Started", href: "contact" }
|
||||
},
|
||||
{
|
||||
id: "professional", title: "Professional", price: "$100K", period: "fixed", features: ["6-week timeline", "Up to 10 core features", "Advanced design", "Full testing & QA", "60 days support"],
|
||||
button: { text: "Get Started", href: "contact" },
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-modern-clean-mvp-development-dashboard-1772549675828-98387a7e.png"
|
||||
id: "professional", tag: "Professional", price: "$100K", period: "fixed", description: "6-week timeline with advanced features", featuresTitle: "Includes", features: ["6-week timeline", "Up to 10 core features", "Advanced design", "Full testing & QA", "60 days support"],
|
||||
button: { text: "Get Started", href: "contact" }
|
||||
},
|
||||
{
|
||||
id: "enterprise", title: "Enterprise", price: "$150K", period: "fixed", features: ["8-week timeline", "Unlimited features", "Premium design", "Comprehensive testing", "90 days support"],
|
||||
button: { text: "Contact Sales", href: "contact" },
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-modern-clean-mvp-development-dashboard-1772549675828-98387a7e.png"
|
||||
id: "enterprise", tag: "Enterprise", price: "$150K", period: "fixed", description: "8-week timeline with unlimited features", featuresTitle: "Includes", features: ["8-week timeline", "Unlimited features", "Premium design", "Comprehensive testing", "90 days support"],
|
||||
button: { text: "Contact Sales", href: "contact" }
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -153,16 +148,16 @@ export default function LandingPage() {
|
||||
tagIcon={TrendingUp}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "50+", title: "MVPs launched for startups", items: ["From seed to Series A funding", "Across multiple industries", "98% on-time delivery rate"]
|
||||
id: "1", value: "50+", title: "MVPs launched for startups", description: "From seed to Series A funding across multiple industries with 98% on-time delivery"
|
||||
},
|
||||
{
|
||||
id: "2", value: "4-8 weeks", title: "Average MVP delivery time", items: ["40% faster than industry average", "Includes 2 iteration cycles", "Transparent fixed pricing"]
|
||||
id: "2", value: "4-8 weeks", title: "Average MVP delivery time", description: "40% faster than industry average with 2 iteration cycles included"
|
||||
},
|
||||
{
|
||||
id: "3", value: "$50K-$150K", title: "Typical MVP investment range", items: ["Cost-effective vs. in-house hiring", "No long-term employment costs", "Scalable team as you grow"]
|
||||
id: "3", value: "$50K-$150K", title: "Typical MVP investment range", description: "Cost-effective vs in-house hiring with no long-term employment costs"
|
||||
},
|
||||
{
|
||||
id: "4", value: "92%", title: "Client satisfaction rating", items: ["Founders recommend us to peers", "Repeat business from 70% of clients", "Average engagement duration 6+ months"]
|
||||
id: "4", value: "92%", title: "Client satisfaction rating", description: "Founders recommend us to peers with 70% repeat business rate"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -240,41 +235,8 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
columns={[
|
||||
{
|
||||
title: "Product", items: [
|
||||
{ label: "Services", href: "#services" },
|
||||
{ label: "Process", href: "#about" },
|
||||
{ label: "Pricing", href: "#pricing" },
|
||||
{ label: "Case Studies", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Company", items: [
|
||||
{ label: "About", href: "#" },
|
||||
{ label: "Team", href: "#" },
|
||||
{ label: "Blog", href: "#" },
|
||||
{ label: "Contact", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources", items: [
|
||||
{ label: "FAQ", href: "#faq" },
|
||||
{ label: "Documentation", href: "#" },
|
||||
{ label: "Support", href: "#" },
|
||||
{ label: "Status", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy", href: "#" },
|
||||
{ label: "Terms", href: "#" },
|
||||
{ label: "Security", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2025 Webild. All rights reserved."
|
||||
bottomRightText="Shipping MVPs that matter"
|
||||
logoText="Webild"
|
||||
copyrightText="© 2025 Webild. All rights reserved."
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
|
||||
Reference in New Issue
Block a user