Update src/app/page.tsx

Merge version_3 into main

src/app/about/page.tsx

@@ -4,9 +4,10 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
 import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
+import TeamCardSix from "@/components/sections/team/TeamCardSix";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Heart, Workflow } from "lucide-react";
+import { Heart, Workflow, Users } from "lucide-react";
 
 export default function AboutPage() {
   const navItems = [
@@ -58,6 +59,24 @@ export default function AboutPage() {
         />
       </div>
 
+      <div id="team" data-section="team">
+        <TeamCardSix
+          members={[
+            {
+              id: "1",              name: "Lucas Pereira",              role: "Lead Designer & Strategy",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-confident-mal-1772527369460-6104c452.png?_wi=3",              imageAlt: "Lucas Pereira"
+            }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          title="Meet Our Team"
+          description="The talented people behind our success"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          tag="Team"
+          tagIcon={Users}
+        />
+      </div>
+
       <div id="process" data-section="process">
         <FeatureCardNine
           title="Our Values & Culture"
@@ -69,23 +88,29 @@ export default function AboutPage() {
             {
               id: 1,
               title: "Innovation First",              description: "We stay ahead of industry trends and continuously explore new technologies and methodologies to deliver cutting-edge solutions that keep our clients competitive.",              phoneOne: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/designer-working-on-a-design-on-computer-1772527371388-f91c4851.png?_wi=2",                imageAlt: "Innovation in design"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/designer-working-on-a-design-on-computer-1772527371388-f91c4851.png?_wi=2",                imageAlt: "Innovation in design"
+              },
               phoneTwo: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/developer-coding-in-modern-ide-with-webs-1772527371268-4b56aafe.png?_wi=3",                imageAlt: "Innovation in development"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/developer-coding-in-modern-ide-with-webs-1772527371268-4b56aafe.png?_wi=3",                imageAlt: "Innovation in development"
+              },
             },
             {
               id: 2,
               title: "Client-Centric Approach",              description: "Your success is our success. We listen deeply, understand your vision, and work collaboratively to ensure every project exceeds expectations and delivers measurable results.",              phoneOne: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/strategic-planning-session-with-design-t-1772527371376-ae35dee8.png?_wi=3",                imageAlt: "Client collaboration"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/strategic-planning-session-with-design-t-1772527371376-ae35dee8.png?_wi=3",                imageAlt: "Client collaboration"
+              },
               phoneTwo: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/a-diverse-team-of-creative-professionals-1772527369837-abebcb83.png?_wi=3",                imageAlt: "Team partnership"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/a-diverse-team-of-creative-professionals-1772527369837-abebcb83.png?_wi=3",                imageAlt: "Team partnership"
+              },
             },
             {
               id: 3,
               title: "Quality & Excellence",              description: "We maintain the highest standards in every aspect of our work. From design to development to deployment, we're committed to delivering excellence every single time.",              phoneOne: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/code-editor-on-screen-displaying-clean-o-1772527370169-57931e12.png?_wi=3",                imageAlt: "Quality code"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/code-editor-on-screen-displaying-clean-o-1772527370169-57931e12.png?_wi=3",                imageAlt: "Quality code"
+              },
               phoneTwo: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/successful-website-launch-celebration-wi-1772527369611-c8a22c79.png?_wi=2",                imageAlt: "Successful delivery"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/successful-website-launch-celebration-wi-1772527369611-c8a22c79.png?_wi=2",                imageAlt: "Successful delivery"
+              },
             },
           ]}
           showStepNumbers={true}

src/app/contact/page.tsx

@@ -4,8 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterBase from "@/components/sections/footer/FooterBase";
+import { useState } from "react";
 
 export default function ContactPage() {
+  const [bookingFormData, setBookingFormData] = useState({
+    email: "",    fullName: "",    phoneNumber: ""});
+
   const navItems = [
     { name: "Home", id: "/" },
     { name: "Services", id: "/services" },
@@ -14,6 +18,12 @@ export default function ContactPage() {
     { name: "Contact", id: "/contact" },
   ];
 
+  const handleBookingSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    console.log("Booking submitted:", bookingFormData);
+    setBookingFormData({ email: "", fullName: "", phoneNumber: "" });
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
@@ -47,11 +57,70 @@ export default function ContactPage() {
           useInvertedBackground={false}
           buttons={[
             { text: "Email Us", href: "mailto:hello@pulsedigital.com" },
-            { text: "Schedule a Call", href: "#" },
+            { text: "Schedule a Call", href: "#booking" },
           ]}
         />
       </div>
 
+      <div id="booking" data-section="booking" className="py-20 bg-gradient-to-b from-background to-card">
+        <div className="container mx-auto px-4 max-w-2xl">
+          <div className="text-center mb-12">
+            <h2 className="text-4xl font-bold text-foreground mb-4">Schedule a Consultation</h2>
+            <p className="text-lg text-foreground/80">Book a meeting with our team to discuss your project</p>
+          </div>
+          <form onSubmit={handleBookingSubmit} className="bg-card rounded-lg p-8 shadow-lg border border-accent/20">
+            <div className="mb-6">
+              <label htmlFor="fullName" className="block text-sm font-medium text-foreground mb-2">
+                Full Name *
+              </label>
+              <input
+                type="text"
+                id="fullName"
+                required
+                value={bookingFormData.fullName}
+                onChange={(e) => setBookingFormData({ ...bookingFormData, fullName: e.target.value })}
+                placeholder="Your full name"
+                className="w-full px-4 py-2 rounded-lg bg-background text-foreground border border-accent/30 focus:border-primary-cta focus:outline-none"
+              />
+            </div>
+            <div className="mb-6">
+              <label htmlFor="email" className="block text-sm font-medium text-foreground mb-2">
+                Email Address *
+              </label>
+              <input
+                type="email"
+                id="email"
+                required
+                value={bookingFormData.email}
+                onChange={(e) => setBookingFormData({ ...bookingFormData, email: e.target.value })}
+                placeholder="your.email@example.com"
+                className="w-full px-4 py-2 rounded-lg bg-background text-foreground border border-accent/30 focus:border-primary-cta focus:outline-none"
+              />
+            </div>
+            <div className="mb-6">
+              <label htmlFor="phoneNumber" className="block text-sm font-medium text-foreground mb-2">
+                Phone Number *
+              </label>
+              <input
+                type="tel"
+                id="phoneNumber"
+                required
+                value={bookingFormData.phoneNumber}
+                onChange={(e) => setBookingFormData({ ...bookingFormData, phoneNumber: e.target.value })}
+                placeholder="+1 (555) 000-0000"
+                className="w-full px-4 py-2 rounded-lg bg-background text-foreground border border-accent/30 focus:border-primary-cta focus:outline-none"
+              />
+            </div>
+            <button
+              type="submit"
+              className="w-full bg-primary-cta text-primary-cta-text font-semibold py-3 rounded-lg hover:opacity-90 transition-opacity"
+            >
+              Schedule Consultation
+            </button>
+          </form>
+        </div>
+      </div>
+
       <div id="footer" data-section="footer">
         <FooterBase
           logoText="Pulse Digital"

src/app/layout.tsx

@@ -11,11 +11,13 @@ const archivo = Archivo({
 export const metadata: Metadata = {
   title: "Pulse Digital | Web Design & Development Agency",  description: "Professional web design and development services. We create beautiful, high-performing websites that drive business results. Trusted by 150+ companies.",  keywords: "web design, web development, digital agency, website design, web development company",  metadataBase: new URL("https://pulsedigital.com"),
   alternates: {
-    canonical: "https://pulsedigital.com"},
+    canonical: "https://pulsedigital.com"
+  },
   openGraph: {
     title: "Pulse Digital | Web Design & Development Agency",    description: "Transform your digital presence with stunning websites and strategic design solutions.",    siteName: "Pulse Digital",    type: "website",    images: [
       {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/a-modern-sleek-web-design-dashboard-inte-1772527372132-0a49fa86.png",        alt: "Pulse Digital - Web Design Agency"},
+        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/a-modern-sleek-web-design-dashboard-inte-1772527372132-0a49fa86.png",        alt: "Pulse Digital - Web Design Agency"
+      }
     ],
   },
   twitter: {

src/app/page.tsx

@@ -10,10 +10,15 @@ import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
 import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterBase from "@/components/sections/footer/FooterBase";
+import TeamCardSix from "@/components/sections/team/TeamCardSix";
 import Link from "next/link";
-import { Zap, Heart, Rocket, Lightbulb, Star, TrendingUp, Workflow, MessageCircle } from "lucide-react";
+import { Zap, Heart, Rocket, Lightbulb, Star, TrendingUp, Workflow, MessageCircle, Mail, Users } from "lucide-react";
+import { useState } from "react";
 
 export default function HomePage() {
+  const [bookingFormData, setBookingFormData] = useState({
+    email: "",    fullName: "",    phoneNumber: ""});
+
   const navItems = [
     { name: "Home", id: "/" },
     { name: "Services", id: "/services" },
@@ -22,6 +27,12 @@ export default function HomePage() {
     { name: "Contact", id: "/contact" },
   ];
 
+  const handleBookingSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    console.log("Booking submitted:", bookingFormData);
+    setBookingFormData({ email: "", fullName: "", phoneNumber: "" });
+  };
+
   return (
     <ThemeProvider
       defaultButtonVariant="hover-magnetic"
@@ -87,11 +98,11 @@ export default function HomePage() {
         <MetricCardEleven
           metrics={[
             {
-              id: "1",              value: "150+",              title: "Projects Delivered",              description: "Successfully completed for diverse industries",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/colorful-collection-of-client-logos-from-1772527371290-2f19a564.png?_wi=1",              imageAlt: "Client logos collection"},
+              id: "1",              value: "150+",              title: "Projects Delivered",              description: "Successfully completed for diverse industries",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/colorful-collection-of-client-logos-from-1772527371290-2f19a564.png?_wi=1",              imageAlt: "Client logos collection"
+            },
             {
-              id: "2",              value: "95%",              title: "Client Satisfaction",              description: "Consistently exceeding expectations",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/colorful-collection-of-client-logos-from-1772527371290-2f19a564.png?_wi=2",              imageAlt: "Client testimonials"},
+              id: "2",              value: "95%",              title: "Client Satisfaction",              description: "Consistently exceeding expectations",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/colorful-collection-of-client-logos-from-1772527371290-2f19a564.png?_wi=2",              imageAlt: "Client testimonials"
-            {
+            }
-              id: "3",              value: "5 Years",              title: "Industry Experience",              description: "Building digital excellence since 2019",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/colorful-collection-of-client-logos-from-1772527371290-2f19a564.png?_wi=3",              imageAlt: "Experience badge"},
           ]}
           title="Our Impact"
           description="Proven results and client success stories that speak for themselves"
@@ -109,16 +120,20 @@ export default function HomePage() {
           testimonials={[
             {
               id: "1",              name: "Sarah Mitchell",              handle: "@sarahmitchell",              testimonial: "Pulse Digital transformed our online presence. The website they built not only looks stunning but has increased our sales by 40%. Highly recommend!",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-confident-fem-1772527369324-28809a03.png",              imageAlt: "Sarah Mitchell, CEO"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-confident-fem-1772527369324-28809a03.png",              imageAlt: "Sarah Mitchell, CEO"
+            },
             {
               id: "2",              name: "James Chen",              handle: "@jameschen",              testimonial: "Working with Pulse Digital was seamless. They understood our vision, delivered on time, and provided excellent support throughout the project.",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-confident-mal-1772527369460-6104c452.png",              imageAlt: "James Chen, Founder"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-confident-mal-1772527369460-6104c452.png?_wi=1",              imageAlt: "James Chen, Founder"
+            },
             {
               id: "3",              name: "Emily Rodriguez",              handle: "@emilyrodriguez",              testimonial: "The team at Pulse Digital is incredibly talented and professional. They took our outdated website and created something truly exceptional.",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-young-female--1772527369938-37ff44ff.png",              imageAlt: "Emily Rodriguez, Marketing Director"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-young-female--1772527369938-37ff44ff.png",              imageAlt: "Emily Rodriguez, Marketing Director"
+            },
             {
               id: "4",              name: "David Park",              handle: "@davidpark",              testimonial: "From initial consultation to launch, Pulse Digital was exceptional. Our new website has become a powerful business tool.",              rating: 5,
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-confident-mal-1772527370017-a9558657.png",              imageAlt: "David Park, Business Owner"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-confident-mal-1772527370017-a9558657.png",              imageAlt: "David Park, Business Owner"
+            }
           ]}
           showRating={true}
           title="What Clients Say"
@@ -132,6 +147,83 @@ export default function HomePage() {
         />
       </div>
 
+      <div id="team" data-section="team">
+        <TeamCardSix
+          members={[
+            {
+              id: "1",              name: "Lucas Pereira",              role: "Lead Designer & Strategy",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/professional-headshot-of-a-confident-mal-1772527369460-6104c452.png?_wi=2",              imageAlt: "Lucas Pereira"
+            }
+          ]}
+          gridVariant="uniform-all-items-equal"
+          animationType="slide-up"
+          title="Meet Our Team"
+          description="The talented people behind our success"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          tag="Team"
+          tagIcon={Users}
+        />
+      </div>
+
+      <div id="booking" data-section="booking" className="py-20 bg-gradient-to-b from-background to-card">
+        <div className="container mx-auto px-4 max-w-2xl">
+          <div className="text-center mb-12">
+            <h2 className="text-4xl font-bold text-foreground mb-4">Schedule a Consultation</h2>
+            <p className="text-lg text-foreground/80">Book a meeting with our team to discuss your project</p>
+          </div>
+          <form onSubmit={handleBookingSubmit} className="bg-card rounded-lg p-8 shadow-lg border border-accent/20">
+            <div className="mb-6">
+              <label htmlFor="fullName" className="block text-sm font-medium text-foreground mb-2">
+                Full Name *
+              </label>
+              <input
+                type="text"
+                id="fullName"
+                required
+                value={bookingFormData.fullName}
+                onChange={(e) => setBookingFormData({ ...bookingFormData, fullName: e.target.value })}
+                placeholder="Your full name"
+                className="w-full px-4 py-2 rounded-lg bg-background text-foreground border border-accent/30 focus:border-primary-cta focus:outline-none"
+              />
+            </div>
+            <div className="mb-6">
+              <label htmlFor="email" className="block text-sm font-medium text-foreground mb-2">
+                Email Address *
+              </label>
+              <input
+                type="email"
+                id="email"
+                required
+                value={bookingFormData.email}
+                onChange={(e) => setBookingFormData({ ...bookingFormData, email: e.target.value })}
+                placeholder="your.email@example.com"
+                className="w-full px-4 py-2 rounded-lg bg-background text-foreground border border-accent/30 focus:border-primary-cta focus:outline-none"
+              />
+            </div>
+            <div className="mb-6">
+              <label htmlFor="phoneNumber" className="block text-sm font-medium text-foreground mb-2">
+                Phone Number *
+              </label>
+              <input
+                type="tel"
+                id="phoneNumber"
+                required
+                value={bookingFormData.phoneNumber}
+                onChange={(e) => setBookingFormData({ ...bookingFormData, phoneNumber: e.target.value })}
+                placeholder="+1 (555) 000-0000"
+                className="w-full px-4 py-2 rounded-lg bg-background text-foreground border border-accent/30 focus:border-primary-cta focus:outline-none"
+              />
+            </div>
+            <button
+              type="submit"
+              className="w-full bg-primary-cta text-primary-cta-text font-semibold py-3 rounded-lg hover:opacity-90 transition-opacity"
+            >
+              Schedule Consultation
+            </button>
+          </form>
+        </div>
+      </div>
+
       <div id="contact" data-section="contact">
         <ContactText
           text="Ready to bring your digital vision to life? Let's work together to create something extraordinary."

src/app/portfolio/page.tsx

@@ -51,11 +51,14 @@ export default function PortfolioPage() {
           tagAnimation="slide-up"
           products={[
             {
-              id: "1",              name: "E-Commerce Platform",              price: "Fashion Retail",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/elegant-e-commerce-website-showcasing-pr-1772527371484-13167c37.png",              imageAlt: "E-commerce website for fashion brand"},
+              id: "1",              name: "E-Commerce Platform",              price: "Fashion Retail",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/elegant-e-commerce-website-showcasing-pr-1772527371484-13167c37.png",              imageAlt: "E-commerce website for fashion brand"
+            },
             {
-              id: "2",              name: "SaaS Dashboard",              price: "Tech Startup",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/tech-startup-website-with-bold-typograph-1772527372167-1a200ecf.png",              imageAlt: "SaaS platform dashboard interface"},
+              id: "2",              name: "SaaS Dashboard",              price: "Tech Startup",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/tech-startup-website-with-bold-typograph-1772527372167-1a200ecf.png",              imageAlt: "SaaS platform dashboard interface"
+            },
             {
-              id: "3",              name: "Creative Agency Site",              price: "Design Studio",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/creative-agency-portfolio-website-displa-1772527398757-8b9657e8.png",              imageAlt: "Creative agency portfolio website"},
+              id: "3",              name: "Creative Agency Site",              price: "Design Studio",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/creative-agency-portfolio-website-displa-1772527398757-8b9657e8.png",              imageAlt: "Creative agency portfolio website"
+            },
           ]}
           gridVariant="three-columns-all-equal-width"
           animationType="slide-up"
@@ -75,23 +78,29 @@ export default function PortfolioPage() {
             {
               id: 1,
               title: "Strategy & Discovery",              description: "We start by understanding your business goals, target audience, and competitive landscape. Through research and discovery, we create a solid foundation for your project.",              phoneOne: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/strategic-planning-session-with-design-t-1772527371376-ae35dee8.png?_wi=1",                imageAlt: "Strategy planning"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/strategic-planning-session-with-design-t-1772527371376-ae35dee8.png?_wi=1",                imageAlt: "Strategy planning"
+              },
               phoneTwo: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/strategic-planning-session-with-design-t-1772527371376-ae35dee8.png?_wi=2",                imageAlt: "Discovery process"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/strategic-planning-session-with-design-t-1772527371376-ae35dee8.png?_wi=2",                imageAlt: "Discovery process"
+              },
             },
             {
               id: 2,
               title: "Design & Development",              description: "Our team crafts beautiful designs and builds robust websites. We focus on user experience, performance, and scalability to ensure your site exceeds expectations.",              phoneOne: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/designer-working-on-a-design-on-computer-1772527371388-f91c4851.png?_wi=1",                imageAlt: "Design process"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/designer-working-on-a-design-on-computer-1772527371388-f91c4851.png?_wi=1",                imageAlt: "Design process"
+              },
               phoneTwo: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/developer-coding-in-modern-ide-with-webs-1772527371268-4b56aafe.png?_wi=1",                imageAlt: "Development phase"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/developer-coding-in-modern-ide-with-webs-1772527371268-4b56aafe.png?_wi=1",                imageAlt: "Development phase"
+              },
             },
             {
               id: 3,
               title: "Testing & Launch",              description: "Rigorous testing ensures everything works perfectly. After final refinements, we launch your website with ongoing support to keep it running smoothly.",              phoneOne: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/developer-coding-in-modern-ide-with-webs-1772527371268-4b56aafe.png?_wi=2",                imageAlt: "Testing phase"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/developer-coding-in-modern-ide-with-webs-1772527371268-4b56aafe.png?_wi=2",                imageAlt: "Testing phase"
+              },
               phoneTwo: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/successful-website-launch-celebration-wi-1772527369611-c8a22c79.png?_wi=1",                imageAlt: "Launch celebration"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/successful-website-launch-celebration-wi-1772527369611-c8a22c79.png?_wi=1",                imageAlt: "Launch celebration"
+              },
             },
           ]}
           showStepNumbers={true}

src/app/services/page.tsx

@@ -52,23 +52,29 @@ export default function ServicesPage() {
             {
               id: 1,
               title: "Web Design",              description: "Stunning, user-centric website designs that captivate your audience and drive engagement. We blend aesthetics with functionality to create digital experiences that stand out.",              phoneOne: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/abstract-representation-of-web-design-pr-1772527372333-1ad2600f.png?_wi=1",                imageAlt: "Web design process"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/abstract-representation-of-web-design-pr-1772527372333-1ad2600f.png?_wi=1",                imageAlt: "Web design process"
+              },
               phoneTwo: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/branding-identity-elements-spread-out-in-1772527370942-4bda01ed.png?_wi=1",                imageAlt: "Branding elements"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/branding-identity-elements-spread-out-in-1772527370942-4bda01ed.png?_wi=1",                imageAlt: "Branding elements"
+              },
             },
             {
               id: 2,
               title: "Web Development",              description: "Robust, scalable websites built with modern technologies. From responsive design to seamless backend integration, we ensure your website performs flawlessly across all devices.",              phoneOne: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/code-editor-on-screen-displaying-clean-o-1772527370169-57931e12.png?_wi=1",                imageAlt: "Development code"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/code-editor-on-screen-displaying-clean-o-1772527370169-57931e12.png?_wi=1",                imageAlt: "Development code"
+              },
               phoneTwo: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/abstract-representation-of-web-design-pr-1772527372333-1ad2600f.png?_wi=2",                imageAlt: "Design implementation"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/abstract-representation-of-web-design-pr-1772527372333-1ad2600f.png?_wi=2",                imageAlt: "Design implementation"
+              },
             },
             {
               id: 3,
               title: "Branding & Strategy",              description: "Strategic branding solutions that establish your unique market position. We create cohesive visual identities that resonate with your target audience.",              phoneOne: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/branding-identity-elements-spread-out-in-1772527370942-4bda01ed.png?_wi=2",                imageAlt: "Brand guidelines"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/branding-identity-elements-spread-out-in-1772527370942-4bda01ed.png?_wi=2",                imageAlt: "Brand guidelines"
+              },
               phoneTwo: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/code-editor-on-screen-displaying-clean-o-1772527370169-57931e12.png?_wi=2",                imageAlt: "Strategy implementation"},
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AQaMoBX7jFwK0QlMohZLIPqdAi/code-editor-on-screen-displaying-clean-o-1772527370169-57931e12.png?_wi=2",                imageAlt: "Strategy implementation"
+              },
             },
           ]}
           showStepNumbers={true}