Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
133
src/app/page.tsx
133
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" },
|
||||
@@ -68,17 +63,14 @@ export default function LandingPage() {
|
||||
title="Our proven process"
|
||||
description="gets your product to market fast"
|
||||
metrics={[
|
||||
{ id: "1", value: "50+", label: "MVPs launched", items: ["From seed to Series A", "Across industries"] },
|
||||
{ id: "2", value: "4-8 weeks", label: "Average timeline", items: ["40% faster", "Transparent pricing"] }
|
||||
{ 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"
|
||||
buttons={[
|
||||
{ text: "Learn about our process", href: "#" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
mediaAnimation="slide-up"
|
||||
metricsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -90,25 +82,30 @@ export default function LandingPage() {
|
||||
tagIcon={Sparkles}
|
||||
features={[
|
||||
{
|
||||
id: "1", 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", imageAlt: "Full-Stack Development"
|
||||
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"
|
||||
},
|
||||
{
|
||||
id: "2", 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", imageAlt: "Rapid Prototyping"
|
||||
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"
|
||||
},
|
||||
{
|
||||
id: "3", 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", imageAlt: "Transparent Process"
|
||||
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"
|
||||
},
|
||||
{
|
||||
id: "4", 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", imageAlt: "Startup Expertise"
|
||||
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"
|
||||
},
|
||||
{
|
||||
id: "5", 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", imageAlt: "Post-Launch Support"
|
||||
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"
|
||||
},
|
||||
{
|
||||
id: "6", 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", imageAlt: "Cost-Effective Solutions"
|
||||
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"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
@@ -162,16 +159,16 @@ export default function LandingPage() {
|
||||
tagIcon={TrendingUp}
|
||||
metrics={[
|
||||
{
|
||||
id: "1", value: "50+", description: "MVPs Launched"
|
||||
id: "1", value: "50+", title: "MVPs", description: "MVPs Launched"
|
||||
},
|
||||
{
|
||||
id: "2", value: "4-8 weeks", description: "Avg Delivery Time"
|
||||
id: "2", value: "4-8", title: "Weeks", description: "Avg Delivery Time"
|
||||
},
|
||||
{
|
||||
id: "3", value: "$50K-$150K", description: "Typical Investment"
|
||||
id: "3", value: "150", title: "K", description: "Typical Investment"
|
||||
},
|
||||
{
|
||||
id: "4", value: "92%", description: "Satisfaction Rating"
|
||||
id: "4", value: "92", title: "%", description: "Satisfaction Rating"
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -185,45 +182,24 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<div className="py-20">
|
||||
<div className="w-full max-w-3xl mx-auto px-4">
|
||||
<div className="text-center">
|
||||
<div className="inline-block mb-6">
|
||||
<span className="text-sm font-medium text-primary-cta bg-primary-cta/10 px-4 py-2 rounded-full">Reviews</span>
|
||||
</div>
|
||||
<h2 className="text-4xl md:text-5xl font-bold mb-4">Founder Love</h2>
|
||||
<p className="text-foreground/60 text-lg mb-12">What early-stage founders and startup CTOs have to say about working with us.</p>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
|
||||
<div className="p-8 bg-card rounded-lg border border-accent/20">
|
||||
<div className="flex gap-1 mb-4 justify-center">
|
||||
{[...Array(5)].map((_, i) => (
|
||||
<svg key={i} className="w-5 h-5 text-yellow-400 fill-current" viewBox="0 0 20 20">
|
||||
<path d="M10 15l-5.878 3.09 1.123-6.545L.489 6.91l6.572-.955L10 0l2.939 5.955 6.572.955-4.756 4.635 1.123 6.545z" />
|
||||
</svg>
|
||||
))}
|
||||
</div>
|
||||
<p className="text-foreground/80 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 text-foreground">Alex Chen</p>
|
||||
<p className="text-sm text-foreground/60">Founder & CEO</p>
|
||||
</div>
|
||||
|
||||
<div className="p-8 bg-card rounded-lg border border-accent/20">
|
||||
<div className="flex gap-1 mb-4 justify-center">
|
||||
{[...Array(5)].map((_, i) => (
|
||||
<svg key={i} className="w-5 h-5 text-yellow-400 fill-current" viewBox="0 0 20 20">
|
||||
<path d="M10 15l-5.878 3.09 1.123-6.545L.489 6.91l6.572-.955L10 0l2.939 5.955 6.572.955-4.756 4.635 1.123 6.545z" />
|
||||
</svg>
|
||||
))}
|
||||
</div>
|
||||
<p className="text-foreground/80 mb-4">"Webild delivered better quality code at 60% of the cost. Their startup expertise meant they understood our constraints and shipped exactly what we needed."</p>
|
||||
<p className="font-semibold text-foreground">Sarah Martinez</p>
|
||||
<p className="text-sm text-foreground/60">CTO</p>
|
||||
</div>
|
||||
</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, 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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
@@ -264,39 +240,6 @@ 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: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="Webild"
|
||||
copyrightText="© 2025 Webild. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user