Update theme colors

Merge version_4 into main

src/app/ai-automation/page.tsx

@@ -3,10 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Sparkles, Zap } from 'lucide-react';
+import { Sparkles, Zap, Award, CheckCircle } from 'lucide-react';
 
 export default function AIAutomationPage() {
   return (
@@ -25,44 +28,92 @@ export default function AIAutomationPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           navItems={[
-            { name: "Services", id: "/services" },
+            { name: "Services", id: "/" },
             { name: "AI Automation", id: "/ai-automation" },
             { name: "AI Marketing", id: "/ai-marketing" },
             { name: "Website Design", id: "/website-design" },
-            { name: "Branding", id: "/branding" },
-            { name: "About", id: "/about" },
-            { name: "Contact", id: "/contact" }
+            { name: "Branding", id: "/branding" }
           ]}
           brandName="Vero AI"
           bottomLeftText="Vero Marketing AI"
-          bottomRightText="veroai@veroaimarketing.com"
+          bottomRightText="hello@veroai.com"
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroBillboard
           title="AI Automation & Workflows"
-          description="Transform your business operations with intelligent automation. We build custom workflows that eliminate manual tasks, reduce errors, and free up your team to focus on strategy."
+          description="Custom automation workflows designed to eliminate repetitive tasks, accelerate your business processes, and free your team to focus on strategy. Smart systems that deliver real efficiency."
           background={{ variant: "sparkles-gradient" }}
-          tag="Automation Solutions"
+          tag="Service Detail"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Schedule Consultation", href: "/contact" },
-            { text: "See Case Studies", href: "/services" }
+            { text: "Book a Consultation", href: "#contact" },
+            { text: "Back to Services", href: "/" }
           ]}
           buttonAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/visual-representation-of-ai-automation-a-1773289187678-5a4ad895.png?_wi=3"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/visual-representation-of-ai-automation-a-1773289187678-5a4ad895.png?_wi=1"
           imageAlt="AI Automation Dashboard"
           mediaAnimation="blur-reveal"
         />
       </div>
 
+      <div id="capabilities" data-section="capabilities">
+        <FeatureCardSeven
+          title="What AI Automation Does for Your Company"
+          description="Our automation workflows are tailored to your specific business needs, creating intelligent systems that handle complex processes with precision and speed."
+          tag="Key Capabilities"
+          tagIcon={CheckCircle}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="blur-reveal"
+          features={[
+            {
+              id: 1,
+              title: "Lead Capture & Qualification",              description: "Automatically capture leads from multiple channels, qualify them based on your criteria, and route them to the right team members instantly.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/visual-representation-of-ai-automation-a-1773289187678-5a4ad895.png?_wi=1",              imageAlt: "Lead Capture"
+            },
+            {
+              id: 2,
+              title: "Workflow Automation",              description: "Build complex, multi-step workflows that handle everything from data entry to customer notifications—all without manual intervention.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/visual-representation-of-ai-automation-a-1773289187678-5a4ad895.png?_wi=1",              imageAlt: "Workflow Automation"
+            },
+            {
+              id: 3,
+              title: "Integration & Data Sync",              description: "Connect your entire tech stack—CRM, email, payment processors, databases—and keep data synchronized in real-time across all platforms.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/visual-representation-of-ai-automation-a-1773289187678-5a4ad895.png?_wi=1",              imageAlt: "Integration"
+            },
+            {
+              id: 4,
+              title: "Intelligent Reporting",              description: "Generate real-time dashboards and automated reports that give you instant visibility into key metrics and performance indicators.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/visual-representation-of-ai-automation-a-1773289187678-5a4ad895.png?_wi=1",              imageAlt: "Reporting"
+            }
+          ]}
+        />
+      </div>
+
       <div id="benefits" data-section="benefits">
+        <MetricSplitMediaAbout
+          tag="Business Impact"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
+          title="Measurable Results Through Automation"
+          description="Our clients experience significant improvements in efficiency, cost savings, and revenue generation. By automating repetitive tasks, your team can focus on high-value strategic work that drives real business growth."
+          metrics={[
+            { value: "70%", title: "Average Time Savings" },
+            { value: "$500K+", title: "Annual Savings Per Client" }
+          ]}
+          useInvertedBackground={true}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/visual-representation-of-ai-automation-a-1773289187678-5a4ad895.png?_wi=2"
+          imageAlt="Automation Results"
+          mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
+        />
+      </div>
+
+      <div id="process" data-section="process">
         <MetricCardEleven
-          title="What Our Automation Delivers"
-          description="Real efficiency gains that impact your bottom line immediately."
-          tag="Results"
+          title="Our AI Automation Process"
+          description="A proven methodology for designing and implementing custom automation solutions tailored to your business."
+          tag="Implementation"
           tagIcon={Zap}
           tagAnimation="slide-up"
           textboxLayout="default"
@@ -70,31 +121,60 @@ export default function AIAutomationPage() {
           animationType="slide-up"
           metrics={[
             {
-              id: "1",              value: "85%",              title: "Time Savings",              description: "Average reduction in manual task time for our clients",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategic-discovery-and-consultation-pha-1773289188610-5fa5f564.png?_wi=2",              imageAlt: "Time Savings"
+              id: "1",              value: "Analyze",              title: "Process Mapping",              description: "We audit your current workflows to identify bottlenecks and automation opportunities.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategic-discovery-and-consultation-pha-1773289188610-5fa5f564.png?_wi=1",              imageAlt: "Analysis"
             },
             {
-              id: "2",              value: "92%",              title: "Error Reduction",              description: "Decrease in operational errors with automated workflows",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategy-development-and-planning-phase--1773289187387-9ce04fbf.png?_wi=2",              imageAlt: "Error Reduction"
+              id: "2",              value: "Design",              title: "Solution Architecture",              description: "We design custom workflows that integrate seamlessly with your existing systems.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategy-development-and-planning-phase--1773289187387-9ce04fbf.png?_wi=1",              imageAlt: "Design"
             },
             {
-              id: "3",              value: "3x",              title: "Productivity Boost",              description: "Increase in output per team member with automation",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/build-and-implementation-phase-showing-d-1773289188356-a18f1154.png?_wi=2",              imageAlt: "Productivity"
+              id: "3",              value: "Build",              title: "Development & Testing",              description: "Our engineers build, test, and refine the automation systems for reliability and performance.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/build-and-implementation-phase-showing-d-1773289188356-a18f1154.png?_wi=1",              imageAlt: "Build"
             },
             {
-              id: "4",              value: "24/7",              title: "Round-the-Clock Operation",              description: "Workflows run automatically, no human intervention required",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/launch-and-go-live-phase-showing-celebra-1773289187330-30f337d3.png?_wi=2",              imageAlt: "24/7 Operations"
-            },
-            {
-              id: "5",              value: "$150K+",              title: "Annual Savings",              description: "Average annual cost reduction per implementation",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/optimization-and-continuous-improvement--1773289188372-dc7422c2.png?_wi=2",              imageAlt: "Cost Savings"
+              id: "4",              value: "Deploy",              title: "Launch & Training",              description: "We implement the system and train your team to manage and optimize it.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/launch-and-go-live-phase-showing-celebra-1773289187330-30f337d3.png?_wi=1",              imageAlt: "Deploy"
             }
           ]}
         />
       </div>
 
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardSixteen
+          title="Clients Powered by Automation"
+          description="Real businesses achieving remarkable results through intelligent AI automation systems."
+          tag="Success Stories"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          testimonials={[
+            {
+              id: "1",              name: "Marcus Richardson",              role: "CEO",              company: "Premium Ventures",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-bus-1773289186556-a645a6b7.png?_wi=1"
+            },
+            {
+              id: "2",              name: "Sophia Chen",              role: "CMO",              company: "Luxury Brand Co",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-mar-1773289186890-9d714eef.png?_wi=1"
+            },
+            {
+              id: "3",              name: "James Mitchell",              role: "Founder",              company: "Elite Solutions",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-successful-en-1773289186769-5f49b9f5.png?_wi=1"
+            }
+          ]}
+          kpiItems={[
+            { value: "70%", label: "Time Saved" },
+            { value: "50%", label: "Cost Reduction" },
+            { value: "3x", label: "Efficiency Gain" }
+          ]}
+        />
+      </div>
+
       <div id="contact" data-section="contact">
         <ContactCenter
-          tag="Ready to Automate?"
+          tag="Get Started"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          title="Start Your Automation Journey"
-          description="Contact us at veroai@veroaimarketing.com or call 516-402-1199 to discuss your automation needs and discover how we can transform your operations."
+          title="Ready to Automate Your Business?"
+          description="Let's explore how AI automation can transform your operations. Schedule a consultation with our team to discuss your specific needs."
           background={{ variant: "plain" }}
           useInvertedBackground={false}
           inputPlaceholder="Enter your email"
@@ -108,34 +188,29 @@ export default function AIAutomationPage() {
           logoText="Vero AI"
           columns={[
             {
-              title: "Product",              items: [
-                { label: "Services", href: "/services" },
+              title: "Services",              items: [
                 { label: "AI Automation", href: "/ai-automation" },
-                { label: "AI Marketing", href: "/ai-marketing" }
+                { label: "AI Marketing", href: "/ai-marketing" },
+                { label: "Website Design", href: "/website-design" },
+                { label: "Branding", href: "/branding" }
               ]
             },
             {
               title: "Company",              items: [
-                { label: "Website Design", href: "/website-design" },
-                { label: "Branding", href: "/branding" },
-                { label: "About", href: "/about" }
+                { label: "Home", href: "/" },
+                { label: "About", href: "/#why-vero" },
+                { label: "Contact", href: "/#contact" }
               ]
             },
             {
               title: "Connect",              items: [
-                { label: "Email", href: "mailto:veroai@veroaimarketing.com" },
-                { label: "Phone", href: "tel:5164021199" },
-                { label: "Contact", href: "/contact" }
-              ]
-            },
-            {
-              title: "Legal",              items: [
-                { label: "Privacy", href: "#" },
-                { label: "Terms", href: "#" }
+                { label: "Email", href: "mailto:hello@veroai.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" },
+                { label: "Twitter", href: "https://twitter.com" }
               ]
             }
           ]}
-          copyrightText="© 2025 Vero AI Marketing. All rights reserved."
+          copyrightText="© 2025 Vero Marketing AI. All rights reserved."
         />
       </div>
     </ThemeProvider>

src/app/ai-marketing/page.tsx

@@ -3,10 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Sparkles, Zap } from 'lucide-react';
+import { Sparkles, Zap, Award, CheckCircle } from 'lucide-react';
 
 export default function AIMarketingPage() {
   return (
@@ -25,44 +28,92 @@ export default function AIMarketingPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           navItems={[
-            { name: "Services", id: "/services" },
+            { name: "Services", id: "/" },
             { name: "AI Automation", id: "/ai-automation" },
             { name: "AI Marketing", id: "/ai-marketing" },
             { name: "Website Design", id: "/website-design" },
-            { name: "Branding", id: "/branding" },
-            { name: "About", id: "/about" },
-            { name: "Contact", id: "/contact" }
+            { name: "Branding", id: "/branding" }
           ]}
           brandName="Vero AI"
           bottomLeftText="Vero Marketing AI"
-          bottomRightText="veroai@veroaimarketing.com"
+          bottomRightText="hello@veroai.com"
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroBillboard
-          title="AI-Powered Marketing Systems"
-          description="Generate qualified leads and close more deals with intelligent marketing automation. Our AI systems handle lead generation, nurturing, and conversion—24/7."
+          title="AI Marketing Systems"
+          description="Intelligent automation frameworks that handle lead generation, nurturing, and conversion at scale. Built for brands that want to dominate their market with sophisticated, data-driven marketing strategies."
           background={{ variant: "sparkles-gradient" }}
-          tag="Marketing Automation"
+          tag="Service Detail"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Start Your System", href: "/contact" },
-            { text: "View Results", href: "/services" }
+            { text: "Book a Consultation", href: "#contact" },
+            { text: "Back to Services", href: "/" }
           ]}
           buttonAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/an-abstract-representation-of-ai-marketi-1773289187366-6f949836.png?_wi=3"
-          imageAlt="AI Marketing Dashboard"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/an-abstract-representation-of-ai-marketi-1773289187366-6f949836.png?_wi=1"
+          imageAlt="AI Marketing Systems Dashboard"
           mediaAnimation="blur-reveal"
         />
       </div>
 
+      <div id="capabilities" data-section="capabilities">
+        <FeatureCardSeven
+          title="What AI Marketing Systems Do for Your Company"
+          description="Our marketing systems combine artificial intelligence with strategic thinking to create comprehensive marketing automation that drives growth."
+          tag="Key Capabilities"
+          tagIcon={CheckCircle}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="blur-reveal"
+          features={[
+            {
+              id: 1,
+              title: "Lead Generation & Scoring",              description: "AI-powered systems that identify and capture qualified leads, automatically score them based on engagement and fit, and route them to sales at the perfect moment.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/an-abstract-representation-of-ai-marketi-1773289187366-6f949836.png?_wi=1",              imageAlt: "Lead Generation"
+            },
+            {
+              id: 2,
+              title: "Email & Funnel Automation",              description: "Personalized email sequences and multi-channel nurture campaigns that adapt based on customer behavior, moving prospects from awareness to conversion.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/an-abstract-representation-of-ai-marketi-1773289187366-6f949836.png?_wi=1",              imageAlt: "Email Automation"
+            },
+            {
+              id: 3,
+              title: "Customer Segmentation",              description: "Intelligent segmentation based on behavior, demographics, and engagement patterns. Deliver targeted messaging to the right audience with the right message.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/an-abstract-representation-of-ai-marketi-1773289187366-6f949836.png?_wi=1",              imageAlt: "Segmentation"
+            },
+            {
+              id: 4,
+              title: "Analytics & Optimization",              description: "Real-time analytics dashboards showing campaign performance, conversion rates, and ROI. AI continuously tests and optimizes every element of your marketing.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/an-abstract-representation-of-ai-marketi-1773289187366-6f949836.png?_wi=1",              imageAlt: "Analytics"
+            }
+          ]}
+        />
+      </div>
+
       <div id="benefits" data-section="benefits">
+        <MetricSplitMediaAbout
+          tag="Business Impact"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
+          title="Results That Transform Your Revenue"
+          description="Our AI marketing systems don't just generate leads—they generate qualified, high-intent leads that convert. We've seen clients increase revenue by 3-5x while reducing customer acquisition costs by 40-60%."
+          metrics={[
+            { value: "340%", title: "Average ROI Increase" },
+            { value: "$500K+", title: "Revenue Generated Per Client" }
+          ]}
+          useInvertedBackground={true}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/an-abstract-representation-of-ai-marketi-1773289187366-6f949836.png?_wi=2"
+          imageAlt="Marketing Results"
+          mediaAnimation="slide-up"
+          metricsAnimation="slide-up"
+        />
+      </div>
+
+      <div id="process" data-section="process">
         <MetricCardEleven
-          title="Marketing System Results"
-          description="Proven performance metrics from our AI marketing implementations."
-          tag="Performance"
+          title="Our AI Marketing Implementation"
+          description="A sophisticated process for building marketing systems that scale with your business."
+          tag="Implementation"
           tagIcon={Zap}
           tagAnimation="slide-up"
           textboxLayout="default"
@@ -70,35 +121,64 @@ export default function AIMarketingPage() {
           animationType="slide-up"
           metrics={[
             {
-              id: "1",              value: "340%",              title: "Average ROI Improvement",              description: "Return on investment increase within first 6 months",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategic-discovery-and-consultation-pha-1773289188610-5fa5f564.png?_wi=3",              imageAlt: "ROI Improvement"
+              id: "1",              value: "Audit",              title: "Market Analysis",              description: "We analyze your market, competitors, and customer journey to identify the best marketing opportunities.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategic-discovery-and-consultation-pha-1773289188610-5fa5f564.png?_wi=1",              imageAlt: "Analysis"
             },
             {
-              id: "2",              value: "240%",              title: "Conversion Rate Lift",              description: "Average increase in qualified lead conversion",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategy-development-and-planning-phase--1773289187387-9ce04fbf.png?_wi=3",              imageAlt: "Conversion Lift"
+              id: "2",              value: "Strategy",              title: "Marketing Strategy",              description: "We develop a comprehensive marketing strategy that leverages AI and automation to reach your ideal customers.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategy-development-and-planning-phase--1773289187387-9ce04fbf.png?_wi=1",              imageAlt: "Strategy"
             },
             {
-              id: "3",              value: "180%",              title: "Lead Volume Increase",              description: "Growth in qualified leads generated monthly",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/build-and-implementation-phase-showing-d-1773289188356-a18f1154.png?_wi=3",              imageAlt: "Lead Volume"
+              id: "3",              value: "Build",              title: "System Development",              description: "We build the complete AI marketing system: landing pages, email workflows, lead scoring, and analytics.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/build-and-implementation-phase-showing-d-1773289188356-a18f1154.png?_wi=1",              imageAlt: "Build"
             },
             {
-              id: "4",              value: "98%",              title: "Lead Quality Score",              description: "Percentage of leads meeting your ideal customer profile",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/launch-and-go-live-phase-showing-celebra-1773289187330-30f337d3.png?_wi=3",              imageAlt: "Lead Quality"
-            },
-            {
-              id: "5",              value: "$25M+",              title: "Client Revenue Generated",              description: "Total qualified revenue attributed to our systems",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/optimization-and-continuous-improvement--1773289188372-dc7422c2.png?_wi=3",              imageAlt: "Revenue Generated"
+              id: "4",              value: "Launch",              title: "Campaign Activation",              description: "We launch your campaigns and monitor performance closely, making real-time adjustments for optimal results.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/launch-and-go-live-phase-showing-celebra-1773289187330-30f337d3.png?_wi=1",              imageAlt: "Launch"
             }
           ]}
         />
       </div>
 
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardSixteen
+          title="Brands Accelerating Growth with AI"
+          description="Leading companies achieving breakthrough marketing results with our AI-powered systems."
+          tag="Success Stories"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          testimonials={[
+            {
+              id: "1",              name: "Marcus Richardson",              role: "CEO",              company: "Premium Ventures",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-bus-1773289186556-a645a6b7.png?_wi=2"
+            },
+            {
+              id: "2",              name: "Sophia Chen",              role: "CMO",              company: "Luxury Brand Co",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-mar-1773289186890-9d714eef.png?_wi=2"
+            },
+            {
+              id: "3",              name: "James Mitchell",              role: "Founder",              company: "Elite Solutions",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-successful-en-1773289186769-5f49b9f5.png?_wi=2"
+            }
+          ]}
+          kpiItems={[
+            { value: "340%", label: "ROI Improvement" },
+            { value: "60%", label: "CAC Reduction" },
+            { value: "3-5x", label: "Revenue Growth" }
+          ]}
+        />
+      </div>
+
       <div id="contact" data-section="contact">
         <ContactCenter
-          tag="Ready to Scale?"
+          tag="Get Started"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          title="Launch Your AI Marketing System"
-          description="Contact us at veroai@veroaimarketing.com or call 516-402-1199 to discuss your marketing goals and how our AI system can generate consistent qualified leads."
+          title="Ready to Scale Your Marketing?"
+          description="Let's build an AI marketing system that generates qualified leads and drives consistent revenue growth. Schedule a consultation to discuss your goals."
           background={{ variant: "plain" }}
           useInvertedBackground={false}
           inputPlaceholder="Enter your email"
-          buttonText="Schedule Strategy Call"
+          buttonText="Schedule Consultation"
           termsText="We respect your privacy. Unsubscribe at any time."
         />
       </div>
@@ -108,34 +188,29 @@ export default function AIMarketingPage() {
           logoText="Vero AI"
           columns={[
             {
-              title: "Product",              items: [
-                { label: "Services", href: "/services" },
+              title: "Services",              items: [
                 { label: "AI Automation", href: "/ai-automation" },
-                { label: "AI Marketing", href: "/ai-marketing" }
+                { label: "AI Marketing", href: "/ai-marketing" },
+                { label: "Website Design", href: "/website-design" },
+                { label: "Branding", href: "/branding" }
               ]
             },
             {
               title: "Company",              items: [
-                { label: "Website Design", href: "/website-design" },
-                { label: "Branding", href: "/branding" },
-                { label: "About", href: "/about" }
+                { label: "Home", href: "/" },
+                { label: "About", href: "/#why-vero" },
+                { label: "Contact", href: "/#contact" }
               ]
             },
             {
               title: "Connect",              items: [
-                { label: "Email", href: "mailto:veroai@veroaimarketing.com" },
-                { label: "Phone", href: "tel:5164021199" },
-                { label: "Contact", href: "/contact" }
-              ]
-            },
-            {
-              title: "Legal",              items: [
-                { label: "Privacy", href: "#" },
-                { label: "Terms", href: "#" }
+                { label: "Email", href: "mailto:hello@veroai.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" },
+                { label: "Twitter", href: "https://twitter.com" }
               ]
             }
           ]}
-          copyrightText="© 2025 Vero AI Marketing. All rights reserved."
+          copyrightText="© 2025 Vero Marketing AI. All rights reserved."
         />
       </div>
     </ThemeProvider>

src/app/page.tsx

@@ -13,6 +13,10 @@ import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { Sparkles, CheckCircle, Shield, Zap, Award, Briefcase } from 'lucide-react';
 
 export default function LandingPage() {
+  const handleContactSubmit = (formData: any) => {
+    console.log('Contact form submitted:', formData);
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -149,15 +153,15 @@ export default function LandingPage() {
           testimonials={[
             {
               id: "1",              name: "Marcus Richardson",              role: "CEO",              company: "Premium Ventures",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-bus-1773289186556-a645a6b7.png"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-bus-1773289186556-a645a6b7.png?_wi=3"
             },
             {
               id: "2",              name: "Sophia Chen",              role: "CMO",              company: "Luxury Brand Co",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-mar-1773289186890-9d714eef.png"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-mar-1773289186890-9d714eef.png?_wi=3"
             },
             {
               id: "3",              name: "James Mitchell",              role: "Founder",              company: "Elite Solutions",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-successful-en-1773289186769-5f49b9f5.png"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-successful-en-1773289186769-5f49b9f5.png?_wi=3"
             },
             {
               id: "4",              name: "Alexandra Price",              role: "VP Growth",              company: "Apex Collective",              rating: 5,
@@ -206,12 +210,13 @@ export default function LandingPage() {
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           title="Transform Your Marketing in 30 Days"
-          description="Ready to elevate your marketing? Schedule a strategy call with our team and discover how Vero AI can transform your business."
+          description="Ready to elevate your marketing? Complete the form below and our team will reach out within 24 hours to discuss your goals."
           background={{ variant: "plain" }}
           useInvertedBackground={false}
           inputPlaceholder="Enter your email"
-          buttonText="Book Your Call"
+          buttonText="Get Started"
           termsText="We respect your privacy. Unsubscribe at any time."
+          onSubmit={handleContactSubmit}
         />
       </div>
 
@@ -252,4 +257,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #000000;
   --card: #f9f9f9;
-  --foreground: #000000;
-  --primary-cta: #000000;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #f0f0f0;
-  --secondary-cta-text: #d4d4d4;
-  --accent: #c0c0c0;
-  --background-accent: #e8e8e8;
+  --foreground: #a2a0a0;
+  --primary-cta: #15479c;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f9f9f9;
+  --secondary-cta-text: #000000;
+  --accent: #e2e2e2;
+  --background-accent: #c4c4c4;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);