Update src/app/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,85 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import TeamCardTen from '@/components/sections/team/TeamCardTen';
+import ContactSplit from '@/components/sections/contact/ContactSplit';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import { Rocket, Users } from 'lucide-react';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="smallMedium"
+      sizing="largeSmall"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="layered"
+      headingFontWeight="extrabold"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleApple
+          brandName="Installed AI"
+          navItems={[
+            { name: "What We Build", id: "/" },
+            { name: "How We Work", id: "/" },
+            { name: "Results", id: "/" },
+            { name: "Team", id: "/about" },
+            { name: "Contact", id: "/" },
+          ]}
+        />
+      </div>
+
+      <div id="team" data-section="team" className="py-20">
+        <TeamCardTen
+          title="Meet the visionary team behind Installed AI. We are builders, strategists, and growth architects."
+          tag="Our Team"
+          tagAnimation="blur-reveal"
+          members={[
+            {
+              id: "1",              name: "Sarah Chen",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/professional-headshot-woman-tech-leader-1772496095507-570f157f.png",              imageAlt: "Sarah Chen - Founder & CEO"},
+            {
+              id: "2",              name: "Michael Rodriguez",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/professional-headshot-man-tech-executive-1772496095593-628d1502.png",              imageAlt: "Michael Rodriguez - CTO"},
+            {
+              id: "3",              name: "Emma Thompson",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/professional-headshot-woman-marketing-lead-1772496095744-b9a04889.png",              imageAlt: "Emma Thompson - VP Growth"},
+            {
+              id: "4",              name: "James Park",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/professional-headshot-man-strategy-officer-1772496097179-aa7a4dc5.png",              imageAlt: "James Park - Head of Strategy"},
+          ]}
+          membersAnimation="blur-reveal"
+          memberVariant="card"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="contact" data-section="contact">
+        <ContactSplit
+          tag="Ready to Partner?"
+          title="Let's Build Together"
+          description="Connect with our team to explore how we can help scale your business with AI-powered growth systems."
+          tagIcon={Rocket}
+          background={{ variant: "sparkles-gradient" }}
+          useInvertedBackground={false}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/modern-contact-or-consultation-interface-1772496096934-886cb0e1.png?_wi=2"
+          imageAlt="Consultation setup"
+          mediaAnimation="blur-reveal"
+          mediaPosition="right"
+          inputPlaceholder="your@email.com"
+          buttonText="Get Started"
+          termsText="We'll review your business and send over a customized growth plan. No fluff."
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterLogoReveal
+          logoText="Installed AI"
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/layout.tsx

@@ -5,13 +5,19 @@ import { Inter } from "next/font/google";
 import "./globals.css";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 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 = {
   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({
   children,
 }: Readonly<{
@@ -50,7 +44,9 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${manrope.variable} ${dmSans.variable} antialiased`}>
+        <body
+          className={`${nunito.variable} ${halant.variable} ${inter.variable} antialiased`}
+        >
           <Tag />
           {children}
         
@@ -295,7 +291,9 @@ export default function RootLayout({
   const getElementInfo = (element, assignId = false) => {
     const rect = element.getBoundingClientRect();
     const tagName = element.tagName.toLowerCase();
-            
+    const selector = getUniqueSelector(element, assignId);
+    const sectionId = getSectionId(element);
+    
     let className = undefined;
     try {
       if (element.className) {
@@ -323,7 +321,8 @@ export default function RootLayout({
     };
     
     if (tagName === 'img') {
-            info.imageData = {
+      const originalSrc = extractOriginalUrl(element.src);
+      info.imageData = {
         src: originalSrc,
         alt: element.alt || undefined,
         naturalWidth: element.naturalWidth,
@@ -334,7 +333,8 @@ export default function RootLayout({
 
     if (tagName === 'video') {
       const rawSrc = element.src || element.currentSrc || (element.querySelector('source') && element.querySelector('source').src) || '';
-            info.imageData = {
+      const resolvedSrc = extractOriginalUrl(rawSrc);
+      info.imageData = {
         src: resolvedSrc,
         alt: element.getAttribute('aria-label') || undefined,
         isBackground: false,
@@ -347,7 +347,8 @@ export default function RootLayout({
     if (backgroundImage && backgroundImage !== 'none') {
       const urlMatch = backgroundImage.match(/url(['"]?([^'")]+)['"]?)/);
       if (urlMatch) {
-                if (tagName !== 'img') {
+        const originalBgSrc = extractOriginalUrl(urlMatch[1]);
+        if (tagName !== 'img') {
           info.imageData = {
             src: originalBgSrc,
             isBackground: true
@@ -359,7 +360,8 @@ export default function RootLayout({
       }
     }
     
-        info.elementType = elementType;
+    const elementType = getElementType(element);
+    info.elementType = elementType;
     
     if (elementType === 'Button') {
       const buttonText = element.textContent?.trim() || element.value || element.getAttribute('aria-label') || '';
@@ -452,11 +454,13 @@ export default function RootLayout({
   };
 
   const isTextElement = (element) => {
-        return elementType === 'Text';
+    const elementType = getElementType(element);
+    return elementType === 'Text';
   };
 
   const isButtonElement = (element) => {
-        return elementType === 'Button';
+    const elementType = getElementType(element);
+    return elementType === 'Button';
   };
 
   const updateButtonText = (element, newText) => {
@@ -531,7 +535,8 @@ export default function RootLayout({
     };
     
     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
       if (currentText === '' || currentText === null || currentText.length === 0) {
@@ -644,7 +649,8 @@ export default function RootLayout({
     }, '*');
     
     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
       if (finalText === ' ' || finalText.trim() === '') {
@@ -773,7 +779,7 @@ export default function RootLayout({
     lastMouseX = e.clientX;
     lastMouseY = e.clientY;
 
-    || e.target;
+    const target = getMostSpecificElement(e.clientX, e.clientY) || e.target;
 
     if (!isValidElement(target) || target === hoveredElement || target === selectedElement) {
       return;
@@ -805,7 +811,8 @@ export default function RootLayout({
       hoverOverlay = createHoverOverlay(target);
     }
     
-        showElementTypeLabel(target, elementType);
+    const elementType = getElementType(target);
+    showElementTypeLabel(target, elementType);
     
     window.parent.postMessage({
       type: 'webild-element-hover',
@@ -847,7 +854,7 @@ export default function RootLayout({
   e.preventDefault();
   e.stopPropagation();
 
-  || e.target;  
+  const target = getMostSpecificElement(e.clientX, e.clientY) || e.target;  
   if (!isValidElement(target)) return;
     
     if (selectedElement && selectedElement !== target) {
@@ -892,7 +899,8 @@ export default function RootLayout({
       hoveredElement = null;
     }
     
-        selectedElement.dataset.webildSelector = elementInfo.selector;
+    const elementInfo = getElementInfo(target, true);
+    selectedElement.dataset.webildSelector = elementInfo.selector;
     showElementTypeLabel(target, elementInfo.elementType);
     
     window.parent.postMessage({
@@ -975,7 +983,8 @@ export default function RootLayout({
       isScrolling = false;
 
       if (lastMouseX > 0 && lastMouseY > 0) {
-                if (target && isValidElement(target) && target !== selectedElement) {
+        const target = getMostSpecificElement(lastMouseX, lastMouseY);
+        if (target && isValidElement(target) && target !== selectedElement) {
           hoveredElement = target;
 
           const computedStyle = window.getComputedStyle(target);
@@ -989,7 +998,8 @@ export default function RootLayout({
           hoveredElement.classList.add(hoverClass);
           hoverOverlay = createHoverOverlay(target);
 
-                    showElementTypeLabel(target, elementType);
+          const elementType = getElementType(target);
+          showElementTypeLabel(target, elementType);
 
           window.parent.postMessage({
             type: 'webild-element-hover',
@@ -1012,7 +1022,8 @@ export default function RootLayout({
 
   const saveChangeToStorage = (change) => {
     try {
-            const existingChanges = JSON.parse(localStorage.getItem(storageKey) || '[]');
+      const storageKey = getStorageKey();
+      const existingChanges = JSON.parse(localStorage.getItem(storageKey) || '[]');
 
       const filteredChanges = existingChanges.filter(c => {
         return !(c.oldValue === change.oldValue && c.sectionId === change.sectionId);
@@ -1032,7 +1043,8 @@ export default function RootLayout({
 
   const clearLocalChanges = () => {
     try {
-            localStorage.removeItem(storageKey);
+      const storageKey = getStorageKey();
+      localStorage.removeItem(storageKey);
       window.parent.postMessage({
         type: 'webild-local-changes-cleared',
         data: {}
@@ -1081,7 +1093,8 @@ export default function RootLayout({
 
     if (e.data.type === 'webild-cancel-changes') {
       try {
-                const savedChanges = localStorage.getItem(storageKey);
+        const storageKey = getStorageKey();
+        const savedChanges = localStorage.getItem(storageKey);
         if (savedChanges) {
           const changes = JSON.parse(savedChanges);
           changes.forEach(change => {
@@ -1103,7 +1116,8 @@ export default function RootLayout({
                 if (isBackground) {
                   element.style.backgroundImage = change.oldValue ? 'url(' + change.oldValue + ')' : '';
                 } else {
-                                    if (revertTag === 'video' && oldMediaType === 'image') {
+                  const oldMediaType = getMediaTypeFromUrl(change.oldValue);
+                  if (revertTag === 'video' && oldMediaType === 'image') {
                     swapMediaElement(element, 'img', change.oldValue);
                   } else if (revertTag === 'img' && oldMediaType === 'video') {
                     swapMediaElement(element, 'video', change.oldValue);
@@ -1151,7 +1165,8 @@ export default function RootLayout({
               const el = textElements[i];
               if (isTextElement(el) && el.textContent.trim() === (oldValue || '').trim()) {
                 element = el;
-                                if (newSelector) {
+                const newSelector = getUniqueSelector(element, true);
+                if (newSelector) {
                   element.dataset.webildSelector = newSelector;
                 }
                 break;
@@ -1242,8 +1257,10 @@ export default function RootLayout({
           replaced = true;
         } else if (element.tagName.toLowerCase() === 'img') {
           oldValue = element.src;
-                    if (newMediaType === 'video' && allowMediaTypeSwap) {
-                        if (selectedElement === element) selectedElement = swapped;
+          const newMediaType = getMediaTypeFromUrl(newSrc);
+          if (newMediaType === 'video' && allowMediaTypeSwap) {
+            const swapped = swapMediaElement(element, 'video', newSrc);
+            if (selectedElement === element) selectedElement = swapped;
             element = swapped;
           } else {
             element.src = newSrc;
@@ -1251,9 +1268,11 @@ export default function RootLayout({
           replaced = true;
         } else if (element.tagName.toLowerCase() === 'video') {
           oldValue = element.src || element.currentSrc || '';
-                    const sources = element.querySelectorAll('source');
+          const newMediaType = getMediaTypeFromUrl(newSrc);
+          const sources = element.querySelectorAll('source');
           if (newMediaType === 'image' && allowMediaTypeSwap) {
-                        if (selectedElement === element) selectedElement = swapped;
+            const swapped = swapMediaElement(element, 'img', newSrc);
+            if (selectedElement === element) selectedElement = swapped;
             element = swapped;
           } else {
             if (sources.length > 0) {
@@ -1275,7 +1294,8 @@ export default function RootLayout({
         }
 
         if (replaced) {
-          
+          const elementInfo = getElementInfo(element);
+
           let cleanOldValue = oldValue;
           if (oldValue.includes('url(')) {
             const urlMatch = oldValue.match(/url(['"]?([^'")]+)['"]?)/);
@@ -1346,7 +1366,13 @@ export default function RootLayout({
     }
   }, true);
   
-    
+  const urlCheckInterval = setInterval(() => {
+    if (lastPathname !== window.location.pathname) {
+      lastPathname = window.location.pathname;
+      notifyPageChange();
+    }
+  }, 500);
+  
   notifyPageChange();
   
   window.webildCleanup = () => {

src/app/page.tsx

@@ -9,7 +9,7 @@ import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 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() {
   return (
@@ -32,6 +32,7 @@ export default function LandingPage() {
             { name: "What We Build", id: "capabilities" },
             { name: "How We Work", id: "process" },
             { name: "Results", id: "metrics" },
+            { name: "Team", id: "about" },
             { name: "Contact", id: "contact" },
           ]}
         />
@@ -39,14 +40,14 @@ export default function LandingPage() {
 
       <div id="hero" data-section="hero">
         <HeroBillboardCarousel
-          title="We install AI into your business"
-          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."
-          tag="AI-Powered Growth"
-          tagIcon={Zap}
+          title="AI Powers Your Growth. We Install It."
+          description="Clean, sharp infrastructure for content creation, ad management, and intelligent automation. Scale your business without the complexity."
+          tag="AI Growth Systems"
+          tagIcon={Brain}
           background={{ variant: "sparkles-gradient" }}
           buttons={[
-            { text: "Explore What We Build", href: "capabilities" },
-            { text: "Book a Consultation", href: "contact" },
+            { text: "See What's Possible", href: "capabilities" },
+            { text: "Start a Conversation", href: "contact" },
           ]}
           mediaItems={[
             {
@@ -69,12 +70,12 @@ export default function LandingPage() {
 
       <div id="about" data-section="about">
         <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={[
-            { icon: Cpu, label: "AI Systems Deployed", value: "50+" },
-            { icon: TrendingUp, label: "Average Conversion Lift", value: "240%" },
-            { icon: Clock, label: "Hours Automated Monthly", value: "10K+" },
-            { icon: Zap, label: "Qualified Leads Auto-Generated", value: "5M+" },
+            { icon: Brain, label: "AI Content Creation", value: "10x Output" },
+            { icon: Sparkles, label: "Ad Management", value: "Precision Targeting" },
+            { icon: Zap, label: "Intelligent Automation", value: "24/7 Operation" },
+            { icon: TrendingUp, label: "Real Results", value: "340% Growth" },
           ]}
           metricsAnimation="blur-reveal"
           useInvertedBackground={false}
@@ -84,21 +85,18 @@ export default function LandingPage() {
       <div id="capabilities" data-section="capabilities">
         <FeatureCardThree
           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"
           tagIcon={Cog}
           textboxLayout="default"
           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: "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"
+              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"
           animationType="slide-up"
           useInvertedBackground={false}
         />
@@ -107,21 +105,19 @@ export default function LandingPage() {
       <div id="solutions" data-section="solutions">
         <FeatureCardThree
           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"
           tagIcon={Layers}
           textboxLayout="default"
           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: "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"},
+              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"},
           ]}
-          gridVariant="two-columns-alternating-heights"
+          gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
           useInvertedBackground={false}
         />
@@ -129,23 +125,23 @@ export default function LandingPage() {
 
       <div id="metrics" data-section="metrics">
         <MetricCardOne
-          title="Real Impact"
-          description="Results our clients see after implementing our AI growth infrastructure"
+          title="Results That Matter"
+          description="What founders see after installing our systems"
           tag="Performance"
           tagIcon={BarChart3}
           textboxLayout="default"
           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"
@@ -157,17 +153,17 @@ export default function LandingPage() {
       <div id="process" data-section="process">
         <FeatureCardThree
           title="How We Work"
-          description="A straightforward process to engineer your growth systems"
+          description="Three straightforward phases"
           tag="Process"
           tagIcon={Workflow}
           textboxLayout="default"
           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"
           animationType="slide-up"
@@ -177,8 +173,8 @@ export default function LandingPage() {
 
       <div id="social-proof" data-section="social-proof">
         <SocialProofOne
-          title="Trusted by Ambitious Founders"
-          description="From early-stage startups to scaling e-commerce and SaaS companies—we build growth infrastructure for businesses that move fast"
+          title="Trusted by Forward-Thinking Founders"
+          description="From startups to scaling companies—we build growth systems for businesses that move fast"
           tag="Clients"
           tagIcon={CheckCircle}
           textboxLayout="default"
@@ -194,19 +190,19 @@ export default function LandingPage() {
 
       <div id="contact" data-section="contact">
         <ContactSplit
-          tag="Ready to Scale"
+          tag="Ready to Scale?"
           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}
           background={{ variant: "sparkles-gradient" }}
           useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/modern-contact-or-consultation-interface-1772496096934-886cb0e1.png"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3APXYs8p19SwZgPCy0dYpDGi8Hd/modern-contact-or-consultation-interface-1772496096934-886cb0e1.png?_wi=1"
           imageAlt="Consultation setup"
           mediaAnimation="blur-reveal"
           mediaPosition="right"
           inputPlaceholder="your@email.com"
           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>