Update src/app/page.tsx

Merge version_10 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,13 +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 TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+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"
@@ -27,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"
@@ -41,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"
@@ -71,59 +74,25 @@ 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"
+              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="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">
-        <div className="flex flex-col items-center justify-center py-20 px-6">
-          <div className="max-w-2xl">
-            <h2 className="text-4xl font-bold mb-6 text-center">Our AI Automation Process</h2>
-            <p className="text-lg leading-relaxed text-center text-gray-700">
-              We follow a streamlined, professional approach to delivering AI automation solutions. Starting with a comprehensive analysis of your current workflows, we identify bottlenecks and opportunities for automation. From there, we design custom solutions that integrate seamlessly with your existing systems, build and rigorously test the automation frameworks, and finally implement them with full team training and support. This proven methodology ensures your automation systems are reliable, scalable, and deliver measurable results from day one.
-            </p>
-          </div>
-        </div>
-      </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"
+          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"
@@ -131,38 +100,71 @@ export default function AIAutomationPage() {
           animationType="slide-up"
           testimonials={[
             {
-              id: "1",              name: "Marcus Richardson",              role: "CEO",              company: "Premium Ventures",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-confident-bus-1773289186556-a645a6b7.png?_wi=1"
+              id: "1",              name: "Marcus Richardson",              role: "Operations Director",              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",              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",              role: "VP Technology",              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",              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"
+              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: "Executive VP",              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?_wi=1"
             }
           ]}
           kpiItems={[
-            { value: "70%", label: "Time Saved" },
-            { value: "50%", label: "Cost Reduction" },
-            { value: "3x", label: "Efficiency Gain" }
+            { value: "60+%", label: "Average Efficiency Gain" },
+            { value: "40+%", label: "Cost Reduction" },
+            { value: "100+", label: "Workflows Deployed" }
+          ]}
+        />
+      </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>
 
@@ -172,17 +174,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" }
               ]
             },
             {
@@ -191,6 +191,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,13 +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 TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+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"
@@ -27,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"
@@ -41,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"
@@ -71,59 +74,25 @@ 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"
+              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="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">
-        <div className="flex flex-col items-center justify-center py-20 px-6">
-          <div className="max-w-2xl">
-            <h2 className="text-4xl font-bold mb-6 text-center">Our AI Marketing Implementation</h2>
-            <p className="text-lg leading-relaxed text-center text-gray-700">
-              We take a sophisticated, data-driven approach to building your AI marketing system. We begin with a comprehensive market and competitive analysis to understand your landscape and opportunities. Next, we develop a tailored marketing strategy that leverages AI and automation to reach your ideal customers at scale. We then build the complete system—landing pages, email workflows, lead scoring, and analytics integration. Finally, we launch your campaigns with real-time monitoring and continuous optimization to ensure maximum performance and ROI.
-            </p>
-          </div>
-        </div>
-      </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"
+          title="Marketing Transformation Results"
+          description="Real revenue growth achieved through intelligent AI marketing systems."
+          tag="Client Testimonials"
           tagIcon={Award}
           tagAnimation="slide-up"
           textboxLayout="default"
@@ -132,37 +101,70 @@ export default function AIMarketingPage() {
           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"
+              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"
+              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"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Ab9WrGggvouKVqc6dwqfHCHOvA/professional-portrait-of-a-successful-en-1773289186769-5f49b9f5.png?_wi=3"
+            },
+            {
+              id: "4",              name: "Alexandra Price",              role: "VP Growth",              company: "Apex Collective",              rating: 5,
+              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" }
+            { value: "340%", label: "Average ROI Improvement" },
+            { value: "$500K+", label: "Revenue Generated" },
+            { value: "92%", label: "Retention Rate" }
+          ]}
+        />
+      </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>
 
@@ -172,17 +174,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" }
               ]
             },
             {
@@ -191,6 +191,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/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,12 +4,11 @@ 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 MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 import BlogCardTwo from '@/components/sections/blog/BlogCardTwo';
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
-import { Sparkles, CheckCircle, Zap, Award, Briefcase } from 'lucide-react';
+import { Sparkles, CheckCircle, Award, Briefcase } from 'lucide-react';
 
 export default function LandingPage() {
   const handleContactSubmit = (formData: any) => {
@@ -33,9 +32,9 @@ export default function LandingPage() {
         <NavbarStyleFullscreen
           navItems={[
             { name: "Services", id: "services" },
-            { name: "Process", id: "process" },
             { name: "Work", id: "portfolio" },
-            { name: "Contact", id: "contact" }
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" }
           ]}
           brandName="Vero AI"
           bottomLeftText="Vero Marketing AI"
@@ -56,7 +55,7 @@ export default function LandingPage() {
             { text: "See Our Services", href: "#services" }
           ]}
           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"
         />
@@ -75,45 +74,15 @@ 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="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"
             }
           ]}
         />
@@ -144,7 +113,7 @@ export default function LandingPage() {
             },
             {
               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"
+              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={[
@@ -173,11 +142,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"
             }
           ]}
         />
@@ -206,14 +175,13 @@ export default function LandingPage() {
             {
               title: "Product",              items: [
                 { label: "Services", href: "#services" },
-                { label: "Process", href: "#process" },
                 { label: "Work", href: "#portfolio" }
               ]
             },
             {
               title: "Company",              items: [
-                { label: "Testimonials", href: "#testimonials" },
-                { label: "Contact", href: "#contact" }
+                { label: "About", href: "/about" },
+                { label: "Contact", href: "/contact" }
               ]
             },
             {
@@ -235,4 +203,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}

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 TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+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,79 @@ 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">
+        <TestimonialCardSixteen
+          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"
+          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: 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",              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",              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",              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?_wi=3"
+            }
+          ]}
+          kpiItems={[
+            { value: "340%", label: "Average ROI Improvement" },
+            { value: "92%", label: "Client Retention Rate" },
+            { value: "15+", label: "Industry Awards" }
+          ]}
+        />
+      </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 +153,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 +172,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 +198,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>