2 Commits

Author SHA1 Message Date
fab88a13cd Update src/app/page.tsx 2026-03-10 04:20:58 +00:00
e84e0238a4 Merge version_2 into main
Merge version_2 into main
2026-03-10 04:18:47 +00:00

View File

@@ -36,36 +36,36 @@ export default function LandingPage() {
{ name: "Pricing", id: "pricing" }, { name: "Pricing", id: "pricing" },
{ name: "Contact", id: "contact" } { name: "Contact", id: "contact" }
]} ]}
brandName="Webuild" brandName="JAKI"
bottomLeftText="Global Web Experts" bottomLeftText="Just Getting Started"
bottomRightText="hello@webuild.com" bottomRightText="hello@jaki.com"
/> />
</div> </div>
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroCentered <HeroCentered
title="Build Your Dream Website With Expert Designers & Developers" title="Build Your Vision With JAKI"
description="We craft beautiful, high-performing websites that convert visitors into customers. From concept to launch, we bring your digital vision to life." 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" }} background={{ variant: "downward-rays-static" }}
avatars={[ 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-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-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" } { 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={[ buttons={[
{ text: "Start Your Project", href: "contact" }, { text: "Start Your Project", href: "contact" },
{ text: "View Our Work", href: "portfolio" } { text: "View Our Work", href: "portfolio" }
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
ariaLabel="Hero section - Web design agency" ariaLabel="Hero section - Startup web design agency"
/> />
</div> </div>
<div id="about" data-section="about"> <div id="about" data-section="about">
<TextAbout <TextAbout
tag="About Us" tag="About JAKI"
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." 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={[ buttons={[
{ text: "Learn More", href: "services" } { text: "Learn More", href: "services" }
]} ]}
@@ -77,36 +77,36 @@ export default function LandingPage() {
<div id="services" data-section="services"> <div id="services" data-section="services">
<FeatureCardTwentyFive <FeatureCardTwentyFive
title="Our Services" title="What We Offer"
description="Comprehensive web solutions tailored to your business needs" description="Lean, focused solutions designed for startups that need to move fast"
tag="What We Offer" tag="Our Services"
features={[ 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: [ 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-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" } { 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 techno bloat, just what you need.", icon: Code,
mediaItems: [ 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-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" } { 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: [ 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-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" } { 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: [ 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-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: "Sales dashboard" } { 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"> <div id="portfolio" data-section="portfolio">
<ProductCardOne <ProductCardOne
title="Recent Projects" title="Startup Projects"
description="Explore some of our most successful website designs and developments" description="Take a look at the websites and MVPs we've built for early-stage companies"
tag="Portfolio" tag="Portfolio"
products={[ 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" gridVariant="three-columns-all-equal-width"
@@ -145,10 +145,10 @@ export default function LandingPage() {
<div id="social-proof" data-section="social-proof"> <div id="social-proof" data-section="social-proof">
<SocialProofOne <SocialProofOne
title="Trusted By Industry Leaders" title="Trusted By Young Companies"
description="Join hundreds of companies that have transformed their digital presence with our expertise" description="Early-stage startups that have launched and scaled with JAKI"
tag="Our Clients" tag="Our Startups"
names={["TechCorp Solutions", "FintechX", "EcommercePro", "HealthPlus", "CreativeStudio", "EduLearn", "EnterpriseHub", "Global Innovations"]} names={["TechStart Labs", "FinApp Co", "ShopFlow", "HealthGrow", "Creative Hub", "EduTech", "DevTools", "Growth Labs"]}
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
speed={35} 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" 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" cardTitle="Startups love working with JAKI because we understand the hustle and deliver fast"
cardTag="Client Success Stories" cardTag="Startup Success Stories"
cardAnimation="slide-up" cardAnimation="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
ariaLabel="Testimonials section" ariaLabel="Testimonials section"
@@ -189,21 +189,21 @@ export default function LandingPage() {
<div id="pricing" data-section="pricing"> <div id="pricing" data-section="pricing">
<PricingCardOne <PricingCardOne
title="Simple, Transparent Pricing" title="Startup-Friendly Pricing"
description="Choose the perfect package for your project. All plans include ongoing support and updates." description="Simple pricing that scales with your startup. No hidden fees, no surprises."
tag="Pricing Plans" tag="Pricing Plans"
plans={[ plans={[
{ {
id: "starter", badge: "Perfect for Startups", badgeIcon: Rocket, id: "starter", badge: "Early Stage", 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"] 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, id: "professional", badge: "Growth Stage", 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"] 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, id: "enterprise", badge: "Scaling Up", 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"] 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" animationType="slide-up"
@@ -216,18 +216,18 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplit <ContactSplit
tag="Get In Touch" tag="Let's Connect"
title="Let's Create Something Amazing Together" title="Ready To Launch?"
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." 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" }} background={{ variant: "downward-rays-static" }}
useInvertedBackground={false} useInvertedBackground={false}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ajoj8KbbvS8KtQr107g1tTKstt/a-modern-office-environment-showing-web--1773115725218-b22203b8.png" 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" mediaAnimation="slide-up"
mediaPosition="right" mediaPosition="right"
inputPlaceholder="Enter your email" inputPlaceholder="Enter your email"
buttonText="Get Started" 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" ariaLabel="Contact section"
/> />
</div> </div>
@@ -247,8 +247,8 @@ export default function LandingPage() {
title: "Services", items: [ title: "Services", items: [
{ label: "Web Design", href: "#" }, { label: "Web Design", href: "#" },
{ label: "Web Development", href: "#" }, { label: "Web Development", href: "#" },
{ label: "E-Commerce", href: "#" }, { label: "MVP Launch", href: "#" },
{ label: "Digital Strategy", href: "#" } { label: "Startup Strategy", href: "#" }
] ]
}, },
{ {
@@ -267,11 +267,11 @@ export default function LandingPage() {
] ]
} }
]} ]}
bottomLeftText="© 2025 Webuild. All rights reserved." bottomLeftText="© 2025 JAKI. All rights reserved."
bottomRightText="Made with passion for the web" bottomRightText="Built by startups, for startups"
ariaLabel="Site footer" ariaLabel="Site footer"
/> />
</div> </div>
</ThemeProvider> </ThemeProvider>
); );
} }