Merge version_2 into main #5
@@ -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 (
|
||||
@@ -32,7 +32,7 @@ export default function LandingPage() {
|
||||
{ name: "Services", id: "services" },
|
||||
{ name: "Process", id: "about" },
|
||||
{ name: "Results", id: "metrics" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Reviews", id: "faq" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
button={{ text: "Start your project", href: "contact" }}
|
||||
@@ -44,33 +44,34 @@ 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" }}
|
||||
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"
|
||||
buttons={[
|
||||
{ text: "Start your project", href: "contact" },
|
||||
{ text: "View our work", href: "testimonials" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MetricSplitMediaAbout
|
||||
title="Our proven process"
|
||||
description="gets your product to market fast"
|
||||
title="Our proven process gets your product to market fast"
|
||||
description="End-to-end methodology designed for early-stage founders"
|
||||
metrics={[
|
||||
{ value: "50+", title: "MVPs launched" },
|
||||
{ value: "4-8 weeks", title: "Average timeline" }
|
||||
{ value: "50+", title: "MVPs Launched" },
|
||||
{ value: "4-8 weeks", title: "Average Delivery" },
|
||||
{ value: "98%", title: "On-Time Delivery" }
|
||||
]}
|
||||
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"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -87,23 +88,23 @@ export default function LandingPage() {
|
||||
},
|
||||
{
|
||||
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: "Speed", 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", imageAlt: "Rapid Prototyping"
|
||||
},
|
||||
{
|
||||
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: "Process", title: "Transparent Process", subtitle: "Clear Communication", 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"
|
||||
},
|
||||
{
|
||||
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: "Experience", title: "Startup Expertise", subtitle: "Proven Track Record", 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"
|
||||
},
|
||||
{
|
||||
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 Assistance", 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"
|
||||
},
|
||||
{
|
||||
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: "Value", 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", imageAlt: "Cost-Effective Solutions"
|
||||
}
|
||||
]}
|
||||
textboxLayout="default"
|
||||
@@ -118,31 +119,34 @@ export default function LandingPage() {
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardFive
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Choose the plan that fits your needs"
|
||||
description="Choose the perfect plan 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: "Starter", price: "$50K", period: "", description: "Perfect for validating your concept", featuresTitle: "Includes", features: [
|
||||
"4-week delivery timeline", "Up to 5 core features", "Basic responsive design", "Standard tech stack", "30 days post-launch support"
|
||||
],
|
||||
button: { text: "Get Started", href: "#" }
|
||||
},
|
||||
{
|
||||
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: "2", tag: "Growth", price: "$100K", period: "", description: "Ideal for funded startups", featuresTitle: "Includes", features: [
|
||||
"6-week delivery timeline", "Up to 12 core features", "Advanced UI/UX design", "Custom integrations", "60 days post-launch support", "Database optimization"
|
||||
],
|
||||
button: { text: "Get Started", href: "#" }
|
||||
},
|
||||
{
|
||||
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: "3", tag: "Enterprise", price: "$150K", period: "", description: "For complex, scalable solutions", featuresTitle: "Includes", features: [
|
||||
"8-week delivery timeline", "Unlimited features", "Premium design & UX", "Advanced integrations", "90 days post-launch support", "Performance optimization", "Technical architecture consultation"
|
||||
],
|
||||
button: { text: "Get Started", href: "#" }
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
buttons={[
|
||||
{ text: "View all plans", href: "#" }
|
||||
{ text: "View detailed pricing", href: "#" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
@@ -156,16 +160,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: "From seed to Series A funding"
|
||||
},
|
||||
{
|
||||
id: "2", value: "4-8", title: "Weeks", description: "Avg Delivery Time"
|
||||
id: "2", value: "4-8 weeks", title: "Average MVP delivery time", description: "40% faster than industry average"
|
||||
},
|
||||
{
|
||||
id: "3", value: "150", title: "K", description: "Typical Investment"
|
||||
id: "3", value: "$50K-$150K", title: "Typical MVP investment range", description: "Cost-effective vs. in-house hiring"
|
||||
},
|
||||
{
|
||||
id: "4", value: "92", title: "%", description: "Satisfaction Rating"
|
||||
id: "4", value: "92%", title: "Client satisfaction rating", description: "Founders recommend us to peers"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -178,28 +182,6 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<FaqSplitMedia
|
||||
title="Founder Love"
|
||||
description="What early-stage founders and startup CTOs have to say about working with us."
|
||||
tag="Reviews"
|
||||
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: "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."
|
||||
}
|
||||
]}
|
||||
faqsAnimation="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
mediaPosition="left"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
title="Common Questions"
|
||||
@@ -220,7 +202,7 @@ export default function LandingPage() {
|
||||
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: "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 are agile and responsive to feedback. Changes within scope are handled during these cycles; significant scope expansions can be managed via project extensions."
|
||||
},
|
||||
{
|
||||
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."
|
||||
|
||||
Reference in New Issue
Block a user