10 Commits

Author SHA1 Message Date
f3523e23e5 Update src/app/layout.tsx 2026-03-03 16:22:44 +00:00
723a21d755 Update src/app/page.tsx 2026-03-03 16:13:31 +00:00
59c678f912 Update src/app/page.tsx 2026-03-03 16:07:49 +00:00
75c8ff2950 Update src/app/layout.tsx 2026-03-03 16:07:46 +00:00
4b13826e46 Update src/app/page.tsx 2026-03-03 15:36:16 +00:00
249eca15f2 Update src/app/layout.tsx 2026-03-03 15:36:15 +00:00
d3f4f6683b Update src/app/page.tsx 2026-03-03 15:32:04 +00:00
465f79700c Update src/app/page.tsx 2026-03-03 15:29:41 +00:00
3196b40a6b Update src/app/page.tsx 2026-03-03 15:25:36 +00:00
6af79832c3 Update src/app/page.tsx 2026-03-03 15:22:05 +00:00
2 changed files with 50 additions and 85 deletions

View File

@@ -1,51 +1,17 @@
import type { Metadata } from "next";
import { Mulish } from "next/font/google";
import { Inter } from "next/font/google";
import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag";
const mulish = Mulish({
variable: "--font-mulish", subsets: ["latin"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
import "./styles/globals.css";
export const metadata: Metadata = {
title: "MVP Development Agency | Ship in Weeks, Not Months", description: "Turn your product vision into market-ready software. Transparent process, experienced team, startup-focused delivery. 50+ MVPs launched. 4-8 week delivery.", keywords: "MVP development, startup development, rapid prototyping, SaaS development, MVP agency", metadataBase: new URL("https://webild.dev"),
alternates: {
canonical: "https://webild.dev"
},
openGraph: {
title: "Ship Your MVP in Weeks | Webild", description: "Expert MVP development for early-stage founders. Transparent pricing, proven track record, startup expertise.", type: "website", siteName: "Webild", images: [{
url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-modern-clean-mvp-development-dashboard-1772549675828-98387a7e.png", alt: "MVP development platform"
}]
},
twitter: {
card: "summary_large_image", title: "Ship Your MVP Fast | Webild", description: "Transparent MVP development for startups. 50+ MVPs delivered. 4-8 week timeline.", images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-modern-clean-mvp-development-dashboard-1772549675828-98387a7e.png"]
},
robots: {
index: true,
follow: true
}
};
title: "Webild - MVP Development for Startups", description: "Ship your MVP in weeks, not months. We turn your product vision into market-ready software with transparent process and startup-focused delivery.", keywords: "MVP development, startup software, web development, product launch"};
export default function RootLayout({
children,
}: Readonly<{
}: {
children: React.ReactNode;
}>) {
}) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${mulish.variable} ${inter.variable} antialiased`}
>
<Tag />
{children}
<html lang="en">
<body>{children}
<script
dangerouslySetInnerHTML={{
__html: `
@@ -1413,7 +1379,6 @@ export default function RootLayout({
}}
/>
</body>
</ServiceWrapper>
</html>
);
}

View File

@@ -9,7 +9,7 @@ import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Zap, Sparkles, TrendingUp, Heart, HelpCircle, Check } from "lucide-react";
import { Zap, Sparkles, TrendingUp, Heart, HelpCircle } from "lucide-react";
export default function LandingPage() {
return (
@@ -44,33 +44,30 @@ 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" }}
avatars={[
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-modern-clean-mvp-development-dashboard-1772549675828-98387a7e.png", alt: "MVP development platform dashboard" }
]}
buttons={[
{ text: "Start your project", href: "contact" },
{ text: "View our work", href: "testimonials" }
]}
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" },
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-professional-headshot-of-a-male-produc-1772549675516-58be5645.png", alt: "Product manager" }
]}
avatarText="Trusted by 50+ startups"
buttonAnimation="slide-up"
/>
</div>
<div id="about" data-section="about">
<MetricSplitMediaAbout
title="Our proven process"
title="Our proven"
description="gets your product to market fast"
metrics={[
{ value: "50+", title: "MVPs launched" },
{ value: "4-8 weeks", title: "Average timeline" }
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/a-professional-badge-or-stamp-design-rep-1772549676901-195261fb.png"
imageAlt="Process methodology"
mediaAnimation="slide-up"
metricsAnimation="slide-up"
useInvertedBackground={false}
metrics={[
{ value: "50+", title: "MVPs Launched" },
{ value: "4-8 weeks", title: "Average Timeline" }
]}
/>
</div>
@@ -83,27 +80,27 @@ export default function LandingPage() {
features={[
{
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", imageAlt: "Full-Stack Development"
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"
},
{
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", imageAlt: "Rapid Prototyping"
tag: "Prototyping", title: "Rapid Prototyping", subtitle: "Quick Validation", 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: 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", imageAlt: "Transparent Process"
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"
},
{
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", imageAlt: "Startup Expertise"
tag: "Expertise", title: "Startup Expertise", subtitle: "Experience Proven", 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: 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", imageAlt: "Post-Launch Support"
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"
},
{
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", imageAlt: "Cost-Effective Solutions"
tag: "Pricing", title: "Cost-Effective Solutions", subtitle: "Maximum Value", 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"
}
]}
textboxLayout="default"
@@ -117,24 +114,22 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing">
<PricingCardFive
title="Simple, Transparent Pricing"
description="Choose the plan that fits your needs"
title="Transparent Pricing"
description="Simple, predictable pricing for your MVP development needs."
tag="Pricing"
tagIcon={Sparkles}
tagIcon={TrendingUp}
plans={[
{
id: "monthly-retainer", tag: "Monthly Retainer Plan", price: "$5,000", period: "/m", description: "Scale design, no-code builds & copy quicker than recruiting in-house.", button: { text: "Get started", href: "#contact" }, featuresTitle: "What's Included:", features: [
"Unlimited design requests", "48-hour turnaround", "Dedicated project manager", "Weekly status updates"
id: "1", tag: "Popular", tagIcon: Sparkles,
price: "$50K", period: "project", description: "Perfect for MVP launches", button: { text: "Get Started", href: "#" },
featuresTitle: "Included", features: [
"4-8 week delivery", "Full-stack development", "2 iteration cycles", "Post-launch support"
]
},
{
id: "standard-mvp", tag: "Standard MVP Package", price: "$75,000", period: "one-time", description: "Full MVP development with all core features and 30 days of support.", button: { text: "Schedule call", href: "#contact" }, featuresTitle: "What's Included:", features: [
"Full-stack development", "UI/UX design", "30-day support", "Performance optimization"
]
},
{
id: "enterprise", tag: "Enterprise Custom", price: "Custom", period: "quote", description: "Complex projects with custom requirements and extended support.", button: { text: "Contact us", href: "#contact" }, featuresTitle: "What's Included:", features: [
"Custom development", "Advanced architecture", "Extended support", "Infrastructure setup"
id: "2", tag: "Enterprise", price: "$150K+", period: "project", description: "For complex projects", button: { text: "Contact Us", href: "#" },
featuresTitle: "Included", features: [
"Custom timeline", "Dedicated team", "Advanced features", "6 months support", "Architecture consulting"
]
}
]}
@@ -142,7 +137,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={false}
buttons={[
{ text: "View all plans", href: "#" }
{ text: "View all pricing", href: "#" }
]}
buttonAnimation="slide-up"
/>
@@ -156,16 +151,16 @@ export default function LandingPage() {
tagIcon={TrendingUp}
metrics={[
{
id: "1", value: "50+", title: "MVPs", description: "MVPs Launched"
id: "1", value: "50+", title: "MVPs launched for startups", description: "Successful MVP launches"
},
{
id: "2", value: "4-8", title: "Weeks", description: "Avg Delivery Time"
id: "2", value: "4-8 weeks", title: "Average MVP delivery time", description: "Quick turnaround"
},
{
id: "3", value: "150", title: "K", description: "Typical Investment"
id: "3", value: "$50K-$150K", title: "Typical MVP investment range", description: "Transparent pricing"
},
{
id: "4", value: "92", title: "%", description: "Satisfaction Rating"
id: "4", value: "92%", title: "Client satisfaction rating", description: "Happy founders"
}
]}
animationType="slide-up"
@@ -186,17 +181,22 @@ export default function LandingPage() {
tagIcon={Heart}
faqs={[
{
id: "1", title: "Alex Chen, Founder & CEO", content: "Webild turned our idea into a fully functional MVP in just 6 weeks. Their transparent process made us feel like true partners, not just another client."
id: "1", title: "Alex Chen", content: "Webild turned our idea into a fully functional MVP in just 6 weeks. Their transparent process made us feel like true partners, not just another client."
},
{
id: "2", title: "Sarah Martinez, CTO", content: "Webild delivered better quality code at 60% of the cost. Their startup expertise meant they understood our constraints and shipped exactly what we needed."
id: "2", title: "Sarah Martinez", content: "We tried hiring developers locally but the costs were astronomical. Webild delivered better quality code at 60% of the cost."
},
{
id: "3", title: "James Wilson", content: "The communication was exceptional. We had weekly updates and they actually guided us on product decisions."
}
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-showing-a-diverse-team-c-1772549676060-783dcc25.png"
imageAlt="Team collaboration on MVP development"
mediaAnimation="slide-up"
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
mediaPosition="left"
mediaAnimation="slide-up"
/>
</div>
@@ -208,22 +208,22 @@ export default function LandingPage() {
tagIcon={HelpCircle}
faqs={[
{
id: "1", title: "How long does an MVP typically take?", content: "Most MVPs take 4-8 weeks from kickoff to launch. This includes requirements gathering, design, development, testing, and 2 iteration cycles. Timeline can be adjusted based on scope and complexity. We provide fixed timelines upfront so there are no surprises."
id: "1", title: "How long does an MVP typically take?", content: "Most MVPs take 4-8 weeks from kickoff to launch. This includes requirements gathering, design, development, testing, and 2 iteration cycles."
},
{
id: "2", title: "What's your pricing model?", content: "We offer fixed-price packages for standard MVP scopes, typically ranging from $50K-$150K. This includes the full development lifecycle, not just code. We also offer time-and-materials engagement for more complex or exploratory projects. Transparent pricing with no hidden fees."
id: "2", title: "What's your pricing model?", content: "We offer fixed-price packages for standard MVP scopes, typically ranging from $50K-$150K. This includes the full development lifecycle, not just code."
},
{
id: "3", title: "What tech stack do you use?", content: "We build modern, scalable applications using React/Next.js for frontend, Node.js/Python for backend, and cloud infrastructure like AWS or GCP. We choose the best tools for your specific use case. All codebases follow industry best practices and are production-ready."
id: "3", title: "What tech stack do you use?", content: "We build modern, scalable applications using React/Next.js for frontend, Node.js/Python for backend, and cloud infrastructure like AWS or GCP."
},
{
id: "4", title: "Can you help with fundraising?", content: "Absolutely. We have experience working with founders during fundraising rounds. We can help prepare technical documentation, architecture diagrams, and demo environments that impress investors. Many of our clients have successfully raised seed and Series A funding with MVPs we built."
id: "4", title: "Can you help with fundraising?", content: "Absolutely. We have experience working with founders during fundraising rounds. We can help prepare technical documentation and demo environments."
},
{
id: "5", title: "What if I need to pivot or make changes?", content: "Iteration is built into our process. We schedule 2 major iteration cycles into every project. We're agile and responsive to feedback. Changes within scope are handled during these cycles; significant scope expansions can be managed via project extensions."
id: "5", title: "What if I need to pivot or make changes?", content: "Iteration is built into our process. We schedule 2 major iteration cycles into every project. We're agile and responsive to feedback."
},
{
id: "6", title: "Do you provide post-launch support?", content: "Yes. We offer 30 days of post-launch support included with every project, covering bug fixes and minor optimizations. Beyond that, we offer ongoing support packages for continued feature development, scaling, and optimization as your user base grows."
id: "6", title: "Do you provide post-launch support?", content: "Yes. We offer 30 days of post-launch support included with every project, covering bug fixes and minor optimizations."
}
]}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ARJeYX8Eds8VZQrJWHsamdmY5p/an-illustration-showing-a-diverse-team-c-1772549676060-783dcc25.png"