Merge version_3 into main #5
@@ -36,36 +36,36 @@ export default function LandingPage() {
|
||||
{ name: "Pricing", id: "pricing" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="Webuild"
|
||||
bottomLeftText="Global Web Experts"
|
||||
bottomRightText="hello@webuild.com"
|
||||
brandName="JAKI"
|
||||
bottomLeftText="Just Getting Started"
|
||||
bottomRightText="hello@jaki.com"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
title="Build Your Dream Website With Expert Designers & Developers"
|
||||
description="We craft beautiful, high-performing websites that convert visitors into customers. From concept to launch, we bring your digital vision to life."
|
||||
title="Build Your Vision With JAKI"
|
||||
description="We're a passionate startup crafting beautiful, high-performing websites for early-stage companies and ambitious founders. From concept to launch, we bring your digital dreams to life."
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ajoj8KbbvS8KtQr107g1tTKstt/professional-headshot-portrait-of-a-succ-1773115722684-53c4b22f.png", alt: "Client 1" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ajoj8KbbvS8KtQr107g1tTKstt/professional-headshot-portrait-of-a-succ-1773115723491-dad8138e.png", alt: "Client 2" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ajoj8KbbvS8KtQr107g1tTKstt/professional-headshot-of-a-creative-fema-1773115725073-af681d86.png", alt: "Client 3" }
|
||||
]}
|
||||
avatarText="Join 150+ brands that increased conversions by 40%"
|
||||
avatarText="Join 15+ startups that launched with us"
|
||||
buttons={[
|
||||
{ text: "Start Your Project", href: "contact" },
|
||||
{ text: "View Our Work", href: "portfolio" }
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
ariaLabel="Hero section - Web design agency"
|
||||
ariaLabel="Hero section - Startup web design agency"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TextAbout
|
||||
tag="About Us"
|
||||
title="We're a team of passionate designers and developers dedicated to creating digital experiences that matter. With over 10 years of combined expertise, we transform ideas into beautiful, functional websites that drive real business results."
|
||||
tag="About JAKI"
|
||||
title="We're a scrappy team of designers and developers passionate about helping startups succeed. With expertise in building lean, high-impact digital products, we deliver websites that actually drive results—without the corporate overhead."
|
||||
buttons={[
|
||||
{ text: "Learn More", href: "services" }
|
||||
]}
|
||||
@@ -77,36 +77,36 @@ export default function LandingPage() {
|
||||
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyFive
|
||||
title="Our Services"
|
||||
description="Comprehensive web solutions tailored to your business needs"
|
||||
tag="What We Offer"
|
||||
title="What We Offer"
|
||||
description="Lean, focused solutions designed for startups that need to move fast"
|
||||
tag="Our Services"
|
||||
features={[
|
||||
{
|
||||
title: "Web Design", description: "Modern, responsive designs that capture your brand essence and engage your audience.", icon: Palette,
|
||||
title: "Web Design", description: "Clean, modern designs that capture your startup's personality and engage your first users.", icon: Palette,
|
||||
mediaItems: [
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ajoj8KbbvS8KtQr107g1tTKstt/a-creative-workspace-showing-web-design--1773115723606-7869cef2.png", imageAlt: "Web design process" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ajoj8KbbvS8KtQr107g1tTKstt/a-modern-web-design-agency-dashboard-int-1773115724103-47117442.png?_wi=1", imageAlt: "Design mockups" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Web Development", description: "Fast, scalable, and secure websites built with the latest technologies and best practices.", icon: Code,
|
||||
title: "Web Development", description: "Fast, scalable, and secure websites built with modern tech—no bloat, just what you need.", icon: Code,
|
||||
mediaItems: [
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ajoj8KbbvS8KtQr107g1tTKstt/a-professional-developer-s-workspace-wit-1773115723742-03d34a7c.png", imageAlt: "Development workspace" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ajoj8KbbvS8KtQr107g1tTKstt/a-strategic-planning-session-with-digita-1773115723802-06c960a1.png?_wi=1", imageAlt: "Technical planning" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Digital Strategy", description: "Strategic planning to ensure your website aligns with your business goals and user needs.", icon: BarChart3,
|
||||
title: "Startup Strategy", description: "Strategic guidance to ensure your website aligns with your startup goals and user needs.", icon: BarChart3,
|
||||
mediaItems: [
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ajoj8KbbvS8KtQr107g1tTKstt/a-strategic-planning-session-with-digita-1773115723802-06c960a1.png?_wi=2", imageAlt: "Strategy planning" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ajoj8KbbvS8KtQr107g1tTKstt/a-modern-web-design-agency-dashboard-int-1773115724103-47117442.png?_wi=2", imageAlt: "Analytics dashboard" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "E-Commerce Solutions", description: "Complete online store setup and optimization to maximize your sales and customer satisfaction.", icon: ShoppingCart,
|
||||
title: "MVP Launch", description: "Build your MVP fast and launch to market. We help startups get from zero to live.", icon: ShoppingCart,
|
||||
mediaItems: [
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ajoj8KbbvS8KtQr107g1tTKstt/a-stunning-modern-e-commerce-website-des-1773115724253-f23cc1d8.png?_wi=1", imageAlt: "E-commerce website" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ajoj8KbbvS8KtQr107g1tTKstt/a-modern-web-design-agency-dashboard-int-1773115724103-47117442.png?_wi=3", imageAlt: "Sales dashboard" }
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ajoj8KbbvS8KtQr107g1tTKstt/a-stunning-modern-e-commerce-website-des-1773115724253-f23cc1d8.png?_wi=1", imageAlt: "MVP launch" },
|
||||
{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ajoj8KbbvS8KtQr107g1tTKstt/a-modern-web-design-agency-dashboard-int-1773115724103-47117442.png?_wi=3", imageAlt: "Launch dashboard" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
@@ -120,18 +120,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="portfolio" data-section="portfolio">
|
||||
<ProductCardOne
|
||||
title="Recent Projects"
|
||||
description="Explore some of our most successful website designs and developments"
|
||||
title="Startup Projects"
|
||||
description="Take a look at the websites and MVPs we've built for early-stage companies"
|
||||
tag="Portfolio"
|
||||
products={[
|
||||
{
|
||||
id: "1", name: "Luxury Fashion Brand", price: "E-Commerce", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ajoj8KbbvS8KtQr107g1tTKstt/a-stunning-modern-e-commerce-website-des-1773115724253-f23cc1d8.png?_wi=2", imageAlt: "Luxury fashion website"
|
||||
id: "1", name: "E-Commerce Startup", price: "MVP", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ajoj8KbbvS8KtQr107g1tTKstt/a-stunning-modern-e-commerce-website-des-1773115724253-f23cc1d8.png?_wi=2", imageAlt: "E-commerce startup website"
|
||||
},
|
||||
{
|
||||
id: "2", name: "SaaS Platform", price: "Web App", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ajoj8KbbvS8KtQr107g1tTKstt/a-corporate-saas-platform-website-design-1773115723676-8e1f5364.png", imageAlt: "SaaS dashboard platform"
|
||||
id: "2", name: "SaaS Launch", price: "Web App", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ajoj8KbbvS8KtQr107g1tTKstt/a-corporate-saas-platform-website-design-1773115723676-8e1f5364.png", imageAlt: "SaaS platform launch"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Creative Agency", price: "Portfolio", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ajoj8KbbvS8KtQr107g1tTKstt/a-creative-agency-website-design-showcas-1773115726639-96d8a3a4.png", imageAlt: "Creative agency showcase"
|
||||
id: "3", name: "Creator Portfolio", price: "Portfolio", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ajoj8KbbvS8KtQr107g1tTKstt/a-creative-agency-website-design-showcas-1773115726639-96d8a3a4.png", imageAlt: "Creator portfolio site"
|
||||
}
|
||||
]}
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
@@ -145,10 +145,10 @@ export default function LandingPage() {
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
title="Trusted By Industry Leaders"
|
||||
description="Join hundreds of companies that have transformed their digital presence with our expertise"
|
||||
tag="Our Clients"
|
||||
names={["TechCorp Solutions", "FintechX", "EcommercePro", "HealthPlus", "CreativeStudio", "EduLearn", "EnterpriseHub", "Global Innovations"]}
|
||||
title="Trusted By Young Companies"
|
||||
description="Early-stage startups that have launched and scaled with JAKI"
|
||||
tag="Our Startups"
|
||||
names={["TechStart Labs", "FinApp Co", "ShopFlow", "HealthGrow", "Creative Hub", "EduTech", "DevTools", "Growth Labs"]}
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
speed={35}
|
||||
@@ -179,8 +179,8 @@ export default function LandingPage() {
|
||||
id: "6", name: "James Wilson", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ajoj8KbbvS8KtQr107g1tTKstt/professional-headshot-of-a-male-business-1773115724931-5e373c65.png", imageAlt: "James Wilson"
|
||||
}
|
||||
]}
|
||||
cardTitle="Over 500+ satisfied clients worldwide trust our expertise to deliver exceptional digital experiences"
|
||||
cardTag="Client Success Stories"
|
||||
cardTitle="Startups love working with JAKI because we understand the hustle and deliver fast"
|
||||
cardTag="Startup Success Stories"
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
ariaLabel="Testimonials section"
|
||||
@@ -189,21 +189,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardOne
|
||||
title="Simple, Transparent Pricing"
|
||||
description="Choose the perfect package for your project. All plans include ongoing support and updates."
|
||||
title="Startup-Friendly Pricing"
|
||||
description="Simple pricing that scales with your startup. No hidden fees, no surprises."
|
||||
tag="Pricing Plans"
|
||||
plans={[
|
||||
{
|
||||
id: "starter", badge: "Perfect for Startups", badgeIcon: Rocket,
|
||||
price: "$2,500", subtitle: "Ideal for small businesses and startups", features: ["5-7 page responsive website", "Mobile optimization", "Basic SEO setup", "Contact form integration", "1 month of free support"]
|
||||
id: "starter", badge: "Early Stage", badgeIcon: Rocket,
|
||||
price: "$1,500", subtitle: "Perfect for first-time founders", features: ["5-page responsive website", "Mobile optimization", "Basic SEO setup", "Contact form", "2 weeks support"]
|
||||
},
|
||||
{
|
||||
id: "professional", badge: "Most Popular", badgeIcon: Sparkles,
|
||||
price: "$5,000", subtitle: "Best for growing businesses", features: ["10-15 page custom website", "E-commerce integration", "Advanced SEO optimization", "Analytics setup", "3 months of free support"]
|
||||
id: "professional", badge: "Growth Stage", badgeIcon: Sparkles,
|
||||
price: "$3,500", subtitle: "For growing startups", features: ["8-12 page custom website", "E-commerce basics", "SEO optimization", "Analytics setup", "1 month support"]
|
||||
},
|
||||
{
|
||||
id: "enterprise", badge: "For Large Scale", badgeIcon: Star,
|
||||
price: "Custom", subtitle: "Enterprise solutions tailored to you", features: ["Unlimited pages and customization", "Full e-commerce with inventory", "Advanced marketing tools", "API integrations", "6 months of priority support"]
|
||||
id: "enterprise", badge: "Scaling Up", badgeIcon: Star,
|
||||
price: "Custom", subtitle: "Full-service startup solutions", features: ["Unlimited pages & features", "Custom e-commerce system", "Growth marketing tools", "API integrations", "3 months priority support"]
|
||||
}
|
||||
]}
|
||||
animationType="slide-up"
|
||||
@@ -216,18 +216,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
tag="Get In Touch"
|
||||
title="Let's Create Something Amazing Together"
|
||||
description="Ready to transform your digital presence? Get in touch with our team. We'll discuss your project, understand your goals, and create a custom solution that exceeds your expectations."
|
||||
tag="Let's Connect"
|
||||
title="Ready To Launch?"
|
||||
description="Tell us about your startup. We'll walk you through our process, understand your vision, and show you how we can help you go from idea to live."
|
||||
background={{ variant: "downward-rays-static" }}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ajoj8KbbvS8KtQr107g1tTKstt/a-modern-office-environment-showing-web--1773115725218-b22203b8.png"
|
||||
imageAlt="Web design team collaboration"
|
||||
imageAlt="Startup team collaboration"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Get Started"
|
||||
termsText="We respect your privacy. We'll only contact you about your project."
|
||||
termsText="We respect your inbox. Only startup-relevant updates."
|
||||
ariaLabel="Contact section"
|
||||
/>
|
||||
</div>
|
||||
@@ -247,8 +247,8 @@ export default function LandingPage() {
|
||||
title: "Services", items: [
|
||||
{ label: "Web Design", href: "#" },
|
||||
{ label: "Web Development", href: "#" },
|
||||
{ label: "E-Commerce", href: "#" },
|
||||
{ label: "Digital Strategy", href: "#" }
|
||||
{ label: "MVP Launch", href: "#" },
|
||||
{ label: "Startup Strategy", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
@@ -267,11 +267,11 @@ export default function LandingPage() {
|
||||
]
|
||||
}
|
||||
]}
|
||||
bottomLeftText="© 2025 Webuild. All rights reserved."
|
||||
bottomRightText="Made with passion for the web"
|
||||
bottomLeftText="© 2025 JAKI. All rights reserved."
|
||||
bottomRightText="Built by startups, for startups"
|
||||
ariaLabel="Site footer"
|
||||
/>
|
||||
</div>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user