bender/9d38f7f2-21f0-43e4-a2a8-b577fe9ddcf1
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_1
Branches Tags
bender:main bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1
...
pull from: bender:version_2
Branches Tags
bender:main bender:version_5 bender:version_4 bender:version_3 bender:version_2 bender:version_1

13 Commits
version_1 ... version_2

Author SHA1 Message Date
bender
bc84beeaf5 Update src/app/page.tsx 2026-03-03 00:50:37 +00:00
bender
00ab1de261 Update src/app/layout.tsx 2026-03-03 00:50:37 +00:00
bender
dfdca3d67d Merge version_1 into main 
Merge version_1 into main
 2026-03-03 00:48:06 +00:00
bender
f2b1a18cd9 Merge version_1 into main 
Merge version_1 into main
 2026-03-03 00:47:53 +00:00
bender
c20fe9376e Merge version_1 into main 
Merge version_1 into main
 2026-03-03 00:23:02 +00:00
bender
4b9ea2dd42 Merge version_1 into main 
Merge version_1 into main
 2026-03-03 00:22:34 +00:00
bender
089ed2e114 Merge version_1 into main 
Merge version_1 into main
 2026-03-03 00:22:23 +00:00
bender
f4b3346e7a Merge version_1 into main 
Merge version_1 into main
 2026-03-03 00:16:34 +00:00
bender
0c33b2e8dd Merge version_1 into main 
Merge version_1 into main
 2026-03-03 00:16:10 +00:00
bender
f3b01284df Merge version_1 into main 
Merge version_1 into main
 2026-03-03 00:16:02 +00:00
bender
27c30faec0 Merge version_1 into main 
Merge version_1 into main
 2026-03-03 00:04:37 +00:00
bender
c3faabb509 Merge version_1 into main 
Merge version_1 into main
 2026-03-03 00:03:52 +00:00
bender
02dedceec8 Merge version_1 into main 
Merge version_1 into main
 2026-03-03 00:02:35 +00:00
2 changed files with 106 additions and 85 deletions
Expand all files Collapse all files

112
src/app/layout.tsx
View File

@@ -5,13 +5,19 @@ import { Inter } from "next/font/google";
import "./globals.css"; import "./globals.css";
import { ServiceWrapper } from "@/components/ServiceWrapper"; import { ServiceWrapper } from "@/components/ServiceWrapper";
import Tag from "@/tag/Tag"; import Tag from "@/tag/Tag";
import { Figtree } from "next/font/google";
import { Manrope } from "next/font/google";
import { Mulish } from "next/font/google";
import { DM_Sans } from "next/font/google";
const nunito = Nunito({
variable: "--font-nunito", subsets: ["latin"],
});
const halant = Halant({
variable: "--font-halant", subsets: ["latin"],
weight: ["300", "400", "500", "600", "700"],
});
const inter = Inter({
variable: "--font-inter", subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "AI Growth Infrastructure | Installed AI", description: "We build AI-powered growth systems for ambitious founders. High-performance content creation, paid media, conversion architecture, and 24/7 automation.", keywords: "AI growth, automation, SaaS, content marketing, conversion optimization, growth infrastructure", robots: { title: "AI Growth Infrastructure | Installed AI", description: "We build AI-powered growth systems for ambitious founders. High-performance content creation, paid media, conversion architecture, and 24/7 automation.", keywords: "AI growth, automation, SaaS, content marketing, conversion optimization, growth infrastructure", robots: {
@@ -30,18 +36,6 @@ export const metadata: Metadata = {
}, },
}; };
const manrope = Manrope({
variable: "--font-manrope",
subsets: ["latin"],
});
const dmSans = DM_Sans({
variable: "--font-dm-sans",
subsets: ["latin"],
});
export default function RootLayout({ export default function RootLayout({
children, children,
}: Readonly<{ }: Readonly<{
@@ -50,7 +44,9 @@ export default function RootLayout({
return ( return (
<html lang="en" suppressHydrationWarning> <html lang="en" suppressHydrationWarning>
<ServiceWrapper> <ServiceWrapper>
<body className={`${manrope.variable} ${dmSans.variable} antialiased`}> <body
className={`${nunito.variable} ${halant.variable} ${inter.variable} antialiased`}
>
<Tag /> <Tag />
{children} {children}
@@ -295,7 +291,9 @@ export default function RootLayout({
const getElementInfo = (element, assignId = false) => { const getElementInfo = (element, assignId = false) => {
const rect = element.getBoundingClientRect(); const rect = element.getBoundingClientRect();
const tagName = element.tagName.toLowerCase(); const tagName = element.tagName.toLowerCase();
const selector = getUniqueSelector(element, assignId);
const sectionId = getSectionId(element);
let className = undefined; let className = undefined;
try { try {
if (element.className) { if (element.className) {
@@ -323,7 +321,8 @@ export default function RootLayout({
}; };
if (tagName === 'img') { if (tagName === 'img') {
info.imageData = { const originalSrc = extractOriginalUrl(element.src);
info.imageData = {
src: originalSrc, src: originalSrc,
alt: element.alt || undefined, alt: element.alt || undefined,
naturalWidth: element.naturalWidth, naturalWidth: element.naturalWidth,
@@ -334,7 +333,8 @@ export default function RootLayout({
if (tagName === 'video') { if (tagName === 'video') {
const rawSrc = element.src || element.currentSrc || (element.querySelector('source') && element.querySelector('source').src) || ''; const rawSrc = element.src || element.currentSrc || (element.querySelector('source') && element.querySelector('source').src) || '';
info.imageData = { const resolvedSrc = extractOriginalUrl(rawSrc);
info.imageData = {
src: resolvedSrc, src: resolvedSrc,
alt: element.getAttribute('aria-label') || undefined, alt: element.getAttribute('aria-label') || undefined,
isBackground: false, isBackground: false,
@@ -347,7 +347,8 @@ export default function RootLayout({
if (backgroundImage && backgroundImage !== 'none') { if (backgroundImage && backgroundImage !== 'none') {
const urlMatch = backgroundImage.match(/url(['"]?([^'")]+)['"]?)/); const urlMatch = backgroundImage.match(/url(['"]?([^'")]+)['"]?)/);
if (urlMatch) { if (urlMatch) {
if (tagName !== 'img') { const originalBgSrc = extractOriginalUrl(urlMatch[1]);
if (tagName !== 'img') {
info.imageData = { info.imageData = {
src: originalBgSrc, src: originalBgSrc,
isBackground: true isBackground: true
@@ -359,7 +360,8 @@ export default function RootLayout({
} }
} }
info.elementType = elementType; const elementType = getElementType(element);
info.elementType = elementType;
if (elementType === 'Button') { if (elementType === 'Button') {
const buttonText = element.textContent?.trim() || element.value || element.getAttribute('aria-label') || ''; const buttonText = element.textContent?.trim() || element.value || element.getAttribute('aria-label') || '';
@@ -452,11 +454,13 @@ export default function RootLayout({
}; };
const isTextElement = (element) => { const isTextElement = (element) => {
return elementType === 'Text'; const elementType = getElementType(element);
return elementType === 'Text';
}; };
const isButtonElement = (element) => { const isButtonElement = (element) => {
return elementType === 'Button'; const elementType = getElementType(element);
return elementType === 'Button';
}; };
const updateButtonText = (element, newText) => { const updateButtonText = (element, newText) => {
@@ -531,7 +535,8 @@ export default function RootLayout({
}; };
const handleInput = () => { const handleInput = () => {
let currentText = element.textContent; const elementInfo = getElementInfo(element);
let currentText = element.textContent;
// Ensure there's always at least a space to keep the element editable // Ensure there's always at least a space to keep the element editable
if (currentText === '' || currentText === null || currentText.length === 0) { if (currentText === '' || currentText === null || currentText.length === 0) {
@@ -644,7 +649,8 @@ export default function RootLayout({
}, '*'); }, '*');
if (save && originalContent !== element.textContent) { if (save && originalContent !== element.textContent) {
let finalText = element.textContent; const elementInfo = getElementInfo(element);
let finalText = element.textContent;
// Trim the final text and convert space-only to empty string for saving // Trim the final text and convert space-only to empty string for saving
if (finalText === ' ' || finalText.trim() === '') { if (finalText === ' ' || finalText.trim() === '') {
@@ -773,7 +779,7 @@ export default function RootLayout({
lastMouseX = e.clientX; lastMouseX = e.clientX;
lastMouseY = e.clientY; lastMouseY = e.clientY;
|| e.target; const target = getMostSpecificElement(e.clientX, e.clientY) || e.target;
if (!isValidElement(target) || target === hoveredElement || target === selectedElement) { if (!isValidElement(target) || target === hoveredElement || target === selectedElement) {
return; return;
@@ -805,7 +811,8 @@ export default function RootLayout({
hoverOverlay = createHoverOverlay(target); hoverOverlay = createHoverOverlay(target);
} }
showElementTypeLabel(target, elementType); const elementType = getElementType(target);
showElementTypeLabel(target, elementType);
window.parent.postMessage({ window.parent.postMessage({
type: 'webild-element-hover', type: 'webild-element-hover',
@@ -847,7 +854,7 @@ export default function RootLayout({
e.preventDefault(); e.preventDefault();
e.stopPropagation(); e.stopPropagation();
|| e.target; const target = getMostSpecificElement(e.clientX, e.clientY) || e.target;
if (!isValidElement(target)) return; if (!isValidElement(target)) return;
if (selectedElement && selectedElement !== target) { if (selectedElement && selectedElement !== target) {
@@ -892,7 +899,8 @@ export default function RootLayout({
hoveredElement = null; hoveredElement = null;
} }
selectedElement.dataset.webildSelector = elementInfo.selector; const elementInfo = getElementInfo(target, true);
selectedElement.dataset.webildSelector = elementInfo.selector;
showElementTypeLabel(target, elementInfo.elementType); showElementTypeLabel(target, elementInfo.elementType);
window.parent.postMessage({ window.parent.postMessage({
@@ -975,7 +983,8 @@ export default function RootLayout({
isScrolling = false; isScrolling = false;
if (lastMouseX > 0 && lastMouseY > 0) { if (lastMouseX > 0 && lastMouseY > 0) {
if (target && isValidElement(target) && target !== selectedElement) { const target = getMostSpecificElement(lastMouseX, lastMouseY);
if (target && isValidElement(target) && target !== selectedElement) {
hoveredElement = target; hoveredElement = target;
const computedStyle = window.getComputedStyle(target); const computedStyle = window.getComputedStyle(target);
@@ -989,7 +998,8 @@ export default function RootLayout({
hoveredElement.classList.add(hoverClass); hoveredElement.classList.add(hoverClass);
hoverOverlay = createHoverOverlay(target); hoverOverlay = createHoverOverlay(target);
showElementTypeLabel(target, elementType); const elementType = getElementType(target);
showElementTypeLabel(target, elementType);
window.parent.postMessage({ window.parent.postMessage({
type: 'webild-element-hover', type: 'webild-element-hover',
@@ -1012,7 +1022,8 @@ export default function RootLayout({
const saveChangeToStorage = (change) => { const saveChangeToStorage = (change) => {
try { try {
const existingChanges = JSON.parse(localStorage.getItem(storageKey) || '[]'); const storageKey = getStorageKey();
const existingChanges = JSON.parse(localStorage.getItem(storageKey) || '[]');
const filteredChanges = existingChanges.filter(c => { const filteredChanges = existingChanges.filter(c => {
return !(c.oldValue === change.oldValue && c.sectionId === change.sectionId); return !(c.oldValue === change.oldValue && c.sectionId === change.sectionId);
@@ -1032,7 +1043,8 @@ export default function RootLayout({
const clearLocalChanges = () => { const clearLocalChanges = () => {
try { try {
localStorage.removeItem(storageKey); const storageKey = getStorageKey();
localStorage.removeItem(storageKey);
window.parent.postMessage({ window.parent.postMessage({
type: 'webild-local-changes-cleared', type: 'webild-local-changes-cleared',
data: {} data: {}
@@ -1081,7 +1093,8 @@ export default function RootLayout({
if (e.data.type === 'webild-cancel-changes') { if (e.data.type === 'webild-cancel-changes') {
try { try {
const savedChanges = localStorage.getItem(storageKey); const storageKey = getStorageKey();
const savedChanges = localStorage.getItem(storageKey);
if (savedChanges) { if (savedChanges) {
const changes = JSON.parse(savedChanges); const changes = JSON.parse(savedChanges);
changes.forEach(change => { changes.forEach(change => {
@@ -1103,7 +1116,8 @@ export default function RootLayout({
if (isBackground) { if (isBackground) {
element.style.backgroundImage = change.oldValue ? 'url(' + change.oldValue + ')' : ''; element.style.backgroundImage = change.oldValue ? 'url(' + change.oldValue + ')' : '';
} else { } else {
if (revertTag === 'video' && oldMediaType === 'image') { const oldMediaType = getMediaTypeFromUrl(change.oldValue);
if (revertTag === 'video' && oldMediaType === 'image') {
swapMediaElement(element, 'img', change.oldValue); swapMediaElement(element, 'img', change.oldValue);
} else if (revertTag === 'img' && oldMediaType === 'video') { } else if (revertTag === 'img' && oldMediaType === 'video') {
swapMediaElement(element, 'video', change.oldValue); swapMediaElement(element, 'video', change.oldValue);
@@ -1151,7 +1165,8 @@ export default function RootLayout({
const el = textElements[i]; const el = textElements[i];
if (isTextElement(el) && el.textContent.trim() === (oldValue || '').trim()) { if (isTextElement(el) && el.textContent.trim() === (oldValue || '').trim()) {
element = el; element = el;
if (newSelector) { const newSelector = getUniqueSelector(element, true);
if (newSelector) {
element.dataset.webildSelector = newSelector; element.dataset.webildSelector = newSelector;
} }
break; break;
@@ -1242,8 +1257,10 @@ export default function RootLayout({
replaced = true; replaced = true;
} else if (element.tagName.toLowerCase() === 'img') { } else if (element.tagName.toLowerCase() === 'img') {
oldValue = element.src; oldValue = element.src;
if (newMediaType === 'video' && allowMediaTypeSwap) { const newMediaType = getMediaTypeFromUrl(newSrc);
if (selectedElement === element) selectedElement = swapped; if (newMediaType === 'video' && allowMediaTypeSwap) {
const swapped = swapMediaElement(element, 'video', newSrc);
if (selectedElement === element) selectedElement = swapped;
element = swapped; element = swapped;
} else { } else {
element.src = newSrc; element.src = newSrc;
@@ -1251,9 +1268,11 @@ export default function RootLayout({
replaced = true; replaced = true;
} else if (element.tagName.toLowerCase() === 'video') { } else if (element.tagName.toLowerCase() === 'video') {
oldValue = element.src || element.currentSrc || ''; oldValue = element.src || element.currentSrc || '';
const sources = element.querySelectorAll('source'); const newMediaType = getMediaTypeFromUrl(newSrc);
const sources = element.querySelectorAll('source');
if (newMediaType === 'image' && allowMediaTypeSwap) { if (newMediaType === 'image' && allowMediaTypeSwap) {
if (selectedElement === element) selectedElement = swapped; const swapped = swapMediaElement(element, 'img', newSrc);
if (selectedElement === element) selectedElement = swapped;
element = swapped; element = swapped;
} else { } else {
if (sources.length > 0) { if (sources.length > 0) {
@@ -1275,7 +1294,8 @@ export default function RootLayout({
} }
if (replaced) { if (replaced) {
const elementInfo = getElementInfo(element);
let cleanOldValue = oldValue; let cleanOldValue = oldValue;
if (oldValue.includes('url(')) { if (oldValue.includes('url(')) {
const urlMatch = oldValue.match(/url(['"]?([^'")]+)['"]?)/); const urlMatch = oldValue.match(/url(['"]?([^'")]+)['"]?)/);
@@ -1346,7 +1366,13 @@ export default function RootLayout({
} }
}, true); }, true);
const urlCheckInterval = setInterval(() => {
if (lastPathname !== window.location.pathname) {
lastPathname = window.location.pathname;
notifyPageChange();
}
}, 500);
notifyPageChange(); notifyPageChange();
window.webildCleanup = () => { window.webildCleanup = () => {

79
src/app/page.tsx
View File

@@ -9,7 +9,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import ContactSplit from '@/components/sections/contact/ContactSplit'; import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal'; import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne'; import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { BarChart3, CheckCircle, Clock, Cog, Cpu, Layers, Rocket, Target, TrendingUp, Workflow, Zap } from 'lucide-react'; import { BarChart3, CheckCircle, Clock, Cog, Cpu, Layers, Rocket, Target, TrendingUp, Workflow, Zap, Brain, Sparkles } from 'lucide-react';
export default function LandingPage() { export default function LandingPage() {
return ( return (
@@ -39,14 +39,14 @@ export default function LandingPage() {
<div id="hero" data-section="hero"> <div id="hero" data-section="hero">
<HeroBillboardCarousel <HeroBillboardCarousel
title="We install AI into your business" title="AI Powers Your Growth. We Install It."
description="High-performance growth infrastructure built for founders who scale fast. Content creation, paid media, conversion architecture, and 24/7 intelligent automation—all working together." description="Clean, sharp infrastructure for content creation, ad management, and intelligent automation. Scale your business without the complexity."
tag="AI-Powered Growth" tag="AI Growth Systems"
tagIcon={Zap} tagIcon={Brain}
background={{ variant: "sparkles-gradient" }} background={{ variant: "sparkles-gradient" }}
buttons={[ buttons={[
{ text: "Explore What We Build", href: "capabilities" }, { text: "See What's Possible", href: "capabilities" },
{ text: "Book a Consultation", href: "contact" }, { text: "Start a Conversation", href: "contact" },
]} ]}
mediaItems={[ mediaItems={[
{ {
@@ -69,12 +69,12 @@ export default function LandingPage() {
<div id="about" data-section="about"> <div id="about" data-section="about">
<AboutMetric <AboutMetric
title="Our core differentiator: We engineer growth systems, not campaigns. We build intelligent infrastructure that reduces friction, increases conversions, and operates around the clock." title="Three Core Capabilities. One Unified System."
metrics={[ metrics={[
{ icon: Cpu, label: "AI Systems Deployed", value: "50+" }, { icon: Brain, label: "AI Content Creation", value: "10x Output" },
{ icon: TrendingUp, label: "Average Conversion Lift", value: "240%" }, { icon: Sparkles, label: "Ad Management", value: "Precision Targeting" },
{ icon: Clock, label: "Hours Automated Monthly", value: "10K+" }, { icon: Zap, label: "Intelligent Automation", value: "24/7 Operation" },
{ icon: Zap, label: "Qualified Leads Auto-Generated", value: "5M+" }, { icon: TrendingUp, label: "Real Results", value: "340% Growth" },
]} ]}
metricsAnimation="blur-reveal" metricsAnimation="blur-reveal"
useInvertedBackground={false} useInvertedBackground={false}
@@ -84,21 +84,18 @@ export default function LandingPage() {
<div id="capabilities" data-section="capabilities"> <div id="capabilities" data-section="capabilities">
<FeatureCardThree <FeatureCardThree
title="What We Build" title="What We Build"
description="Four core pillars of growth infrastructure, engineered to work together" description="Three essential systems that work together"
tag="Core Capabilities" tag="Core Capabilities"
tagIcon={Cog} tagIcon={Cog}
textboxLayout="default" textboxLayout="default"
features={[ features={[
{ {
id: "01", title: "High-Performance Content Creation", description: "AI-powered content systems that maintain brand voice while scaling output 10x. Optimized for conversion at every touchpoint.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/high-performance-content-creation-system-1772496097206-67c9163f.png?_wi=2", imageAlt: "Content creation automation"}, id: "01", title: "AI Content Creation", description: "Generate high-quality, brand-consistent content at scale. Maintain your voice while producing 10x more material.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/high-performance-content-creation-system-1772496097206-67c9163f.png?_wi=2", imageAlt: "Content creation automation"},
{ {
id: "02", title: "Paid Media Strategy", description: "Intelligent campaign management that learns and optimizes in real-time. Multi-channel orchestration with precision targeting.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/paid-media-strategy-platform-showing-cam-1772496098262-513790f1.png?_wi=2", imageAlt: "Paid media optimization"}, id: "02", title: "Ad Management System", description: "Multi-channel campaign orchestration that learns in real-time. Optimize spend across Google, Meta, LinkedIn, and beyond.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/paid-media-strategy-platform-showing-cam-1772496098262-513790f1.png?_wi=2", imageAlt: "Paid media optimization"},
{ {
id: "03", title: "Website Design & Conversion Architecture", description: "Sites engineered for conversion. Every element, flow, and interaction designed to maximize qualified leads and revenue.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/website-conversion-architecture-platform-1772496102928-f4df9d88.png?_wi=2", imageAlt: "Conversion-optimized website architecture"}, id: "03", title: "Conversion Architecture", description: "Every page, form, and interaction engineered for conversion. From landing pages to thank-you sequences.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/website-conversion-architecture-platform-1772496102928-f4df9d88.png?_wi=2", imageAlt: "Conversion-optimized website architecture"},
{ ]} gridVariant="three-columns-all-equal-width"
id: "04", title: "AI Automations & Intelligent Systems", description: "Smart follow-up sequences, lead qualification bots, CRM automation, custom integrations. Your growth engine running 24/7.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/ai-automation-system-showing-intelligent-1772496096598-121033c9.png?_wi=2", imageAlt: "AI automation systems"},
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up" animationType="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
/> />
@@ -107,21 +104,19 @@ export default function LandingPage() {
<div id="solutions" data-section="solutions"> <div id="solutions" data-section="solutions">
<FeatureCardThree <FeatureCardThree
title="The Infrastructure We Install" title="The Infrastructure We Install"
description="Each system is tailored to your business model and integrated for maximum impact" description="Automation that runs without you"
tag="Solutions" tag="Solutions"
tagIcon={Layers} tagIcon={Layers}
textboxLayout="default" textboxLayout="default"
features={[ features={[
{ {
id: "01", title: "AI SMS & Email Automation", description: "Smart sequences that know when to engage, what to say, and how to convert. Personalization at scale with AI precision.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/ai-powered-email-automation-system-with--1772496096810-0a051631.png", imageAlt: "Email and SMS automation"}, id: "01", title: "Email & SMS Sequences", description: "Smart automation that knows when to reach out. AI writes, segments, and optimizes every message.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/ai-powered-email-automation-system-with--1772496096810-0a051631.png", imageAlt: "Email and SMS automation"},
{ {
id: "02", title: "AI Chatbots for Qualification & Support", description: "Qualify leads 24/7 with context-aware conversations. Intelligent routing and handoff to human teams when needed.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/ai-chatbot-interface-for-lead-qualificat-1772496104455-9d4af485.png", imageAlt: "AI chatbot interface"}, id: "02", title: "Lead Qualification Bots", description: "24/7 AI conversations that qualify leads and schedule meetings. Never miss an opportunity.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/ai-chatbot-interface-for-lead-qualificat-1772496104455-9d4af485.png", imageAlt: "AI chatbot interface"},
{ {
id: "03", title: "CRM Automation Pipelines", description: "Leads flow automatically through your sales process. Scoring, nurturing, and follow-up happen without lifting a finger.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/crm-automation-pipeline-visualization-sh-1772496099469-08818dce.png", imageAlt: "CRM pipeline automation"}, id: "03", title: "CRM Automation", description: "Leads flow automatically through your sales process. No manual data entry, no dropped prospects.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/crm-automation-pipeline-visualization-sh-1772496099469-08818dce.png", imageAlt: "CRM pipeline automation"},
{
id: "04", title: "Custom AI-Powered SaaS Integrations", description: "Connect your entire tech stack. We build custom integrations that make your tools talk and work together intelligently.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/sleek-ai-infrastructure-visualization-sh-1772496096155-a1fa375c.png?_wi=2", imageAlt: "System integration"},
]} ]}
gridVariant="two-columns-alternating-heights" gridVariant="three-columns-all-equal-width"
animationType="slide-up" animationType="slide-up"
useInvertedBackground={false} useInvertedBackground={false}
/> />
@@ -129,23 +124,23 @@ export default function LandingPage() {
<div id="metrics" data-section="metrics"> <div id="metrics" data-section="metrics">
<MetricCardOne <MetricCardOne
title="Real Impact" title="Results That Matter"
description="Results our clients see after implementing our AI growth infrastructure" description="What founders see after installing our systems"
tag="Performance" tag="Performance"
tagIcon={BarChart3} tagIcon={BarChart3}
textboxLayout="default" textboxLayout="default"
metrics={[ metrics={[
{ {
id: "1", value: "340", title: "%", description: "Average revenue increase within 6 months", icon: TrendingUp, id: "1", value: "340", title: "%", description: "Average revenue increase", icon: TrendingUp,
}, },
{ {
id: "2", value: "85", title: "%", description: "Reduction in manual admin tasks", icon: Clock, id: "2", value: "85", title: "%", description: "Time saved on admin tasks", icon: Clock,
}, },
{ {
id: "3", value: "5", title: "x", description: "More qualified leads generated monthly", icon: Target, id: "3", value: "5", title: "x", description: "More qualified leads monthly", icon: Target,
}, },
{ {
id: "4", value: "24", title: "/7", description: "Growth engine operating continuously", icon: Zap, id: "4", value: "24", title: "/7", description: "Continuous operation", icon: Zap,
}, },
]} ]}
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
@@ -157,17 +152,17 @@ export default function LandingPage() {
<div id="process" data-section="process"> <div id="process" data-section="process">
<FeatureCardThree <FeatureCardThree
title="How We Work" title="How We Work"
description="A straightforward process to engineer your growth systems" description="Three straightforward phases"
tag="Process" tag="Process"
tagIcon={Workflow} tagIcon={Workflow}
textboxLayout="default" textboxLayout="default"
features={[ features={[
{ {
id: "01", title: "Strategy & Discovery", description: "We map your business, identify growth bottlenecks, and design the exact AI infrastructure you need. Not generic. Specific to you.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/strategic-planning-and-discovery-process-1772496096644-6ff9ebb0.png", imageAlt: "Strategy discovery phase"}, id: "01", title: "Discovery & Strategy", description: "We understand your business, identify growth bottlenecks, and design the exact systems you need.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/strategic-planning-and-discovery-process-1772496096644-6ff9ebb0.png", imageAlt: "Strategy discovery phase"},
{ {
id: "02", title: "Implementation & Integration", description: "We build and deploy your systems. Content engines, automation flows, chatbots, integrations—all connected and working in sync.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/ai-system-implementation-and-deployment--1772496096965-68b8f679.png", imageAlt: "Implementation phase"}, id: "02", title: "Build & Deploy", description: "We implement your systems. Content engines, automation, campaigns—all connected and live.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/ai-system-implementation-and-deployment--1772496096965-68b8f679.png", imageAlt: "Implementation phase"},
{ {
id: "03", title: "Optimization & Scale", description: "We monitor, test, and continuously improve your systems. Your growth infrastructure gets smarter every day.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/continuous-optimization-and-performance--1772496097869-4b7c079b.png", imageAlt: "Optimization and scaling"}, id: "03", title: "Optimize & Scale", description: "Continuous improvement. Your infrastructure gets smarter every day.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/continuous-optimization-and-performance--1772496097869-4b7c079b.png", imageAlt: "Optimization and scaling"},
]} ]}
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
animationType="slide-up" animationType="slide-up"
@@ -177,8 +172,8 @@ 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 Ambitious Founders" title="Trusted by Forward-Thinking Founders"
description="From early-stage startups to scaling e-commerce and SaaS companies—we build growth infrastructure for businesses that move fast" description="From startups to scaling companies—we build growth systems for businesses that move fast"
tag="Clients" tag="Clients"
tagIcon={CheckCircle} tagIcon={CheckCircle}
textboxLayout="default" textboxLayout="default"
@@ -194,9 +189,9 @@ export default function LandingPage() {
<div id="contact" data-section="contact"> <div id="contact" data-section="contact">
<ContactSplit <ContactSplit
tag="Ready to Scale" tag="Ready to Scale?"
title="Let's Build Your Growth Engine" title="Let's Build Your Growth Engine"
description="Set up a brief call with our team. We'll map your business, show you what's possible with AI infrastructure, and discuss exactly how we'd engineer your growth." description="A quick conversation is all it takes. We'll show you exactly what's possible with AI, and how we'd engineer your growth."
tagIcon={Rocket} tagIcon={Rocket}
background={{ variant: "sparkles-gradient" }} background={{ variant: "sparkles-gradient" }}
useInvertedBackground={false} useInvertedBackground={false}
@@ -206,7 +201,7 @@ export default function LandingPage() {
mediaPosition="right" mediaPosition="right"
inputPlaceholder="your@email.com" inputPlaceholder="your@email.com"
buttonText="Get Started" buttonText="Get Started"
termsText="We'll review your business and send over a customized growth plan. No fluff, just strategy." termsText="We'll review your business and send over a customized growth plan. No fluff."
/> />
</div> </div>