Update src/app/page.tsx

Merge version_16 into main

src/app/about/page.tsx

@@ -0,0 +1,166 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import TeamCardOne from '@/components/sections/team/TeamCardOne';
+import TimelineProcessFlow from '@/components/cardStack/layouts/timelines/TimelineProcessFlow';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Sparkles, TrendingUp, Award, Users, Zap } from 'lucide-react';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "About", id: "/about" },
+            { name: "Services", id: "/services" },
+            { name: "Process", id: "process" },
+            { name: "Contact", id: "/contact" }
+          ]}
+          brandName="Vero AI"
+          bottomLeftText="Vero Marketing AI"
+          bottomRightText="hello@veroai.com"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboard
+          title="About Vero AI"
+          description="We're building the future of AI-powered marketing systems for premium brands."
+          background={{ variant: "sparkles-gradient" }}
+          tag="Our Story"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Get in Touch", href: "/contact" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/a-sophisticated-ai-marketing-dashboard-i-1773289187082-284b3e5e.png?_wi=1"
+          imageAlt="Vero AI About"
+          mediaAnimation="blur-reveal"
+        />
+      </div>
+
+      <div id="mission" data-section="mission">
+        <AboutMetric
+          title="Our Impact and Commitment"
+          useInvertedBackground={false}
+          metricsAnimation="slide-up"
+          metrics={[
+            { icon: TrendingUp, label: "Average ROI Improvement", value: "340%" },
+            { icon: Users, label: "Satisfied Clients", value: "50+" },
+            { icon: Award, label: "Industry Awards", value: "15+" },
+            { icon: Zap, label: "Projects Completed", value: "200+" }
+          ]}
+        />
+      </div>
+
+      <div id="journey" data-section="journey">
+        <TimelineProcessFlow
+          title="Our Journey"
+          description="From vision to becoming a trusted partner for premium brands"
+          tag="Milestones"
+          textboxLayout="default"
+          animationType="slide-up"
+          items={[
+            {
+              id: "1",              reverse: false,
+              media: <div className="w-full h-full bg-gradient-to-br from-blue-400 to-purple-600 rounded-lg flex items-center justify-center"><span className="text-white text-2xl font-bold">2020</span></div>,
+              content: <div><h3 className="text-xl font-bold mb-2">Foundation</h3><p className="text-sm mb-3">Vero AI was founded with a mission to revolutionize marketing through AI and automation.</p><ul className="text-sm space-y-1"><li>• Started with core team of 3</li><li>• First client implementation</li><li>• Launched initial AI marketing system</li></ul></div>
+            },
+            {
+              id: "2",              reverse: true,
+              media: <div className="w-full h-full bg-gradient-to-br from-green-400 to-blue-500 rounded-lg flex items-center justify-center"><span className="text-white text-2xl font-bold">2021</span></div>,
+              content: <div><h3 className="text-xl font-bold mb-2">Growth</h3><p className="text-sm mb-3">Expanded our team and established partnerships with industry leaders.</p><ul className="text-sm space-y-1"><li>• Scaled to 10+ team members</li><li>• $2M in client revenue generated</li><li>• Industry recognition and awards</li></ul></div>
+            },
+            {
+              id: "3",              reverse: false,
+              media: <div className="w-full h-full bg-gradient-to-br from-pink-400 to-orange-500 rounded-lg flex items-center justify-center"><span className="text-white text-2xl font-bold">2022-2023</span></div>,
+              content: <div><h3 className="text-xl font-bold mb-2">Maturity</h3><p className="text-sm mb-3">Established ourselves as the trusted partner for premium brands worldwide.</p><ul className="text-sm space-y-1"><li>• 50+ active clients globally</li><li>• $50M+ in total client revenue generated</li><li>• Multiple industry excellence awards</li></ul></div>
+            },
+            {
+              id: "4",              reverse: true,
+              media: <div className="w-full h-full bg-gradient-to-br from-purple-400 to-pink-500 rounded-lg flex items-center justify-center"><span className="text-white text-2xl font-bold">2024+</span></div>,
+              content: <div><h3 className="text-xl font-bold mb-2">The Future</h3><p className="text-sm mb-3">Continuing to innovate and lead the industry in AI-powered marketing solutions.</p><ul className="text-sm space-y-1"><li>• Building next-generation AI systems</li><li>• Expanding global reach</li><li>• Setting industry standards</li></ul></div>
+            }
+          ]}
+        />
+      </div>
+
+      <div id="team" data-section="team">
+        <TeamCardOne
+          title="Meet Our Team"
+          description="The talented individuals driving innovation at Vero AI"
+          tag="Our People"
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+          members={[
+            {
+              id: "1",              name: "Marcus Richardson",              role: "Founder & CEO",              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: "Chief Marketing Officer",              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: "Chief Technology Officer",              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",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-bus-1773289187161-d558b679.png?_wi=2"
+            }
+          ]}
+          gridVariant="four-items-2x2-equal-grid"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="Vero AI"
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Services", href: "/#services" },
+                { label: "Process", href: "/#process" },
+                { label: "Work", href: "/#portfolio" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About", href: "/about" },
+                { label: "Contact", href: "/contact" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Email", href: "mailto:hello@veroai.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" },
+                { label: "Twitter", href: "https://twitter.com" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy", href: "#" },
+                { label: "Terms", href: "#" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Vero Marketing AI. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/ai-automation/page.tsx

@@ -4,14 +4,17 @@ 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 TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Sparkles, Zap, Award, CheckCircle } from 'lucide-react';
+import { Sparkles, CheckCircle, Award, Briefcase } from 'lucide-react';
 
 export default function AIAutomationPage() {
+  const handleContactSubmit = (formData: any) => {
+    console.log('Contact form submitted:', formData);
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -28,11 +31,10 @@ export default function AIAutomationPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           navItems={[
-            { name: "Services", id: "/" },
+            { name: "Services", id: "/services" },
             { name: "AI Automation", id: "/ai-automation" },
             { name: "AI Marketing", id: "/ai-marketing" },
-            { name: "Website Design", id: "/website-design" },
-            { name: "Branding", id: "/branding" }
+            { name: "Contact", id: "contact" }
           ]}
           brandName="Vero AI"
           bottomLeftText="Vero Marketing AI"
@@ -42,28 +44,28 @@ export default function AIAutomationPage() {
 
       <div id="hero" data-section="hero">
         <HeroBillboard
-          title="AI Automation & Workflows"
-          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."
+          title="AI Automation Solutions That Scale"
+          description="Eliminate repetitive tasks and unlock operational efficiency. Our intelligent automation systems integrate seamlessly with your existing tools, freeing your team to focus on strategic growth."
           background={{ variant: "sparkles-gradient" }}
-          tag="Service Detail"
+          tag="Automation Excellence"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Book a Consultation", href: "#contact" },
-            { text: "Back to Services", href: "/" }
+            { text: "Explore Solutions", href: "#services" },
+            { text: "Book Consultation", href: "#contact" }
           ]}
           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=1"
-          imageAlt="AI Automation Dashboard"
+          imageAlt="AI Automation Systems"
           mediaAnimation="blur-reveal"
         />
       </div>
 
-      <div id="capabilities" data-section="capabilities">
+      <div id="services" data-section="services">
         <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"
+          title="Automation Solutions"
+          description="Comprehensive automation frameworks designed to streamline your operations and maximize efficiency across every business function."
+          tag="Our Expertise"
           tagIcon={CheckCircle}
           tagAnimation="slide-up"
           textboxLayout="default"
@@ -72,114 +74,93 @@ export default function AIAutomationPage() {
           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"
+              title: "Lead Management Automation",              description: "Automatically capture, qualify, and nurture leads through intelligent workflows. Our systems route prospects to the right team members at the optimal time, ensuring no opportunity is missed.",              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 Management"
             },
             {
               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"
+              title: "Business Process Automation",              description: "Streamline internal workflows across sales, customer service, and operations. We automate data entry, document processing, and multi-step approval processes, reducing manual work by up to 80%.",              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: "Process 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="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"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          metrics={[
-            {
-              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: "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: "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: "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"
+              title: "Customer Communication Automation",              description: "Deliver personalized customer experiences at scale with intelligent messaging, email sequences, and chatbot integrations. Maintain the human touch while operating 24/7.",              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: "Customer Communication"
             }
           ]}
         />
       </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"
+        <TestimonialCardThirteen
+          title="Automation Success Stories"
+          description="See how leading brands have transformed their operations with our automation solutions."
+          tag="Client Results"
           tagIcon={Award}
           tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
+          showRating={true}
           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: "1",              name: "Marcus Richardson",              handle: "@mrichardson",              testimonial: "Vero AI's automation systems freed up 20+ hours weekly for our team. The efficiency gains were immediate and the ROI was exceptional.",              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=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?_wi=1"
+              id: "2",              name: "Sophia Chen",              handle: "@sophiachen",              testimonial: "As VP Technology, I was impressed by the technical sophistication and seamless integration with our existing systems. Highly professional team.",              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=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?_wi=1"
+              id: "3",              name: "James Mitchell",              handle: "@jamesmitch",              testimonial: "The automation framework Vero AI built for us reduced errors by 95% and accelerated our processes dramatically. Outstanding work.",              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=3"
+            },
+            {
+              id: "4",              name: "Alexandra Price",              handle: "@alexan",              testimonial: "From implementation to support, Vero AI delivered exceptional value. Our operational costs dropped significantly while productivity soared.",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-bus-1773289187161-d558b679.png?_wi=1"
             }
           ]}
-          kpiItems={[
-            { value: "70%", label: "Time Saved" },
-            { value: "50%", label: "Cost Reduction" },
-            { value: "3x", label: "Efficiency Gain" }
+        />
+      </div>
+
+      <div id="portfolio" data-section="portfolio">
+        <BlogCardTwo
+          title="Automation Case Studies"
+          description="Detailed examples of automation transformations across various industries and use cases."
+          tag="Featured Projects"
+          tagIcon={Briefcase}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          animationType="slide-up"
+          carouselMode="buttons"
+          blogs={[
+            {
+              id: "1",              category: ["Lead Management", "Efficiency"],
+              title: "Sales Automation: 60+ Qualified Leads Monthly",              excerpt: "Implemented intelligent lead capture and nurturing workflow that generates 60+ qualified leads monthly with 80% less manual effort.",              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: "Sales Automation",              authorName: "Vero AI Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-bus-1773289186556-a645a6b7.png",              date: "2024"
+            },
+            {
+              id: "2",              category: ["Process Automation", "Operations"],
+              title: "Operational Efficiency: 40% Time Savings",              excerpt: "Automated repetitive operational tasks across customer service and fulfillment, reducing processing time and errors significantly.",              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: "Operations",              authorName: "Vero AI Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-mar-1773289186890-9d714eef.png",              date: "2024"
+            },
+            {
+              id: "3",              category: ["Customer Experience", "Growth"],
+              title: "24/7 Customer Communication Automation",              excerpt: "Deployed intelligent chatbot and email automation system enabling real-time customer support and personalized communication at scale.",              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: "Customer Communication",              authorName: "Vero AI Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-successful-en-1773289186769-5f49b9f5.png",              date: "2024"
+            }
           ]}
         />
       </div>
 
       <div id="contact" data-section="contact">
         <ContactCenter
-          tag="Get Started"
+          tag="Transform Your Operations"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           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."
+          description="Let's discuss how intelligent automation can unlock efficiency and growth for your organization. Our experts are ready to develop a custom solution for you."
           background={{ variant: "plain" }}
           useInvertedBackground={false}
           inputPlaceholder="Enter your email"
           buttonText="Schedule Consultation"
           termsText="We respect your privacy. Unsubscribe at any time."
+          onSubmit={handleContactSubmit}
         />
       </div>
 
@@ -189,17 +170,15 @@ export default function AIAutomationPage() {
           columns={[
             {
               title: "Services",              items: [
+                { label: "Services", href: "/services" },
                 { label: "AI Automation", href: "/ai-automation" },
-                { label: "AI Marketing", href: "/ai-marketing" },
-                { label: "Website Design", href: "/website-design" },
-                { label: "Branding", href: "/branding" }
+                { label: "AI Marketing", href: "/ai-marketing" }
               ]
             },
             {
               title: "Company",              items: [
                 { label: "Home", href: "/" },
-                { label: "About", href: "/#why-vero" },
-                { label: "Contact", href: "/#contact" }
+                { label: "Contact", href: "#contact" }
               ]
             },
             {
@@ -208,6 +187,12 @@ export default function AIAutomationPage() {
                 { label: "LinkedIn", href: "https://linkedin.com" },
                 { label: "Twitter", href: "https://twitter.com" }
               ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy", href: "#" },
+                { label: "Terms", href: "#" }
+              ]
             }
           ]}
           copyrightText="© 2025 Vero Marketing AI. All rights reserved."

src/app/ai-marketing/page.tsx

@@ -4,14 +4,17 @@ 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 TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Sparkles, Zap, Award, CheckCircle } from 'lucide-react';
+import { Sparkles, CheckCircle, Award, Briefcase } from 'lucide-react';
 
 export default function AIMarketingPage() {
+  const handleContactSubmit = (formData: any) => {
+    console.log('Contact form submitted:', formData);
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -28,11 +31,10 @@ export default function AIMarketingPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           navItems={[
-            { name: "Services", id: "/" },
+            { name: "Services", id: "/services" },
             { name: "AI Automation", id: "/ai-automation" },
             { name: "AI Marketing", id: "/ai-marketing" },
-            { name: "Website Design", id: "/website-design" },
-            { name: "Branding", id: "/branding" }
+            { name: "Contact", id: "contact" }
           ]}
           brandName="Vero AI"
           bottomLeftText="Vero Marketing AI"
@@ -42,28 +44,28 @@ export default function AIMarketingPage() {
 
       <div id="hero" data-section="hero">
         <HeroBillboard
-          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."
+          title="AI-Powered Marketing That Converts"
+          description="Intelligent marketing systems that automate lead generation, nurturing, and conversion. Scale your revenue without scaling your team. Premium brands choose Vero AI for sophisticated, results-driven marketing automation."
           background={{ variant: "sparkles-gradient" }}
-          tag="Service Detail"
+          tag="Marketing Intelligence"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Book a Consultation", href: "#contact" },
-            { text: "Back to Services", href: "/" }
+            { text: "Discover Solutions", href: "#services" },
+            { text: "View Case Studies", href: "#portfolio" }
           ]}
           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=1"
-          imageAlt="AI Marketing Systems Dashboard"
+          imageAlt="AI Marketing Systems"
           mediaAnimation="blur-reveal"
         />
       </div>
 
-      <div id="capabilities" data-section="capabilities">
+      <div id="services" data-section="services">
         <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"
+          title="AI Marketing Solutions"
+          description="Comprehensive marketing automation frameworks designed to generate leads, nurture relationships, and drive conversions at scale."
+          tag="Our Capabilities"
           tagIcon={CheckCircle}
           tagAnimation="slide-up"
           textboxLayout="default"
@@ -72,114 +74,93 @@ export default function AIMarketingPage() {
           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"
+              title: "Intelligent Lead Generation",              description: "AI-powered systems that identify, attract, and qualify high-value prospects. We combine advanced targeting with personalized messaging to fill your sales pipeline with ready-to-buy leads.",              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"
+              title: "Advanced Lead Nurturing",              description: "Sophisticated nurturing sequences that guide prospects through the buyer's journey. Personalized content, dynamic segmentation, and behavioral triggers ensure every prospect receives the right message at the right time.",              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 Nurturing"
             },
             {
               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="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"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          metrics={[
-            {
-              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: "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: "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: "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"
+              title: "Revenue Optimization",              description: "Data-driven strategies that maximize conversion rates and customer lifetime value. We continuously optimize messaging, offers, and customer experience to drive sustainable revenue growth.",              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: "Revenue Optimization"
             }
           ]}
         />
       </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"
+        <TestimonialCardThirteen
+          title="Marketing Transformation Results"
+          description="Real revenue growth achieved through intelligent AI marketing systems."
+          tag="Client Testimonials"
           tagIcon={Award}
           tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
+          showRating={true}
           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: "1",              name: "Marcus Richardson",              handle: "@mrichardson",              testimonial: "Vero AI's marketing system transformed our lead generation. We went from 20 leads/month to 100+ qualified leads within 3 months. Game-changing partnership.",              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=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?_wi=2"
+              id: "2",              name: "Sophia Chen",              handle: "@sophiachen",              testimonial: "As CMO, I appreciate how Vero AI's data-driven approach aligns with our brand values. Their marketing system delivered 340% ROI and strengthened customer relationships.",              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=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?_wi=2"
+              id: "3",              name: "James Mitchell",              handle: "@jamesmitch",              testimonial: "Their strategic approach to marketing automation was exactly what we needed. Revenue increased, customer acquisition cost dropped, and our team can focus on strategy.",              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=3"
+            },
+            {
+              id: "4",              name: "Alexandra Price",              handle: "@alexan",              testimonial: "Vero AI helped us scale revenue from $2M to $8M+ in one year. Their marketing systems are sophisticated, professional, and deliver results. Highly recommended.",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-bus-1773289187161-d558b679.png?_wi=2"
             }
           ]}
-          kpiItems={[
-            { value: "340%", label: "ROI Improvement" },
-            { value: "60%", label: "CAC Reduction" },
-            { value: "3-5x", label: "Revenue Growth" }
+        />
+      </div>
+
+      <div id="portfolio" data-section="portfolio">
+        <BlogCardTwo
+          title="AI Marketing Case Studies"
+          description="Detailed case studies showcasing successful AI marketing system implementations and results achieved."
+          tag="Success Stories"
+          tagIcon={Briefcase}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          animationType="slide-up"
+          carouselMode="buttons"
+          blogs={[
+            {
+              id: "1",              category: ["Lead Generation", "Revenue"],
+              title: "AI Lead Generation: $500K Revenue Generated in 6 Months",              excerpt: "Complete AI marketing system deployment that generated $500K in qualified revenue through intelligent lead generation and nurturing automation. Client experienced 340% ROI improvement.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/ai-marketing-automation-system-deploymen-1773289188651-16c8db96.png?_wi=2",              imageAlt: "AI Lead Generation",              authorName: "Vero AI Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-bus-1773289186556-a645a6b7.png",              date: "2024"
+            },
+            {
+              id: "2",              category: ["Nurturing", "Conversion"],
+              title: "Advanced Lead Nurturing: 4x Conversion Increase",              excerpt: "Sophisticated lead nurturing system with personalized sequences and behavioral triggers resulted in 4x improvement in conversion rates and dramatically shortened sales cycles.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/an-abstract-representation-of-ai-marketi-1773289187366-6f949836.png",              imageAlt: "Lead Nurturing",              authorName: "Vero AI Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-mar-1773289186890-9d714eef.png",              date: "2024"
+            },
+            {
+              id: "3",              category: ["Optimization", "Growth"],
+              title: "Marketing System Scaling: 10x Lead Volume in Year 2",              excerpt: "Strategic optimization and scaling of AI marketing systems achieved 10x increase in qualified lead volume while maintaining quality and efficiency. Established sustainable growth foundation.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/high-converting-sales-funnel-optimizatio-1773289228663-02621dd4.png?_wi=2",              imageAlt: "Marketing Scaling",              authorName: "Vero AI Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-successful-en-1773289186769-5f49b9f5.png",              date: "2024"
+            }
           ]}
         />
       </div>
 
       <div id="contact" data-section="contact">
         <ContactCenter
-          tag="Get Started"
+          tag="Ready to Scale"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          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."
+          title="Transform Your Marketing Today"
+          description="Let's build an AI marketing system designed for your business. Discuss your goals and discover how we can help you scale revenue efficiently. Our team will reach out within 24 hours."
           background={{ variant: "plain" }}
           useInvertedBackground={false}
           inputPlaceholder="Enter your email"
-          buttonText="Schedule Consultation"
+          buttonText="Get Started"
           termsText="We respect your privacy. Unsubscribe at any time."
+          onSubmit={handleContactSubmit}
         />
       </div>
 
@@ -189,17 +170,15 @@ export default function AIMarketingPage() {
           columns={[
             {
               title: "Services",              items: [
+                { label: "Services", href: "/services" },
                 { label: "AI Automation", href: "/ai-automation" },
-                { label: "AI Marketing", href: "/ai-marketing" },
-                { label: "Website Design", href: "/website-design" },
-                { label: "Branding", href: "/branding" }
+                { label: "AI Marketing", href: "/ai-marketing" }
               ]
             },
             {
               title: "Company",              items: [
                 { label: "Home", href: "/" },
-                { label: "About", href: "/#why-vero" },
-                { label: "Contact", href: "/#contact" }
+                { label: "Contact", href: "#contact" }
               ]
             },
             {
@@ -208,6 +187,12 @@ export default function AIMarketingPage() {
                 { label: "LinkedIn", href: "https://linkedin.com" },
                 { label: "Twitter", href: "https://twitter.com" }
               ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy", href: "#" },
+                { label: "Terms", href: "#" }
+              ]
             }
           ]}
           copyrightText="© 2025 Vero Marketing AI. All rights reserved."

src/app/booking/page.tsx

@@ -0,0 +1,238 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Sparkles } from 'lucide-react';
+import { useState } from 'react';
+
+export default function BookingPage() {
+  const [formData, setFormData] = useState({
+    firstName: '',
+    lastName: '',
+    businessName: '',
+    businessService: '',
+    description: '',
+    phoneNumber: '',
+    email: ''
+  });
+
+  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {
+    const { name, value } = e.target;
+    setFormData(prev => ({
+      ...prev,
+      [name]: value
+    }));
+  };
+
+  const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
+    e.preventDefault();
+    console.log('Booking form submitted:', formData);
+    // Reset form
+    setFormData({
+      firstName: '',
+      lastName: '',
+      businessName: '',
+      businessService: '',
+      description: '',
+      phoneNumber: '',
+      email: ''
+    });
+  };
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { 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" }
+          ]}
+          brandName="Vero AI"
+          bottomLeftText="Vero Marketing AI"
+          bottomRightText="hello@veroai.com"
+        />
+      </div>
+
+      <div id="booking" data-section="booking" className="min-h-screen py-20 px-6 flex items-center justify-center">
+        <div className="w-full max-w-2xl">
+          <div className="mb-12 text-center">
+            <h1 className="text-5xl font-bold mb-4">Book a Call</h1>
+            <p className="text-lg text-gray-600">Schedule a consultation with our team to discuss your marketing needs and goals.</p>
+          </div>
+
+          <form onSubmit={handleSubmit} className="space-y-6">
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+              <div>
+                <label htmlFor="firstName" className="block text-sm font-medium mb-2">
+                  First Name
+                </label>
+                <input
+                  type="text"
+                  id="firstName"
+                  name="firstName"
+                  value={formData.firstName}
+                  onChange={handleInputChange}
+                  required
+                  className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500 bg-white"
+                  placeholder="John"
+                />
+              </div>
+              <div>
+                <label htmlFor="lastName" className="block text-sm font-medium mb-2">
+                  Last Name
+                </label>
+                <input
+                  type="text"
+                  id="lastName"
+                  name="lastName"
+                  value={formData.lastName}
+                  onChange={handleInputChange}
+                  required
+                  className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500 bg-white"
+                  placeholder="Doe"
+                />
+              </div>
+            </div>
+
+            <div>
+              <label htmlFor="businessName" className="block text-sm font-medium mb-2">
+                Business Name
+              </label>
+              <input
+                type="text"
+                id="businessName"
+                name="businessName"
+                value={formData.businessName}
+                onChange={handleInputChange}
+                required
+                className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500 bg-white"
+                placeholder="Your Company"
+              />
+            </div>
+
+            <div>
+              <label htmlFor="businessService" className="block text-sm font-medium mb-2">
+                Business Service
+              </label>
+              <input
+                type="text"
+                id="businessService"
+                name="businessService"
+                value={formData.businessService}
+                onChange={handleInputChange}
+                required
+                className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500 bg-white"
+                placeholder="What service do you offer?"
+              />
+            </div>
+
+            <div>
+              <label htmlFor="description" className="block text-sm font-medium mb-2">
+                Description of What You're Looking For
+              </label>
+              <textarea
+                id="description"
+                name="description"
+                value={formData.description}
+                onChange={handleInputChange}
+                required
+                rows={5}
+                className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500 bg-white"
+                placeholder="Tell us about your project and what you're looking to accomplish..."
+              />
+            </div>
+
+            <div className="grid grid-cols-1 md:grid-cols-2 gap-6">
+              <div>
+                <label htmlFor="phoneNumber" className="block text-sm font-medium mb-2">
+                  Phone Number
+                </label>
+                <input
+                  type="tel"
+                  id="phoneNumber"
+                  name="phoneNumber"
+                  value={formData.phoneNumber}
+                  onChange={handleInputChange}
+                  required
+                  className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500 bg-white"
+                  placeholder="(123) 456-7890"
+                />
+              </div>
+              <div>
+                <label htmlFor="email" className="block text-sm font-medium mb-2">
+                  Email
+                </label>
+                <input
+                  type="email"
+                  id="email"
+                  name="email"
+                  value={formData.email}
+                  onChange={handleInputChange}
+                  required
+                  className="w-full px-4 py-3 border border-gray-300 rounded-lg focus:outline-none focus:border-blue-500 bg-white"
+                  placeholder="john@example.com"
+                />
+              </div>
+            </div>
+
+            <button
+              type="submit"
+              className="w-full bg-blue-600 hover:bg-blue-700 text-white font-semibold py-3 px-6 rounded-lg transition duration-200"
+            >
+              Schedule Your Call
+            </button>
+          </form>
+
+          <p className="text-sm text-gray-500 text-center mt-6">
+            We respect your privacy. We'll only use your information to schedule your consultation.
+          </p>
+        </div>
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="Vero AI"
+          columns={[
+            {
+              title: "Services",              items: [
+                { label: "AI Automation", href: "/ai-automation" },
+                { label: "AI Marketing", href: "/ai-marketing" },
+                { label: "Website Design", href: "/website-design" },
+                { label: "Branding", href: "/branding" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "Home", href: "/" },
+                { label: "Contact", href: "/#contact" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Email", href: "mailto:hello@veroai.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" },
+                { label: "Twitter", href: "https://twitter.com" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Vero Marketing AI. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/branding/page.tsx

@@ -3,12 +3,18 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
+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, CheckCircle, Award, Briefcase } from 'lucide-react';
 
 export default function BrandingPage() {
+  const handleContactSubmit = (formData: any) => {
+    console.log('Contact form submitted:', formData);
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -25,81 +31,146 @@ export default function BrandingPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           navItems={[
-            { name: "Services", id: "/services" },
-            { name: "AI Automation", id: "/ai-automation" },
-            { name: "AI Marketing", id: "/ai-marketing" },
+            { name: "Services", id: "services" },
+            { name: "Process", id: "process" },
+            { name: "Work", id: "portfolio" },
             { name: "Website Design", id: "/website-design" },
             { name: "Branding", id: "/branding" },
-            { name: "About", id: "/about" },
-            { name: "Contact", id: "/contact" }
+            { name: "Contact", id: "contact" }
           ]}
           brandName="Vero AI"
           bottomLeftText="Vero Marketing AI"
-          bottomRightText="veroai@veroaimarketing.com"
+          bottomRightText="hello@veroai.com"
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroBillboard
-          title="Strategic Branding & Creative Direction"
-          description="Build a premium brand that stands out and commands attention. From logo design to complete visual identity, we create brands that resonate with your ideal customers."
+          title="Strategic Branding That Captivates and Converts"
+          description="Powerful brand identity design that resonates with your audience and differentiates you from competitors. From logo design to complete brand systems, we create memorable brand experiences that drive loyalty and growth."
           background={{ variant: "sparkles-gradient" }}
-          tag="Brand Strategy"
+          tag="Brand Strategy & Design"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Start Your Brand", href: "/contact" },
-            { text: "See Examples", href: "/services" }
+            { text: "Start Your Brand Journey", href: "/booking" },
+            { text: "View Our Work", href: "#portfolio" }
           ]}
           buttonAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/premium-website-and-brand-design-showcas-1773289187253-99f3e4ce.png?_wi=5"
-          imageAlt="Branding & Design Showcase"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/luxury-brand-redesign-showcase-before-af-1773289195672-ab7ca6f6.png?_wi=1"
+          imageAlt="Strategic Brand Design"
           mediaAnimation="blur-reveal"
         />
       </div>
 
       <div id="services" data-section="services">
-        <MetricCardEleven
-          title="Our Branding Services"
-          description="Complete brand development from strategy to implementation."
-          tag="Creative Solutions"
-          tagIcon={Zap}
+        <FeatureCardSeven
+          title="Branding & Creative Services"
+          description="Comprehensive branding solutions that go beyond logo design. We create complete brand ecosystems that communicate your story, values, and vision across every touchpoint."
+          tag="Our Expertise"
+          tagIcon={CheckCircle}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="blur-reveal"
+          features={[
+            {
+              id: 1,
+              title: "Brand Strategy & Positioning",              description: "Deep strategic brand work that defines your unique value proposition. We uncover your authentic brand story and position you for market leadership and customer loyalty.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategic-discovery-and-consultation-pha-1773289188610-5fa5f564.png?_wi=1",              imageAlt: "Brand Strategy"
+            },
+            {
+              id: 2,
+              title: "Visual Identity Design",              description: "Stunning visual systems including logo design, color palettes, typography, and design guidelines. Every element crafted to communicate your brand's essence and create lasting impressions.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/premium-website-and-brand-design-showcas-1773289187253-99f3e4ce.png?_wi=1",              imageAlt: "Visual Identity"
+            },
+            {
+              id: 3,
+              title: "Brand Communication Design",              description: "Strategic creative design for all brand communications. From marketing collateral to packaging to social media, we ensure consistent, compelling brand expression everywhere.",              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: "Brand Communication"
+            },
+            {
+              id: 4,
+              title: "Brand System & Guidelines",              description: "Comprehensive brand guidelines that empower your team and ensure consistency. Complete documentation covering visual standards, tone of voice, and brand application across all channels.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategy-development-and-planning-phase--1773289187387-9ce04fbf.png?_wi=1",              imageAlt: "Brand Guidelines"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="portfolio" data-section="portfolio">
+        <BlogCardTwo
+          title="Brand Design Portfolio"
+          description="Showcase of transformative branding projects that elevated companies and created market impact. Strategic thinking brought to life through compelling creative design."
+          tag="Featured Projects"
+          tagIcon={Briefcase}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          animationType="slide-up"
+          carouselMode="buttons"
+          blogs={[
+            {
+              id: "1",              category: ["Brand Refresh", "Visual Identity"],
+              title: "Luxury Retailer: Complete Brand Transformation",              excerpt: "Strategic rebrand for legacy luxury brand. New positioning, modern visual identity, and comprehensive brand guidelines increased brand recognition by 220% and attracted new market segment.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/luxury-brand-redesign-showcase-before-af-1773289195672-ab7ca6f6.png",              imageAlt: "Luxury Retailer Brand",              authorName: "Vero AI Brand Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-bus-1773289186556-a645a6b7.png",              date: "2024"
+            },
+            {
+              id: "2",              category: ["Tech Startup", "Brand Launch"],
+              title: "AI Startup: From Concept to Brand Leadership",              excerpt: "Full brand creation for cutting-edge AI startup. Strategic positioning, bold visual identity, and cohesive brand system established market presence and attracted Series A funding.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/ai-marketing-automation-system-deploymen-1773289188651-16c8db96.png",              imageAlt: "Tech Startup Brand",              authorName: "Vero AI Brand Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-mar-1773289186890-9d714eef.png",              date: "2024"
+            },
+            {
+              id: "3",              category: ["Corporate Branding", "B2B"],
+              title: "Enterprise Consulting Firm: Authority Branding",              excerpt: "Complete rebrand for established consulting firm targeting enterprise clients. Premium positioning, sophisticated visual system, and thought leadership positioning increased deal sizes by 165%.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/high-converting-sales-funnel-optimizatio-1773289228663-02621dd4.png",              imageAlt: "Consulting Firm Brand",              authorName: "Vero AI Brand Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-successful-en-1773289186769-5f49b9f5.png",              date: "2024"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardSixteen
+          title="Brands We've Transformed"
+          description="Companies that strengthened their market position through strategic branding and creative excellence."
+          tag="Client Success Stories"
+          tagIcon={Award}
           tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
-          metrics={[
+          testimonials={[
             {
-              id: "1",              value: "Strategy",              title: "Brand Positioning",              description: "Define your unique value proposition and market positioning",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategic-discovery-and-consultation-pha-1773289188610-5fa5f564.png?_wi=5",              imageAlt: "Brand Strategy"
+              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=3"
             },
             {
-              id: "2",              value: "Design",              title: "Logo & Visual Identity",              description: "Custom logo design and comprehensive brand guidelines",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategy-development-and-planning-phase--1773289187387-9ce04fbf.png?_wi=5",              imageAlt: "Logo Design"
+              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=3"
             },
             {
-              id: "3",              value: "Color",              title: "Color Palette & Typography",              description: "Strategic color psychology and typography selections",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/build-and-implementation-phase-showing-d-1773289188356-a18f1154.png?_wi=5",              imageAlt: "Design System"
+              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=3"
             },
             {
-              id: "4",              value: "Creative",              title: "Marketing Collateral",              description: "Business cards, letterhead, presentation templates and more",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/launch-and-go-live-phase-showing-celebra-1773289187330-30f337d3.png?_wi=5",              imageAlt: "Collateral"
-            },
-            {
-              id: "5",              value: "Premium",              title: "Brand Guidelines",              description: "Complete documentation for consistent brand application",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/optimization-and-continuous-improvement--1773289188372-dc7422c2.png?_wi=5",              imageAlt: "Guidelines"
+              id: "4",              name: "Alexandra Price",              role: "VP Growth",              company: "Apex Collective",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-bus-1773289187161-d558b679.png"
             }
           ]}
+          kpiItems={[
+            { value: "200+", label: "Brands Created" },
+            { value: "95%", label: "Client Satisfaction" },
+            { value: "40", label: "Industry Awards" }
+          ]}
         />
       </div>
 
       <div id="contact" data-section="contact">
         <ContactCenter
-          tag="Ready to Brand?"
+          tag="Ready to Elevate Your Brand?"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          title="Build Your Premium Brand Today"
-          description="Contact us at veroai@veroaimarketing.com or call 516-402-1199 to discuss your branding vision and get started on creating a brand that stands out."
+          title="Let's Create Your Brand Story"
+          description="Whether you're launching a new brand or reimagining an established one, our creative team is ready to craft a brand identity that captivates and converts."
           background={{ variant: "plain" }}
           useInvertedBackground={false}
           inputPlaceholder="Enter your email"
-          buttonText="Schedule Consultation"
+          buttonText="Get Started"
           termsText="We respect your privacy. Unsubscribe at any time."
+          onSubmit={handleContactSubmit}
         />
       </div>
 
@@ -108,24 +179,24 @@ export default function BrandingPage() {
           logoText="Vero AI"
           columns={[
             {
-              title: "Product",              items: [
-                { label: "Services", href: "/services" },
-                { label: "AI Automation", href: "/ai-automation" },
-                { label: "AI Marketing", href: "/ai-marketing" }
+              title: "Services",              items: [
+                { label: "Branding", href: "/branding" },
+                { label: "Website Design", href: "/website-design" },
+                { label: "AI Marketing", href: "#services" }
               ]
             },
             {
               title: "Company",              items: [
-                { label: "Website Design", href: "/website-design" },
-                { label: "Branding", href: "/branding" },
-                { label: "About", href: "/about" }
+                { label: "Portfolio", href: "#portfolio" },
+                { label: "Testimonials", href: "#testimonials" },
+                { label: "Contact", href: "#contact" }
               ]
             },
             {
               title: "Connect",              items: [
-                { label: "Email", href: "mailto:veroai@veroaimarketing.com" },
-                { label: "Phone", href: "tel:5164021199" },
-                { label: "Contact", href: "/contact" }
+                { label: "Email", href: "mailto:hello@veroai.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" },
+                { label: "Twitter", href: "https://twitter.com" }
               ]
             },
             {
@@ -135,7 +206,7 @@ export default function BrandingPage() {
               ]
             }
           ]}
-          copyrightText="© 2025 Vero AI Marketing. All rights reserved."
+          copyrightText="© 2025 Vero Marketing AI. All rights reserved."
         />
       </div>
     </ThemeProvider>

src/app/contact/page.tsx

@@ -0,0 +1,192 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import HeroBillboard from '@/components/sections/hero/HeroBillboard';
+import ContactForm from '@/components/form/ContactForm';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import { Sparkles, Mail, Phone, MapPin } from 'lucide-react';
+import { useState } from 'react';
+
+export default function ContactPage() {
+  const [submitted, setSubmitted] = useState(false);
+
+  const handleContactSubmit = (email: string) => {
+    console.log('Contact form submitted:', email);
+    setSubmitted(true);
+    setTimeout(() => setSubmitted(false), 3000);
+  };
+
+  return (
+    <ThemeProvider
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="background-highlight"
+      borderRadius="pill"
+      contentWidth="small"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="gradient-bordered"
+      primaryButtonStyle="diagonal-gradient"
+      secondaryButtonStyle="layered"
+      headingFontWeight="light"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Services", id: "services" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" }
+          ]}
+          brandName="Vero AI"
+          bottomLeftText="Vero Marketing AI"
+          bottomRightText="hello@veroai.com"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboard
+          title="Let's Start Your Transformation"
+          description="Have questions about our services? Need a custom quote? Our team is ready to help. Reach out and let's discuss how Vero AI can elevate your marketing."
+          background={{ variant: "sparkles-gradient" }}
+          tag="Get in Touch"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          buttonAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/a-sophisticated-ai-marketing-dashboard-i-1773289187082-284b3e5e.png?_wi=1"
+          imageAlt="Contact Vero AI"
+          mediaAnimation="blur-reveal"
+        />
+      </div>
+
+      <div id="contact-info" data-section="contact-info" className="py-20">
+        <div className="mx-auto max-w-7xl px-6 md:px-8">
+          <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+            <div className="flex flex-col items-center text-center p-8 rounded-2xl bg-card border border-accent/20">
+              <div className="mb-4 p-4 rounded-full bg-primary-cta/10">
+                <Mail className="w-6 h-6 text-primary-cta" />
+              </div>
+              <h3 className="text-lg font-semibold mb-2">Email</h3>
+              <a href="mailto:hello@veroai.com" className="text-accent hover:text-primary-cta transition-colors">
+                hello@veroai.com
+              </a>
+              <p className="text-sm text-foreground/70 mt-2">We typically respond within 24 hours</p>
+            </div>
+
+            <div className="flex flex-col items-center text-center p-8 rounded-2xl bg-card border border-accent/20">
+              <div className="mb-4 p-4 rounded-full bg-primary-cta/10">
+                <Phone className="w-6 h-6 text-primary-cta" />
+              </div>
+              <h3 className="text-lg font-semibold mb-2">Phone</h3>
+              <a href="tel:+1-555-0123" className="text-accent hover:text-primary-cta transition-colors">
+                +1 (555) 0123
+              </a>
+              <p className="text-sm text-foreground/70 mt-2">Mon-Fri, 9am-6pm EST</p>
+            </div>
+
+            <div className="flex flex-col items-center text-center p-8 rounded-2xl bg-card border border-accent/20">
+              <div className="mb-4 p-4 rounded-full bg-primary-cta/10">
+                <MapPin className="w-6 h-6 text-primary-cta" />
+              </div>
+              <h3 className="text-lg font-semibold mb-2">Location</h3>
+              <p className="text-accent">New York, NY</p>
+              <p className="text-sm text-foreground/70 mt-2">Serving clients globally</p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div id="contact-form" data-section="contact-form" className="py-20 px-6 md:px-8">
+        <div className="mx-auto max-w-2xl">
+          <div className="rounded-2xl bg-card border border-accent/20 p-10">
+            <h2 className="text-3xl md:text-4xl font-bold mb-2 text-center">Send us a Message</h2>
+            <p className="text-center text-foreground/70 mb-8">Fill out the form below and our team will get back to you shortly</p>
+            
+            <div className="space-y-6">
+              <div>
+                <label className="block text-sm font-medium mb-2">Full Name</label>
+                <input 
+                  type="text" 
+                  placeholder="Your name" 
+                  className="w-full px-4 py-3 rounded-lg border border-accent/20 bg-background focus:border-primary-cta focus:outline-none transition-colors"
+                />
+              </div>
+              
+              <div>
+                <label className="block text-sm font-medium mb-2">Email Address</label>
+                <input 
+                  type="email" 
+                  placeholder="your@email.com" 
+                  className="w-full px-4 py-3 rounded-lg border border-accent/20 bg-background focus:border-primary-cta focus:outline-none transition-colors"
+                />
+              </div>
+              
+              <div>
+                <label className="block text-sm font-medium mb-2">Company</label>
+                <input 
+                  type="text" 
+                  placeholder="Your company name" 
+                  className="w-full px-4 py-3 rounded-lg border border-accent/20 bg-background focus:border-primary-cta focus:outline-none transition-colors"
+                />
+              </div>
+              
+              <div>
+                <label className="block text-sm font-medium mb-2">Message</label>
+                <textarea 
+                  placeholder="Tell us about your project..." 
+                  rows={5}
+                  className="w-full px-4 py-3 rounded-lg border border-accent/20 bg-background focus:border-primary-cta focus:outline-none transition-colors resize-none"
+                />
+              </div>
+              
+              <button 
+                onClick={() => handleContactSubmit('')}
+                className="w-full px-6 py-3 bg-primary-cta text-white rounded-lg font-semibold hover:bg-primary-cta/90 transition-all duration-300"
+              >
+                {submitted ? '✓ Message Sent!' : 'Send Message'}
+              </button>
+              
+              <p className="text-xs text-foreground/60 text-center">
+                We respect your privacy. Your information will only be used to respond to your inquiry.
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterBaseCard
+          logoText="Vero AI"
+          columns={[
+            {
+              title: "Product",              items: [
+                { label: "Services", href: "/#services" },
+                { label: "Process", href: "/#process" },
+                { label: "Work", href: "/#portfolio" }
+              ]
+            },
+            {
+              title: "Company",              items: [
+                { label: "About", href: "/about" },
+                { label: "Contact", href: "/contact" }
+              ]
+            },
+            {
+              title: "Connect",              items: [
+                { label: "Email", href: "mailto:hello@veroai.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" },
+                { label: "Twitter", href: "https://twitter.com" }
+              ]
+            },
+            {
+              title: "Legal",              items: [
+                { label: "Privacy", href: "#" },
+                { label: "Terms", href: "#" }
+              ]
+            }
+          ]}
+          copyrightText="© 2025 Vero Marketing AI. All rights reserved."
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/layout.tsx

@@ -6,6 +6,7 @@ import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
 import { Lato } from "next/font/google";
+import { Inter_Tight } from "next/font/google";
 
 
 
@@ -14,9 +15,11 @@ export const metadata: Metadata = {
   description: 'Luxury-grade AI marketing systems built for premium brands. Lead generation, automation, branding, and conversion optimization.',
 };
 
-const lato = Lato({
-  variable: "--font-lato",  subsets: ["latin"],
-  weight: ["100", "300", "400", "700", "900"],
+
+const interTight = Inter_Tight({
+  variable: "--font-inter-tight",
+  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
 });
 
 export default function RootLayout({
@@ -27,7 +30,7 @@ export default function RootLayout({
   return (
     <html lang="en" suppressHydrationWarning>
       <ServiceWrapper>
-        <body className={`${lato.variable} antialiased`}>
+        <body className={`${interTight.variable} antialiased`}>
           <Tag />
           {children}
           <script

src/app/page.tsx

@@ -4,19 +4,24 @@ 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 TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
 import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Sparkles, CheckCircle, Shield, Zap, Award, Briefcase } from 'lucide-react';
+import { Sparkles, CheckCircle, Award, Briefcase } from 'lucide-react';
 
 export default function LandingPage() {
   const handleContactSubmit = (formData: any) => {
     console.log('Contact form submitted:', formData);
   };
 
+  const handleServicesClick = () => {
+    const servicesSection = document.getElementById('services');
+    if (servicesSection) {
+      servicesSection.scrollIntoView({ behavior: 'smooth' });
+    }
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -34,10 +39,9 @@ export default function LandingPage() {
         <NavbarStyleFullscreen
           navItems={[
             { name: "Services", id: "services" },
-            { name: "Process", id: "process" },
             { name: "Work", id: "portfolio" },
-            { name: "About", id: "why-vero" },
-            { name: "Contact", id: "contact" }
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" }
           ]}
           brandName="Vero AI"
           bottomLeftText="Vero Marketing AI"
@@ -54,11 +58,11 @@ export default function LandingPage() {
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Book a Call", href: "#contact" },
-            { text: "See Our Services", href: "#services" }
+            { text: "Get Your Free Demo", href: "/booking" },
+            { text: "See Our Services", onClick: handleServicesClick }
           ]}
           buttonAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/a-sophisticated-ai-marketing-dashboard-i-1773289187082-284b3e5e.png?_wi=1"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/uploaded-1773296062896-jhekds4j.png"
           imageAlt="Vero AI Marketing Dashboard"
           mediaAnimation="blur-reveal"
         />
@@ -77,71 +81,22 @@ export default function LandingPage() {
           features={[
             {
               id: 1,
-              title: "AI Automation and Workflows",              description: "Custom automation workflows that eliminate repetitive tasks and accelerate your business processes. Smart systems, real efficiency.",              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 Automations"
+              title: "AI Automation and Workflows",              description: "Custom automation workflows that eliminate repetitive tasks and accelerate your business processes. Smart systems, real efficiency.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/uploaded-1773295424073-p42xo6dn.png",              imageAlt: "AI Automations"
             },
             {
               id: 2,
-              title: "Website Design and Development",              description: "Premium digital experiences designed to convert. Clean, fast, and strategically built for your ideal customer.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/premium-website-and-brand-design-showcas-1773289187253-99f3e4ce.png?_wi=1",              imageAlt: "Website Design"
+              title: "Website Design and Development",              description: "Premium digital experiences designed to convert. Clean, fast, and strategically built for your ideal customer.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/uploaded-1773295870579-qev5rqbj.png",              imageAlt: "Website Design"
             },
             {
               id: 3,
-              title: "AI Marketing Systems",              description: "Intelligent automation frameworks that handle lead generation, nurturing, and conversion. Built for brands that want to scale efficiently.",              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"
-            }
-          ]}
-        />
-      </div>
-
-      <div id="why-vero" data-section="why-vero">
-        <MetricSplitMediaAbout
-          tag="Why Choose Vero AI"
-          tagIcon={Shield}
-          tagAnimation="slide-up"
-          title="Premium Systems for Ambitious Brands"
-          description="We don't build generic solutions. Every strategy, every design, every automation is tailored to your brand and built to deliver measurable results. We work exclusively with serious businesses that refuse to compromise on quality."
-          metrics={[
-            { value: "500+", title: "Successful Implementations" },
-            { value: "$2B+", title: "Client Revenue Generated" }
-          ]}
-          useInvertedBackground={true}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/a-sophisticated-ai-marketing-dashboard-i-1773289187082-284b3e5e.png?_wi=2"
-          imageAlt="Strategic Partnership"
-          mediaAnimation="slide-up"
-          metricsAnimation="slide-up"
-        />
-      </div>
-
-      <div id="process" data-section="process">
-        <MetricCardEleven
-          title="Our Process"
-          description="A proven framework designed to deliver premium results. Strategic, methodical, and focused on your success."
-          tag="How We Work"
-          tagIcon={Zap}
-          tagAnimation="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          metrics={[
-            {
-              id: "1",              value: "Discovery",              title: "Understanding Your Business",              description: "Deep dive into your goals, market, and competitive landscape",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategic-discovery-and-consultation-pha-1773289188610-5fa5f564.png?_wi=1",              imageAlt: "Discovery Phase"
-            },
-            {
-              id: "2",              value: "Strategy",              title: "Building Your Roadmap",              description: "Sophisticated strategy that aligns technology with business objectives",              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 Phase"
-            },
-            {
-              id: "3",              value: "Build",              title: "Premium Implementation",              description: "Advanced systems built with precision and attention to detail",              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 Phase"
-            },
-            {
-              id: "4",              value: "Launch",              title: "Smooth Activation",              description: "Strategic rollout designed for immediate impact and adoption",              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 Phase"
-            },
-            {
-              id: "5",              value: "Optimize",              title: "Continuous Improvement",              description: "Ongoing refinement and optimization for sustained results",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/optimization-and-continuous-improvement--1773289188372-dc7422c2.png?_wi=1",              imageAlt: "Optimize Phase"
+              title: "AI Marketing Systems",              description: "Intelligent automation frameworks that handle lead generation, nurturing, and conversion. Built for brands that want to scale efficiently.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/uploaded-1773296440397-c9h13n6a.png",              imageAlt: "AI Marketing Systems"
             }
           ]}
         />
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardSixteen
+        <TestimonialCardThirteen
           title="Client Results That Speak"
           description="Real outcomes from real brands who trusted Vero AI to transform their marketing systems."
           tag="Testimonials"
@@ -150,29 +105,25 @@ export default function LandingPage() {
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
+          showRating={true}
           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=3"
+              id: "1",              name: "Vero helped out so much. ",              handle: "David Alvarez",              testimonial: "Vero AI transformed my window cleaning business. Their automation system generated 60+ qualified leads monthly with minimal effort on my part.",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/uploaded-1773296815973-4v0oqvhn.jpg"
             },
             {
-              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=3"
+              id: "2",              name: "Vero helped out so much. ",              handle: "Brian O'Neill ",              testimonial: "Vero AI put together a solid website for our contracting business that looks professional and actually brings in leads. Customers can see our work, understand what we do, and reach out a lot easier. It's helped us look more legit and close more jobs",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/uploaded-1773297994191-0hm4w5p4.jpg"
             },
             {
-              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=3"
+              id: "3",              name: "Vero helped out so much. ",              handle: "James Smith",              testimonial: "Since using Vero AI's agent, reservation calls have been way easier to manage. It handles bookings for us, keeps us from missing calls, and frees up our staff to focus on the customers in front of us. It's made a big difference for our restaurant.",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/uploaded-1773299384526-nwwb2oao.jpg"
             },
             {
-              id: "4",              name: "Alexandra Price",              role: "VP Growth",              company: "Apex Collective",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-bus-1773289187161-d558b679.png"
+              id: "4",              name: "Vero helped out so much. ",              handle: "William Price  ",              testimonial: "Vero helped out so much. I'm a solo handyman, so I used to have to handle every single lead myself. Vero AI built me a website and set up an AI agent, and now clients can find me, get their questions answered, and even book jobs without me having to stop what I'm doing. It's made my business way more efficient.",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/uploaded-1773299391786-fgz8uuxz.jpg"
             }
           ]}
-          kpiItems={[
-            { value: "340%", label: "Average ROI Improvement" },
-            { value: "92%", label: "Client Retention Rate" },
-            { value: "15+", label: "Industry Awards" }
-          ]}
         />
       </div>
 
@@ -194,11 +145,11 @@ export default function LandingPage() {
             },
             {
               id: "2",              category: ["AI Systems", "Automation"],
-              title: "AI Marketing System: $500K Revenue Generated",              excerpt: "Complete marketing automation system deployment that generated $500K in qualified revenue within 6 months.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/ai-marketing-automation-system-deploymen-1773289188651-16c8db96.png",              imageAlt: "AI Marketing System",              authorName: "Vero AI Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-mar-1773289186890-9d714eef.png",              date: "2024"
+              title: "AI Marketing System: $500K Revenue Generated",              excerpt: "Complete marketing automation system deployment that generated $500K in qualified revenue within 6 months.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/ai-marketing-automation-system-deploymen-1773289188651-16c8db96.png?_wi=1",              imageAlt: "AI Marketing System",              authorName: "Vero AI Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-mar-1773289186890-9d714eef.png",              date: "2024"
             },
             {
               id: "3",              category: ["Conversion", "Funnel"],
-              title: "Funnel Optimization: 240% Conversion Lift",              excerpt: "Sophisticated funnel redesign that eliminated friction, improved messaging, and delivered 240% conversion improvement.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/high-converting-sales-funnel-optimizatio-1773289228663-02621dd4.png",              imageAlt: "Funnel Optimization",              authorName: "Vero AI Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-successful-en-1773289186769-5f49b9f5.png",              date: "2024"
+              title: "Funnel Optimization: 240% Conversion Lift",              excerpt: "Sophisticated funnel redesign that eliminated friction, improved messaging, and delivered 240% conversion improvement.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/high-converting-sales-funnel-optimizatio-1773289228663-02621dd4.png?_wi=1",              imageAlt: "Funnel Optimization",              authorName: "Vero AI Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-successful-en-1773289186769-5f49b9f5.png",              date: "2024"
             }
           ]}
         />
@@ -214,7 +165,7 @@ export default function LandingPage() {
           background={{ variant: "plain" }}
           useInvertedBackground={false}
           inputPlaceholder="Enter your email"
-          buttonText="Get Started"
+          buttonText="Claim Your Free Audit"
           termsText="We respect your privacy. Unsubscribe at any time."
           onSubmit={handleContactSubmit}
         />
@@ -227,15 +178,13 @@ export default function LandingPage() {
             {
               title: "Product",              items: [
                 { label: "Services", href: "#services" },
-                { label: "Process", href: "#process" },
                 { label: "Work", href: "#portfolio" }
               ]
             },
             {
               title: "Company",              items: [
-                { label: "About", href: "#why-vero" },
-                { label: "Testimonials", href: "#testimonials" },
-                { label: "Contact", href: "#contact" }
+                { label: "About", href: "/about" },
+                { label: "Contact", href: "/contact" }
               ]
             },
             {

src/app/services/page.tsx

@@ -2,12 +2,19 @@
 
 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 TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
+import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Sparkles, CheckCircle } from 'lucide-react';
+import { Sparkles, CheckCircle, Award, Briefcase } from 'lucide-react';
 
 export default function ServicesPage() {
+  const handleContactSubmit = (formData: any) => {
+    console.log('Contact form submitted:', formData);
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -25,23 +32,38 @@ export default function ServicesPage() {
         <NavbarStyleFullscreen
           navItems={[
             { name: "Services", id: "/services" },
-            { 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: "Work", id: "portfolio" },
+            { name: "Contact", id: "contact" }
           ]}
           brandName="Vero AI"
           bottomLeftText="Vero Marketing AI"
-          bottomRightText="veroai@veroaimarketing.com"
+          bottomRightText="hello@veroai.com"
+        />
+      </div>
+
+      <div id="hero" data-section="hero">
+        <HeroBillboard
+          title="Comprehensive AI Marketing Solutions"
+          description="Explore our complete suite of services designed to transform your marketing strategy. From automation to brand design, we deliver premium solutions that drive real business results."
+          background={{ variant: "sparkles-gradient" }}
+          tag="Our Services"
+          tagIcon={Sparkles}
+          tagAnimation="slide-up"
+          buttons={[
+            { text: "Get Started", href: "#contact" },
+            { text: "View Portfolio", href: "#portfolio" }
+          ]}
+          buttonAnimation="slide-up"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/a-sophisticated-ai-marketing-dashboard-i-1773289187082-284b3e5e.png?_wi=1"
+          imageAlt="Vero AI Marketing Dashboard"
+          mediaAnimation="blur-reveal"
         />
       </div>
 
       <div id="services" data-section="services">
         <FeatureCardSeven
-          title="Our Core Services"
-          description="We combine strategic thinking with advanced technology to deliver marketing systems that actually work. Each service is designed to drive real business growth."
+          title="Service Overview"
+          description="Each service is crafted to deliver measurable impact. We combine strategic thinking with cutting-edge technology to create solutions that work."
           tag="What We Offer"
           tagIcon={CheckCircle}
           tagAnimation="slide-up"
@@ -51,19 +73,75 @@ export default function ServicesPage() {
           features={[
             {
               id: 1,
-              title: "AI Automation and Workflows",              description: "Custom automation workflows that eliminate repetitive tasks and accelerate your business processes. Smart systems, real efficiency. We build workflows that save your team 20+ hours per week.",              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: "AI Automations"
+              title: "AI Automation and Workflows",              description: "Custom automation workflows that eliminate repetitive tasks and accelerate your business processes. Smart systems, real efficiency. We design end-to-end automations that integrate with your existing tools.",              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 Automations"
             },
             {
               id: 2,
-              title: "Website Design and Development",              description: "Premium digital experiences designed to convert. Clean, fast, and strategically built for your ideal customer. Average client sees 150%+ improvement in conversion rates.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/premium-website-and-brand-design-showcas-1773289187253-99f3e4ce.png?_wi=2",              imageAlt: "Website Design"
+              title: "Website Design and Development",              description: "Premium digital experiences designed to convert. Clean, fast, and strategically built for your ideal customer. We create websites that reflect your brand excellence and drive measurable results.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/premium-website-and-brand-design-showcas-1773289187253-99f3e4ce.png?_wi=1",              imageAlt: "Website Design"
             },
             {
               id: 3,
-              title: "AI Marketing Systems",              description: "Intelligent automation frameworks that handle lead generation, nurturing, and conversion. Built for brands that want to scale efficiently. Generate qualified leads on autopilot.",              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: "AI Marketing Systems"
+              title: "AI Marketing Systems",              description: "Intelligent automation frameworks that handle lead generation, nurturing, and conversion. Built for brands that want to scale efficiently without losing the personal touch.",              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"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardThirteen
+          title="Client Success Stories"
+          description="Real outcomes from premium brands who transformed their marketing with our services."
+          tag="Results"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="slide-up"
+          showRating={true}
+          testimonials={[
+            {
+              id: "1",              name: "Marcus Richardson",              handle: "@mrichardson",              testimonial: "Vero AI transformed every aspect of our marketing. From strategy to execution, their systems deliver exceptional results. Best agency partnership we've had.",              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=3"
             },
             {
-              id: 4,
-              title: "Branding & Creative Direction",              description: "Strategic brand development that positions your company as a premium player in your market. Logo design, brand guidelines, and comprehensive visual identity.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/premium-website-and-brand-design-showcas-1773289187253-99f3e4ce.png?_wi=3",              imageAlt: "Branding & Creative"
+              id: "2",              name: "Sophia Chen",              handle: "@sophiachen",              testimonial: "As CMO, I value Vero AI's strategic approach and technical excellence. Their services elevated our brand and drove measurable business growth. Highly recommended.",              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=3"
+            },
+            {
+              id: "3",              name: "James Mitchell",              handle: "@jamesmitch",              testimonial: "Professional, results-oriented, and truly innovative. Vero AI's comprehensive services helped us scale faster than expected. Exceptional team to work with.",              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=3"
+            },
+            {
+              id: "4",              name: "Alexandra Price",              handle: "@alexan",              testimonial: "From initial consultation to ongoing support, Vero AI exceeded our expectations. Their services delivered ROI and positioned us as market leaders.",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-bus-1773289187161-d558b679.png?_wi=3"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="portfolio" data-section="portfolio">
+        <BlogCardTwo
+          title="Service-Specific Case Studies"
+          description="Detailed examples of how our services have transformed client businesses."
+          tag="Portfolio"
+          tagIcon={Briefcase}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          animationType="slide-up"
+          carouselMode="buttons"
+          blogs={[
+            {
+              id: "1",              category: ["AI Automation", "Efficiency"],
+              title: "Workflow Automation: 60% Time Saved",              excerpt: "Complete automation of repetitive processes that freed up 20+ hours weekly and reduced operational costs by 40%.",              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: "Automation Case Study",              authorName: "Vero AI Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-bus-1773289186556-a645a6b7.png",              date: "2024"
+            },
+            {
+              id: "2",              category: ["Web Design", "Conversion"],
+              title: "Premium Website Redesign: 180% Conversion Lift",              excerpt: "Strategic website overhaul that dramatically improved user experience and increased conversion rates across all customer segments.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/premium-website-and-brand-design-showcas-1773289187253-99f3e4ce.png?_wi=1",              imageAlt: "Website Design Case Study",              authorName: "Vero AI Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-mar-1773289186890-9d714eef.png",              date: "2024"
+            },
+            {
+              id: "3",              category: ["AI Marketing", "Growth"],
+              title: "AI Marketing System: $500K Revenue Generated",              excerpt: "Complete marketing automation system that generated $500K in qualified revenue and established scalable growth foundation.",              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 Case Study",              authorName: "Vero AI Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-successful-en-1773289186769-5f49b9f5.png",              date: "2024"
             }
           ]}
         />
@@ -71,16 +149,17 @@ export default function ServicesPage() {
 
       <div id="contact" data-section="contact">
         <ContactCenter
-          tag="Ready to Get Started?"
+          tag="Let's Discuss Your Needs"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          title="Let's Build Your Marketing System"
-          description="Contact us at veroai@veroaimarketing.com or call 516-402-1199 to schedule a free strategy consultation and discover which services are right for your business."
+          title="Ready to Transform Your Marketing?"
+          description="Let's explore which of our services is the perfect fit for your business. Complete the form below and our team will contact you within 24 hours."
           background={{ variant: "plain" }}
           useInvertedBackground={false}
           inputPlaceholder="Enter your email"
-          buttonText="Schedule Consultation"
+          buttonText="Get Started"
           termsText="We respect your privacy. Unsubscribe at any time."
+          onSubmit={handleContactSubmit}
         />
       </div>
 
@@ -89,24 +168,23 @@ export default function ServicesPage() {
           logoText="Vero AI"
           columns={[
             {
-              title: "Product",              items: [
-                { label: "Services", href: "/services" },
-                { label: "AI Automation", href: "/ai-automation" },
-                { label: "AI Marketing", href: "/ai-marketing" }
+              title: "Services",              items: [
+                { label: "AI Automation", href: "/services" },
+                { label: "Web Design", href: "/services" },
+                { label: "AI Marketing", href: "/services" }
               ]
             },
             {
               title: "Company",              items: [
-                { label: "Website Design", href: "/website-design" },
-                { label: "Branding", href: "/branding" },
-                { label: "About", href: "/about" }
+                { label: "Home", href: "/" },
+                { label: "Work", href: "#portfolio" }
               ]
             },
             {
               title: "Connect",              items: [
-                { label: "Email", href: "mailto:veroai@veroaimarketing.com" },
-                { label: "Phone", href: "tel:5164021199" },
-                { label: "Contact", href: "/contact" }
+                { label: "Email", href: "mailto:hello@veroai.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" },
+                { label: "Twitter", href: "https://twitter.com" }
               ]
             },
             {
@@ -116,7 +194,7 @@ export default function ServicesPage() {
               ]
             }
           ]}
-          copyrightText="© 2025 Vero AI Marketing. All rights reserved."
+          copyrightText="© 2025 Vero Marketing AI. All rights reserved."
         />
       </div>
     </ThemeProvider>

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-lato), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-lato), sans-serif;
+  font-family: var(--font-inter-tight), sans-serif;
 }

src/app/styles/variables.css

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

src/app/website-design/page.tsx

@@ -3,12 +3,18 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
+import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
+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, CheckCircle, Award, Briefcase } from 'lucide-react';
 
 export default function WebsiteDesignPage() {
+  const handleContactSubmit = (formData: any) => {
+    console.log('Contact form submitted:', formData);
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="text-shift"
@@ -25,81 +31,146 @@ export default function WebsiteDesignPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           navItems={[
-            { name: "Services", id: "/services" },
-            { name: "AI Automation", id: "/ai-automation" },
-            { name: "AI Marketing", id: "/ai-marketing" },
+            { name: "Services", id: "services" },
+            { name: "Process", id: "process" },
+            { name: "Work", id: "portfolio" },
             { name: "Website Design", id: "/website-design" },
             { name: "Branding", id: "/branding" },
-            { name: "About", id: "/about" },
-            { name: "Contact", id: "/contact" }
+            { name: "Contact", id: "contact" }
           ]}
           brandName="Vero AI"
           bottomLeftText="Vero Marketing AI"
-          bottomRightText="veroai@veroaimarketing.com"
+          bottomRightText="hello@veroai.com"
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroBillboard
-          title="Premium Website Design & Development"
-          description="Beautiful, fast, and conversion-optimized websites that represent your premium brand and drive measurable business results."
+          title="Premium Website Design That Converts"
+          description="Strategic web design crafted for luxury brands and high-growth companies. Every pixel serves a purpose. Every interaction drives results. Experience digital excellence that transforms visitors into customers."
           background={{ variant: "sparkles-gradient" }}
-          tag="Web Development"
+          tag="Website Design"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
           buttons={[
-            { text: "Get a Quote", href: "/contact" },
-            { text: "See Portfolio", href: "/services" }
+            { text: "Book a Consultation", href: "/booking" },
+            { text: "See Our Portfolio", href: "#portfolio" }
           ]}
           buttonAnimation="slide-up"
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/premium-website-and-brand-design-showcas-1773289187253-99f3e4ce.png?_wi=4"
-          imageAlt="Website Design Showcase"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/premium-website-and-brand-design-showcas-1773289187253-99f3e4ce.png?_wi=1"
+          imageAlt="Premium Website Design"
           mediaAnimation="blur-reveal"
         />
       </div>
 
-      <div id="features" data-section="features">
-        <MetricCardEleven
-          title="What We Deliver"
-          description="Every website is strategically designed to convert and built to perform."
-          tag="Our Approach"
-          tagIcon={Zap}
+      <div id="services" data-section="services">
+        <FeatureCardSeven
+          title="Our Design Services"
+          description="Comprehensive web design solutions that blend aesthetics with strategic functionality. Built for conversions, designed for delight."
+          tag="What We Deliver"
+          tagIcon={CheckCircle}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          animationType="blur-reveal"
+          features={[
+            {
+              id: 1,
+              title: "Strategic UX/UI Design",              description: "User-centered design that prioritizes conversion. Every element is purposefully placed to guide visitors toward your goals with intuitive navigation and compelling visual hierarchy.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/premium-website-and-brand-design-showcas-1773289187253-99f3e4ce.png?_wi=1",              imageAlt: "UX/UI Design"
+            },
+            {
+              id: 2,
+              title: "Responsive Web Development",              description: "Lightning-fast, fully responsive websites built with modern technologies. Seamless performance across all devices, optimized for search engines and user engagement.",              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: "Web Development"
+            },
+            {
+              id: 3,
+              title: "E-Commerce Solutions",              description: "Beautiful, functional online stores that sell. Complete e-commerce systems with payment integration, inventory management, and conversion optimization built in from day one.",              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: "E-Commerce Design"
+            },
+            {
+              id: 4,
+              title: "Brand Integration",              description: "Seamless brand expression across your digital presence. Your website becomes a powerful brand ambassador that communicates your values and differentiates you from competitors.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/luxury-brand-redesign-showcase-before-af-1773289195672-ab7ca6f6.png?_wi=1",              imageAlt: "Brand Integration"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="portfolio" data-section="portfolio">
+        <BlogCardTwo
+          title="Website Design Portfolio"
+          description="Handpicked examples of strategic website designs that delivered measurable business results. Each project tells a story of transformation and growth."
+          tag="Featured Projects"
+          tagIcon={Briefcase}
+          tagAnimation="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          animationType="slide-up"
+          carouselMode="buttons"
+          blogs={[
+            {
+              id: "1",              category: ["Luxury Brand", "E-Commerce"],
+              title: "High-End Fashion Retailer: 180% Conversion Increase",              excerpt: "Complete website redesign for luxury fashion brand. Strategic UX overhaul, premium design language, and conversion optimization drove 180% increase in online sales.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/luxury-brand-redesign-showcase-before-af-1773289195672-ab7ca6f6.png",              imageAlt: "Fashion Retailer Website",              authorName: "Vero AI Design Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-bus-1773289186556-a645a6b7.png",              date: "2024"
+            },
+            {
+              id: "2",              category: ["SaaS", "Web Development"],
+              title: "Enterprise SaaS Platform: From 0 to $2M ARR",              excerpt: "Full-stack website and product design for emerging SaaS platform. Strategic positioning, intuitive interface design, and conversion optimization helped achieve $2M annual recurring revenue.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/ai-marketing-automation-system-deploymen-1773289188651-16c8db96.png",              imageAlt: "SaaS Platform Website",              authorName: "Vero AI Design Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-mar-1773289186890-9d714eef.png",              date: "2024"
+            },
+            {
+              id: "3",              category: ["Professional Services", "Lead Generation"],
+              title: "Consulting Firm: Qualified Leads Up 250%",              excerpt: "Strategic redesign of consulting firm website with lead capture optimization. Modern design language, trust-building elements, and conversion-focused UX resulted in 250% increase in qualified leads.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/high-converting-sales-funnel-optimizatio-1773289228663-02621dd4.png",              imageAlt: "Consulting Website",              authorName: "Vero AI Design Team",              authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-successful-en-1773289186769-5f49b9f5.png",              date: "2024"
+            }
+          ]}
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardSixteen
+          title="What Our Clients Say"
+          description="Businesses transformed by strategic website design that delivers real results."
+          tag="Client Testimonials"
+          tagIcon={Award}
           tagAnimation="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
           animationType="slide-up"
-          metrics={[
+          testimonials={[
             {
-              id: "1",              value: "150%+",              title: "Average Conversion Increase",              description: "Typical improvement in qualified leads from redesigned sites",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategic-discovery-and-consultation-pha-1773289188610-5fa5f564.png?_wi=4",              imageAlt: "Conversions"
+              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=3"
             },
             {
-              id: "2",              value: "<2s",              title: "Average Load Time",              description: "Lightning-fast performance optimized for user experience",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/strategy-development-and-planning-phase--1773289187387-9ce04fbf.png?_wi=4",              imageAlt: "Performance"
+              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=3"
             },
             {
-              id: "3",              value: "100%",              title: "Mobile Optimized",              description: "Responsive design perfect on all devices and screen sizes",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/build-and-implementation-phase-showing-d-1773289188356-a18f1154.png?_wi=4",              imageAlt: "Mobile"
+              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=3"
             },
             {
-              id: "4",              value: "SEO",              title: "Built for Search Ranking",              description: "Technical SEO best practices for organic visibility",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/launch-and-go-live-phase-showing-celebra-1773289187330-30f337d3.png?_wi=4",              imageAlt: "SEO"
-            },
-            {
-              id: "5",              value: "Premium",              title: "Brand Integration",              description: "Seamless alignment with your brand identity and messaging",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/optimization-and-continuous-improvement--1773289188372-dc7422c2.png?_wi=4",              imageAlt: "Branding"
+              id: "4",              name: "Alexandra Price",              role: "VP Growth",              company: "Apex Collective",              rating: 5,
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-bus-1773289187161-d558b679.png"
             }
           ]}
+          kpiItems={[
+            { value: "180%", label: "Average Conversion Improvement" },
+            { value: "50+", label: "Websites Designed" },
+            { value: "98%", label: "Client Satisfaction Rate" }
+          ]}
         />
       </div>
 
       <div id="contact" data-section="contact">
         <ContactCenter
-          tag="Ready for a New Website?"
+          tag="Ready to Transform Your Web Presence?"
           tagIcon={Sparkles}
           tagAnimation="slide-up"
-          title="Let's Build Something Amazing"
-          description="Contact us at veroai@veroaimarketing.com or call 516-402-1199 to discuss your website needs and get started on your digital transformation."
+          title="Let's Create Something Exceptional"
+          description="Whether you need a complete redesign or a new website from the ground up, our design team is ready to create a digital experience that converts."
           background={{ variant: "plain" }}
           useInvertedBackground={false}
           inputPlaceholder="Enter your email"
-          buttonText="Get a Free Quote"
+          buttonText="Get Started"
           termsText="We respect your privacy. Unsubscribe at any time."
+          onSubmit={handleContactSubmit}
         />
       </div>
 
@@ -108,24 +179,24 @@ export default function WebsiteDesignPage() {
           logoText="Vero AI"
           columns={[
             {
-              title: "Product",              items: [
-                { label: "Services", href: "/services" },
-                { label: "AI Automation", href: "/ai-automation" },
-                { label: "AI Marketing", href: "/ai-marketing" }
+              title: "Services",              items: [
+                { label: "Website Design", href: "/website-design" },
+                { label: "Branding", href: "/branding" },
+                { label: "AI Marketing", href: "#services" }
               ]
             },
             {
               title: "Company",              items: [
-                { label: "Website Design", href: "/website-design" },
-                { label: "Branding", href: "/branding" },
-                { label: "About", href: "/about" }
+                { label: "Portfolio", href: "#portfolio" },
+                { label: "Testimonials", href: "#testimonials" },
+                { label: "Contact", href: "#contact" }
               ]
             },
             {
               title: "Connect",              items: [
-                { label: "Email", href: "mailto:veroai@veroaimarketing.com" },
-                { label: "Phone", href: "tel:5164021199" },
-                { label: "Contact", href: "/contact" }
+                { label: "Email", href: "mailto:hello@veroai.com" },
+                { label: "LinkedIn", href: "https://linkedin.com" },
+                { label: "Twitter", href: "https://twitter.com" }
               ]
             },
             {
@@ -135,7 +206,7 @@ export default function WebsiteDesignPage() {
               ]
             }
           ]}
-          copyrightText="© 2025 Vero AI Marketing. All rights reserved."
+          copyrightText="© 2025 Vero Marketing AI. All rights reserved."
         />
       </div>
     </ThemeProvider>