Update src/app/testimonials/page.tsx

Merge version_4 into main

src/app/about/page.tsx

@@ -1,7 +1,8 @@
 'use client';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import { Users, Rocket } from 'lucide-react';
 
 export default function AboutPage() {
   const navItems = [
@@ -30,11 +31,14 @@ export default function AboutPage() {
         <NavbarStyleApple navItems={navItems} brandName="Webild" />
       </div>
       <div id="about-section" data-section="about" className="py-12 md:py-20 lg:py-24">
-        <InlineImageSplitTextAbout
-          heading={[{ type: 'text', content: 'About Us' }]} 
+        <AboutMetric
+          title="About Us"
           useInvertedBackground={false}
-          buttons={[{ text: 'Contact Us', href: '/contact' }]
-          }
+          metrics={[
+            { icon: Users, label: 'Happy Clients', value: '100+' },
+            { icon: Rocket, label: 'Projects Completed', value: '50+' }
+          ]}
+          metricsAnimation="slide-up"
         />
       </div>
     </ThemeProvider>

src/app/blog/page.tsx

@@ -38,9 +38,9 @@ export default function BlogPage() {
           description="Stay informed with our latest articles, thought leadership, and industry news."
           tag="Blog"
           blogs={[
-            { id: '1', category: ['Design', 'Strategy'], title: 'The Future of UI/UX: Trends to Watch', excerpt: 'Exploring emerging design trends that will shape user experiences.', imageSrc: '/blog-1.jpg', authorName: 'Olivia Rhye', authorAvatar: '/avatar.jpg', date: '20 Jan 2025' },
-            { id: '2', category: ['Development', 'Tech'], title: 'Optimizing Next.js Performance', excerpt: 'Practical tips to supercharge your Next.js applications.', imageSrc: '/placeholder-blog2.jpg', authorName: 'James Bond', authorAvatar: '/placeholder-avatar2.jpg', date: '15 Feb 2025' },
-            { id: '3', category: ['Marketing', 'Branding'], title: 'Building a Strong Digital Brand', excerpt: 'Strategies for creating a memorable and impactful online brand.', imageSrc: '/placeholder-blog3.jpg', authorName: 'Alice Wonderland', authorAvatar: '/placeholder-avatar3.jpg', date: '10 Mar 2025' }
+            { id: '1', category: ['Design', 'Strategy'], title: 'The Future of UI/UX: Trends to Watch', excerpt: 'Exploring emerging design trends that will shape user experiences.', imageSrc: 'https://picsum.photos/seed/blog1/800/600', authorName: 'Olivia Rhye', authorAvatar: 'https://picsum.photos/seed/avatar1/100/100', date: '20 Jan 2025' },
+            { id: '2', category: ['Development', 'Tech'], title: 'Optimizing Next.js Performance', excerpt: 'Practical tips to supercharge your Next.js applications.', imageSrc: 'https://picsum.photos/seed/blog2/800/600', authorName: 'James Bond', authorAvatar: 'https://picsum.photos/seed/avatar2/100/100', date: '15 Feb 2025' },
+            { id: '3', category: ['Marketing', 'Branding'], title: 'Building a Strong Digital Brand', excerpt: 'Strategies for creating a memorable and impactful online brand.', imageSrc: 'https://picsum.photos/seed/blog3/800/600', authorName: 'Alice Wonderland', authorAvatar: 'https://picsum.photos/seed/avatar3/100/100', date: '10 Mar 2025' }
           ]}
           textboxLayout="default"
           useInvertedBackground={false}

src/app/case-studies/page.tsx

@@ -14,9 +14,9 @@ export default function CaseStudiesPage() {
   ];
 
   const caseStudiesItems = [
-    { id: '1', category: 'Retail', title: 'Boosting Sales by 30%', excerpt: 'How our innovative platform transformed a retail chain, leading to significant sales growth.', imageSrc: '/placeholder9.jpg', authorName: 'Webild Team', authorAvatar: '/placeholder-avatar.jpg', date: 'May 2024' },
-    { id: '2', category: 'Healthcare', title: 'Improving Patient Engagement', excerpt: 'A comprehensive case study on our digital solutions for enhanced patient interaction and care.', imageSrc: '/placeholder10.jpg', authorName: 'Webild Team', authorAvatar: '/placeholder-avatar.jpg', date: 'June 2024' },
-    { id: '3', category: 'Fintech', title: 'Secure Payment Integration', excerpt: 'Ensuring seamless and secure financial transactions with our robust fintech integration services.', imageSrc: '/placeholder11.jpg', authorName: 'Webild Team', authorAvatar: '/placeholder-avatar.jpg', date: 'July 2024' }
+    { id: '1', category: 'Retail', title: 'Boosting Sales by 30%', excerpt: 'How our innovative platform transformed a retail chain, leading to significant sales growth.', imageSrc: 'https://picsum.photos/seed/retail/800/600', authorName: 'Webild Team', authorAvatar: 'https://picsum.photos/seed/teamavatar1/100/100', date: 'May 2024' },
+    { id: '2', category: 'Healthcare', title: 'Improving Patient Engagement', excerpt: 'A comprehensive case study on our digital solutions for enhanced patient interaction and care.', imageSrc: 'https://picsum.photos/seed/healthcare/800/600', authorName: 'Webild Team', authorAvatar: 'https://picsum.photos/seed/teamavatar2/100/100', date: 'June 2024' },
+    { id: '3', category: 'Fintech', title: 'Secure Payment Integration', excerpt: 'Ensuring seamless and secure financial transactions with our robust fintech integration services.', imageSrc: 'https://picsum.photos/seed/fintech/800/600', authorName: 'Webild Team', authorAvatar: 'https://picsum.photos/seed/teamavatar3/100/100', date: 'July 2024' }
   ];
 
   return (

src/app/faq/page.tsx

@@ -40,7 +40,7 @@ export default function FaqPage() {
             { id: '3', title: 'Do you work with startups and small businesses?', content: 'Absolutely! We tailor our services to meet the needs and budgets of businesses of all sizes.' },
             { id: '4', title: 'What is your typical project timeline?', content: 'Project timelines vary based on complexity, but we always provide a detailed schedule after initial consultation.' }
           ]}
-          imageSrc="/images/faq-hero.jpg"
+          imageSrc="https://picsum.photos/seed/faqs/800/600"
           imageAlt="Customer support illustration"
           title="Frequently Asked Questions"
           description="Find answers to common questions about our services, process, and more."

src/app/page.tsx

@@ -39,16 +39,16 @@ export default function HomePage() {
           description="We specialize in building cutting-edge web applications and delightful user interfaces."
           carouselPosition="right"
           leftCarouselItems={[
-            { imageSrc: '/placeholder1.jpg', imageAlt: 'Web design concept' },
-            { imageSrc: '/placeholder2.jpg', imageAlt: 'Mobile app UI' },
-            { imageSrc: '/placeholder3.jpg', imageAlt: 'Data visualization dashboard' },
-            { imageSrc: '/placeholder4.jpg', imageAlt: 'Cloud infrastructure' }
+            { imageSrc: 'https://picsum.photos/seed/webdesign/800/600', imageAlt: 'Web design concept' },
+            { imageSrc: 'https://picsum.photos/seed/mobileui/800/600', imageAlt: 'Mobile app UI' },
+            { imageSrc: 'https://picsum.photos/seed/dataviz/800/600', imageAlt: 'Data visualization dashboard' },
+            { imageSrc: 'https://picsum.photos/seed/cloudinfra/800/600', imageAlt: 'Cloud infrastructure' }
           ]}
           rightCarouselItems={[
-            { imageSrc: '/placeholder5.jpg', imageAlt: 'Responsive website' },
-            { imageSrc: '/placeholder6.jpg', imageAlt: 'Creative agency workspace' },
-            { imageSrc: '/placeholder7.jpg', imageAlt: 'Digital marketing strategy' },
-            { imageSrc: '/placeholder8.jpg', imageAlt: 'E-commerce solutions' }
+            { imageSrc: 'https://picsum.photos/seed/responsive/800/600', imageAlt: 'Responsive website' },
+            { imageSrc: 'https://picsum.photos/seed/creativeagency/800/600', imageAlt: 'Creative agency workspace' },
+            { imageSrc: 'https://picsum.photos/seed/digitalmarketing/800/600', imageAlt: 'Digital marketing strategy' },
+            { imageSrc: 'https://picsum.photos/seed/ecommerce/800/600', imageAlt: 'E-commerce solutions' }
           ]}
           buttons={[
             { text: 'View Services', href: '/services' },

src/app/portfolio/page.tsx

@@ -14,10 +14,10 @@ export default function PortfolioPage() {
   ];
 
   const portfolioItems = [
-    { id: '1', category: 'Web Design', title: 'E-commerce Redesign', excerpt: 'A modern overhaul for an online retail giant, focusing on user experience and conversion rates.', imageSrc: '/placeholder5.jpg', authorName: 'Team Webild', authorAvatar: '/placeholder-avatar.jpg', date: 'Jan 2024' },
-    { id: '2', category: 'Mobile App', title: 'Fitness Tracker App', excerpt: 'Intuitive design and robust functionality for health and wellness enthusiasts.', imageSrc: '/placeholder6.jpg', authorName: 'Team Webild', authorAvatar: '/placeholder-avatar.jpg', date: 'Feb 2024' },
-    { id: '3', category: 'Branding', title: 'Corporate Identity', excerpt: 'Crafting a fresh and cohesive brand identity for a tech startup, from logo to guidelines.', imageSrc: '/placeholder7.jpg', authorName: 'Team Webild', authorAvatar: '/placeholder-avatar.jpg', date: 'Mar 2024' },
-    { id: '4', category: 'SaaS Platform', title: 'Project Management Tool', excerpt: 'Streamlining workflows for remote teams with a powerful and easy-to-use SaaS platform.', imageSrc: '/placeholder8.jpg', authorName: 'Team Webild', authorAvatar: '/placeholder-avatar.jpg', date: 'Apr 2024' }
+    { id: '1', category: 'Web Design', title: 'E-commerce Redesign', excerpt: 'A modern overhaul for an online retail giant, focusing on user experience and conversion rates.', imageSrc: 'https://picsum.photos/seed/ecommerce-redesign/800/600', authorName: 'Team Webild', authorAvatar: 'https://picsum.photos/seed/team-webild-1/100/100', date: 'Jan 2024' },
+    { id: '2', category: 'Mobile App', title: 'Fitness Tracker App', excerpt: 'Intuitive design and robust functionality for health and wellness enthusiasts.', imageSrc: 'https://picsum.photos/seed/fitness-app/800/600', authorName: 'Team Webild', authorAvatar: 'https://picsum.photos/seed/team-webild-2/100/100', date: 'Feb 2024' },
+    { id: '3', category: 'Branding', title: 'Corporate Identity', excerpt: 'Crafting a fresh and cohesive brand identity for a tech startup, from logo to guidelines.', imageSrc: 'https://picsum.photos/seed/corporate-identity/800/600', authorName: 'Team Webild', authorAvatar: 'https://picsum.photos/seed/team-webild-3/100/100', date: 'Mar 2024' },
+    { id: '4', category: 'SaaS Platform', title: 'Project Management Tool', excerpt: 'Streamlining workflows for remote teams with a powerful and easy-to-use SaaS platform.', imageSrc: 'https://picsum.photos/seed/saas-platform/800/600', authorName: 'Team Webild', authorAvatar: 'https://picsum.photos/seed/team-webild-4/100/100', date: 'Apr 2024' }
   ];
 
   return (

src/app/services/page.tsx

@@ -14,10 +14,10 @@ export default function ServicesPage() {
   ];
 
   const features = [
-    { id: '1', title: 'Web Development', description: 'Custom website and application development tailored to your needs.', imageSrc: '/placeholder1.jpg', imageAlt: 'Web Development' },
-    { id: '2', title: 'UI/UX Design', description: 'Intuitive and engaging user interface design for optimal experience.', imageSrc: '/placeholder2.jpg', imageAlt: 'UI/UX Design' },
-    { id: '3', title: 'Digital Marketing', description: 'Strategies to boost your online presence and reach your target audience.', imageSrc: '/placeholder3.jpg', imageAlt: 'Digital Marketing' },
-    { id: '4', title: 'SEO Optimization', description: 'Improve your search engine rankings and increase organic traffic.', imageSrc: '/placeholder4.jpg', imageAlt: 'SEO Optimization' }
+    { id: '1', title: 'Web Development', description: 'Custom website and application development tailored to your needs.', imageSrc: 'https://picsum.photos/seed/webdev/800/600', imageAlt: 'Web Development' },
+    { id: '2', title: 'UI/UX Design', description: 'Intuitive and engaging user interface design for optimal experience.', imageSrc: 'https://picsum.photos/seed/uiux/800/600', imageAlt: 'UI/UX Design' },
+    { id: '3', title: 'Digital Marketing', description: 'Strategies to boost your online presence and reach your target audience.', imageSrc: 'https://picsum.photos/seed/digitalmarketing2/800/600', imageAlt: 'Digital Marketing' },
+    { id: '4', title: 'SEO Optimization', description: 'Improve your search engine rankings and increase organic traffic.', imageSrc: 'https://picsum.photos/seed/seo/800/600', imageAlt: 'SEO Optimization' }
   ];
 
   return (

src/app/testimonials/page.tsx

@@ -38,12 +38,12 @@ export default function TestimonialsPage() {
           rating={5}
           author="Sarah L., CEO of InnovateCorp"
           avatars={[
-            { src: '/avatars/user1.jpg', alt: 'User 1' },
-            { src: '/avatars/user2.jpg', alt: 'User 2' },
-            { src: '/avatars/user3.jpg', alt: 'User 3' },
-            { src: '/avatars/user4.jpg', alt: 'User 4' },
-            { src: '/avatars/user5.jpg', alt: 'User 5' },
-            { src: '/avatars/user6.jpg', alt: 'User 6' }
+            { src: 'https://picsum.photos/seed/user1/100/100', alt: 'User 1' },
+            { src: 'https://picsum.photos/seed/user2/100/100', alt: 'User 2' },
+            { src: 'https://picsum.photos/seed/user3/100/100', alt: 'User 3' },
+            { src: 'https://picsum.photos/seed/user4/100/100', alt: 'User 4' },
+            { src: 'https://picsum.photos/seed/user5/100/100', alt: 'User 5' },
+            { src: 'https://picsum.photos/seed/user6/100/100', alt: 'User 6' }
           ]}
           ratingAnimation="slide-up"
           avatarsAnimation="slide-up"