Merge version_2 into main #9
144
src/app/page.tsx
144
src/app/page.tsx
@@ -44,15 +44,13 @@ 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}
|
||||
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" }
|
||||
]}
|
||||
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"
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -64,11 +62,12 @@ export default function LandingPage() {
|
||||
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}
|
||||
buttons={[
|
||||
{ text: "Learn about our process", href: "#" }
|
||||
metrics={[
|
||||
{ value: "50+", title: "MVPs Launched" },
|
||||
{ value: "4-8 weeks", title: "Average Timeline" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -80,26 +79,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: "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"
|
||||
},
|
||||
{
|
||||
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: "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"
|
||||
},
|
||||
{
|
||||
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: "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"
|
||||
}
|
||||
]}
|
||||
gridVariant="two-items-per-row"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
@@ -117,19 +120,15 @@ export default function LandingPage() {
|
||||
tagIcon={TrendingUp}
|
||||
plans={[
|
||||
{
|
||||
id: "1", badge: "Popular", badgeIcon: Sparkles,
|
||||
price: "$50K", subtitle: "Perfect for MVP launches", buttons: [
|
||||
{ text: "Get Started", href: "#" }
|
||||
],
|
||||
features: [
|
||||
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: "2", badge: "Enterprise", price: "$150K+", subtitle: "For complex projects", buttons: [
|
||||
{ text: "Contact Us", href: "#" }
|
||||
],
|
||||
features: [
|
||||
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"
|
||||
]
|
||||
}
|
||||
@@ -152,16 +151,16 @@ export default function LandingPage() {
|
||||
tagIcon={TrendingUp}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "50+", title: "MVPs launched for startups"
|
||||
id: "1", value: "50+", title: "MVPs launched for startups", description: "Successful MVP launches"
|
||||
},
|
||||
{
|
||||
id: "2", value: "4-8 weeks", title: "Average MVP delivery time"
|
||||
id: "2", value: "4-8 weeks", title: "Average MVP delivery time", description: "Quick turnaround"
|
||||
},
|
||||
{
|
||||
id: "3", value: "$50K-$150K", title: "Typical MVP investment range"
|
||||
id: "3", value: "$50K-$150K", title: "Typical MVP investment range", description: "Transparent pricing"
|
||||
},
|
||||
{
|
||||
id: "4", value: "92%", title: "Client satisfaction rating"
|
||||
id: "4", value: "92%", title: "Client satisfaction rating", description: "Happy founders"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -175,32 +174,30 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<div className="py-20">
|
||||
<div className="space-y-8">
|
||||
<div className="text-center">
|
||||
<p className="text-sm font-medium text-accent mb-2">Reviews</p>
|
||||
<h2 className="text-4xl font-bold mb-4">Founder Love</h2>
|
||||
<p className="text-lg text-foreground/80">What early-stage founders and startup CTOs have to say about working with us.</p>
|
||||
</div>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
<div className="bg-card p-6 rounded-lg">
|
||||
<p className="text-foreground mb-4">"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."</p>
|
||||
<p className="font-semibold">Alex Chen</p>
|
||||
<p className="text-sm text-foreground/60">Founder & CEO</p>
|
||||
</div>
|
||||
<div className="bg-card p-6 rounded-lg">
|
||||
<p className="text-foreground mb-4">"We tried hiring developers locally but the costs were astronomical. Webild delivered better quality code at 60% of the cost."</p>
|
||||
<p className="font-semibold">Sarah Martinez</p>
|
||||
<p className="text-sm text-foreground/60">CTO</p>
|
||||
</div>
|
||||
<div className="bg-card p-6 rounded-lg">
|
||||
<p className="text-foreground mb-4">"The communication was exceptional. We had weekly updates and they actually guided us on product decisions."</p>
|
||||
<p className="font-semibold">James Wilson</p>
|
||||
<p className="text-sm text-foreground/60">Product Manager</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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", 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", 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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
@@ -241,41 +238,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: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
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