Merge version_3 into main

Merge version_3 into main

src/app/contact/page.tsx

@@ -1,37 +1,36 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import FaqDouble from "@/components/sections/faq/FaqDouble";
+import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
 import FooterBase from "@/components/sections/footer/FooterBase";
 
 export default function ContactPage() {
   const navItems = [
-    { name: "Services", id: "services" },
+    { name: "Home", id: "/" },
-    { name: "Portfolio", id: "portfolio" },
+    { name: "Services", id: "#services" },
-    { name: "About", id: "about" },
+    { name: "About", id: "#about" },
-    { name: "Insights", id: "blog" },
+    { name: "Contact", id: "/contact" },
-    { name: "Contact", id: "contact" },
   ];
 
   const navButton = {
-    text: "View Our Work",    href: "/portfolio"};
+    text: "Get Started",    href: "#"};
 
   const footerColumns = [
     {
-      title: "Services",      items: [
+      title: "Product",      items: [
-        { label: "Web Design", href: "/services" },
+        { label: "Features", href: "#features" },
-        { label: "Development", href: "/services" },
+        { label: "Pricing", href: "#pricing" },
-        { label: "UX/UI Strategy", href: "/services" },
+        { label: "Security", href: "#security" },
-        { label: "Brand & Identity", href: "/services" },
+        { label: "Enterprise", href: "#enterprise" },
       ],
     },
     {
       title: "Company",      items: [
-        { label: "About Us", href: "/about" },
+        { label: "About", href: "#about" },
-        { label: "Portfolio", href: "/portfolio" },
+        { label: "Blog", href: "/blog" },
-        { label: "Team", href: "/about" },
+        { label: "Careers", href: "#careers" },
         { label: "Contact", href: "/contact" },
       ],
     },
@@ -39,8 +38,8 @@ export default function ContactPage() {
       title: "Connect",      items: [
         { label: "LinkedIn", href: "https://linkedin.com" },
         { label: "Twitter", href: "https://twitter.com" },
-        { label: "Instagram", href: "https://instagram.com" },
+        { label: "GitHub", href: "https://github.com" },
-        { label: "Dribbble", href: "https://dribbble.com" },
+        { label: "Discord", href: "https://discord.com" },
       ],
     },
   ];
@@ -59,7 +58,7 @@ export default function ContactPage() {
       headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleCentered
+        <NavbarLayoutFloatingInline
           brandName="Apex Digital"
           navItems={navItems}
           button={navButton}
@@ -83,14 +82,15 @@ export default function ContactPage() {
       </div>
 
       <div id="faq" data-section="faq">
-        <FaqDouble
+        <FaqSplitMedia
           title="Frequently Asked Questions"
           description="Everything you need to know about working with Apex Digital Partners"
           tag="FAQ"
           textboxLayout="default"
           faqsAnimation="none"
-          animationType="smooth"
+          mediaAnimation="none"
           useInvertedBackground={false}
+          mediaPosition="left"
           faqs={[
             {
               id: "1",              title: "What is your typical project timeline?",              content:
@@ -117,6 +117,8 @@ export default function ContactPage() {
               id: "8",              title: "How do you approach SEO?",              content:
                 "SEO is built into our development process from day one. We implement technical SEO best practices, optimize performance, ensure mobile-responsiveness, and provide ongoing optimization strategies."},
           ]}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/modern-web-design-concept--1772694293642-0b465240.png"
+          imageAlt="FAQ illustration"
         />
       </div>
 

src/app/layout.tsx

@@ -1,74 +1,20 @@
 import type { Metadata } from "next";
-import { Halant } from "next/font/google";
 import { Inter } from "next/font/google";
-import { Manrope } from "next/font/google";
 import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
 
-const halant = Halant({
+const inter = Inter({ subsets: ["latin"] });
-  variable: "--font-halant",
-  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
-});
-
-const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
-});
-
-const manrope = Manrope({
-  variable: "--font-manrope",
-  subsets: ["latin"],
-});
 
 export const metadata: Metadata = {
-  title: "Apex Digital Partners | Web Design & Development",
+  title: "Apex Digital",  description: "Digital experiences that drive growth"};
-  description: "Premium web design and development agency for ambitious brands. We create transformative digital experiences that drive growth. 150+ projects delivered.",
-  keywords: "web design, web development, UX UI design, digital agency, web design services, custom development",
-  metadataBase: new URL("https://apexdigitalpartners.com"),
-  alternates: {
-    canonical: "https://apexdigitalpartners.com",
-  },
-  openGraph: {
-    title: "Apex Digital Partners - Transform Your Digital Presence",
-    description: "Premium web design, development, and digital strategy for ambitious brands seeking market-leading solutions.",
-    url: "https://apexdigitalpartners.com",
-    siteName: "Apex Digital Partners",
-    type: "website",
-    images: [
-      {
-        url: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-stunning-modern-website-interface-for--1772694295523-13a7fbee.png",
-        alt: "Apex Digital Partners - Digital Experience Design",
-      },
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",
-    title: "Apex Digital Partners | Premium Web Design & Development",
-    description: "Transform your digital presence with award-winning design and development services.",
-    images: ["https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-stunning-modern-website-interface-for--1772694295523-13a7fbee.png"],
-  },
-  robots: {
-    index: true,
-    follow: true,
-  },
-};
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
+    <html lang="en">
-      <ServiceWrapper>
+      <body className={inter.className}>{children}
-        <body
-          className={`${halant.variable} ${inter.variable} ${manrope.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -1436,7 +1382,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
 }

src/app/page.tsx

@@ -1,42 +1,134 @@
 "use client";
 
-import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import HeroBillboardCarousel from "@/components/sections/hero/HeroBillboardCarousel";
+import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
-import AboutMetric from "@/components/sections/about/AboutMetric";
+import FeatureBento from "@/components/sections/feature/FeatureBento";
 import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
-import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
+import FooterMedia from "@/components/sections/footer/FooterMedia";
-import ContactSplit from "@/components/sections/contact/ContactSplit";
+import { Sparkles, Zap, Globe, TrendingUp, Shield, Lock, Cpu } from "lucide-react";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import { TrendingUp, Users, Award, Globe, Sparkles, Zap, Quote } from "lucide-react";
 
 export default function HomePage() {
   const navItems = [
-    { name: "Services", id: "services" },
+    { name: "Home", id: "/" },
-    { name: "Portfolio", id: "portfolio" },
+    { name: "Services", id: "#services" },
-    { name: "About", id: "about" },
+    { name: "About", id: "#about" },
-    { name: "Insights", id: "blog" },
+    { name: "Contact", id: "/contact" },
-    { name: "Contact", id: "contact" },
   ];
 
   const navButton = {
-    text: "View Our Work",    href: "portfolio"};
+    text: "Get Started",    href: "#"
+  };
+
+  const heroCarouselItems = [
+    {
+      id: "1",      imageSrc:
+        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/modern-web-design-concept--1772694293642-0b465240.png?_wi=1",      imageAlt: "Web Design"
+    },
+    {
+      id: "2",      imageSrc:
+        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-professional-team-collaboration-scene--1772694293642-0b465240.png",      imageAlt: "Team Collaboration"
+    },
+    {
+      id: "3",      imageSrc:
+        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/abstract-technology-background--1772694293642-0b465240.png",      imageAlt: "Technology"
+    },
+    {
+      id: "4",      imageSrc:
+        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/digital-innovation-concept--1772694293642-0b465240.png",      imageAlt: "Digital Innovation"
+    },
+    {
+      id: "5",      imageSrc:
+        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/modern-workspace--1772694293642-0b465240.png",      imageAlt: "Modern Workspace"
+    },
+    {
+      id: "6",      imageSrc:
+        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/business-growth-chart--1772694293642-0b465240.png",      imageAlt: "Business Growth"
+    },
+  ];
+
+  const features = [
+    {
+      title: "Advanced Analytics",      description: "Get detailed insights into your business performance",      bentoComponent: "globe" as const,
+    },
+    {
+      title: "Real-time Collaboration",      description: "Work together seamlessly with your team",      bentoComponent: "icon-info-cards" as const,
+      items: [
+        { icon: Zap, label: "Speed", value: "99.9%" },
+        { icon: Globe, label: "Global", value: "150+" },
+        { icon: TrendingUp, label: "Growth", value: "300%" },
+      ],
+    },
+    {
+      title: "Enterprise Security",      description: "Bank-grade security with advanced encryption and compliance",      bentoComponent: "3d-stack-cards" as const,
+      items: [
+        { icon: Shield, title: "End-to-End", subtitle: "Encryption", detail: "Military-grade protection" },
+        { icon: Lock, title: "Zero Trust", subtitle: "Architecture", detail: "Never trust, always verify" },
+        { icon: Cpu, title: "Compliance", subtitle: "Standard", detail: "SOC 2, GDPR, ISO 27001" },
+      ],
+    },
+    {
+      title: "Global Integration",      description: "Connect seamlessly with tools and platforms worldwide",      bentoComponent: "map" as const,
+    },
+  ];
+
+  const testimonials = [
+    {
+      id: "1",      name: "Sarah Johnson",      handle: "@sarahj",      testimonial:
+        "This platform has completely transformed how we manage our digital presence. Highly recommended!",      imageSrc:
+        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-1.png",      imageAlt: "Sarah Johnson"
+    },
+    {
+      id: "2",      name: "Michael Chen",      handle: "@mchen",      testimonial:
+        "Incredible user experience and outstanding customer support. Best decision we made.",      imageSrc:
+        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-2.png",      imageAlt: "Michael Chen"
+    },
+    {
+      id: "3",      name: "Emma Davis",      handle: "@emma_d",      testimonial:
+        "The level of customization and flexibility is unmatched. Perfect for our needs.",      imageSrc:
+        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-3.png",      imageAlt: "Emma Davis"
+    },
+    {
+      id: "4",      name: "James Wilson",      handle: "@james_w",      testimonial:
+        "Outstanding results and measurable impact on our business growth in just 3 months.",      imageSrc:
+        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-4.png",      imageAlt: "James Wilson"
+    },
+    {
+      id: "5",      name: "Lisa Anderson",      handle: "@lisa_a",      testimonial:
+        "The integration capabilities are seamless and the API documentation is excellent.",      imageSrc:
+        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-5.png",      imageAlt: "Lisa Anderson"
+    },
+    {
+      id: "6",      name: "David Martinez",      handle: "@david_m",      testimonial:
+        "Reliable, scalable, and built with modern best practices. A game changer for us.",      imageSrc:
+        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-6.png",      imageAlt: "David Martinez"
+    },
+    {
+      id: "7",      name: "Rachel Green",      handle: "@rachel_g",      testimonial:
+        "From setup to deployment, everything was smooth and well-documented.",      imageSrc:
+        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-7.png",      imageAlt: "Rachel Green"
+    },
+    {
+      id: "8",      name: "Tom Bradley",      handle: "@tom_b",      testimonial:
+        "Exceptional value for money and continuous improvements based on user feedback.",      imageSrc:
+        "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/avatar-8.png",      imageAlt: "Tom Bradley"
+    },
+  ];
 
   const footerColumns = [
     {
-      title: "Services",      items: [
+      title: "Product",      items: [
-        { label: "Web Design", href: "/services" },
+        { label: "Features", href: "#features" },
-        { label: "Development", href: "/services" },
+        { label: "Pricing", href: "#pricing" },
-        { label: "UX/UI Strategy", href: "/services" },
+        { label: "Security", href: "#security" },
-        { label: "Brand & Identity", href: "/services" },
+        { label: "Enterprise", href: "#enterprise" },
       ],
     },
     {
       title: "Company",      items: [
-        { label: "About Us", href: "/about" },
+        { label: "About", href: "#about" },
-        { label: "Portfolio", href: "/portfolio" },
+        { label: "Blog", href: "/blog" },
-        { label: "Team", href: "/about" },
+        { label: "Careers", href: "#careers" },
         { label: "Contact", href: "/contact" },
       ],
     },
@@ -44,162 +136,100 @@ export default function HomePage() {
       title: "Connect",      items: [
         { label: "LinkedIn", href: "https://linkedin.com" },
         { label: "Twitter", href: "https://twitter.com" },
-        { label: "Instagram", href: "https://instagram.com" },
+        { label: "GitHub", href: "https://github.com" },
-        { label: "Dribbble", href: "https://dribbble.com" },
+        { label: "Discord", href: "https://discord.com" },
       ],
     },
   ];
 
   return (
     <ThemeProvider
-      defaultButtonVariant="elastic-effect"
+      defaultButtonVariant="hover-magnetic"
-      defaultTextAnimation="reveal-blur"
+      defaultTextAnimation="entrance-slide"
-      borderRadius="soft"
+      borderRadius="rounded"
-      contentWidth="compact"
+      contentWidth="medium"
-      sizing="largeSizeMediumTitles"
+      sizing="mediumLargeSizeLargeTitles"
-      background="circleGradient"
+      background="aurora"
-      cardStyle="glass-depth"
+      cardStyle="gradient-mesh"
-      primaryButtonStyle="radial-glow"
+      primaryButtonStyle="gradient"
-      secondaryButtonStyle="radial-glow"
+      secondaryButtonStyle="glass"
-      headingFontWeight="normal"
+      headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleCentered
+        <NavbarLayoutFloatingInline
           brandName="Apex Digital"
           navItems={navItems}
           button={navButton}
+          animateOnLoad={true}
         />
       </div>
 
       <div id="hero" data-section="hero">
-        <HeroBillboardCarousel
+        <HeroBillboardRotatedCarousel
           title="Digital experiences that drive growth"
-          description="We design and build transformative websites for ambitious brands. From concept to launch, we create digital solutions that convert."
+          description="Transform your business with cutting-edge digital solutions designed to accelerate success and engage your audience."
-          tag="Digital Agency"
-          tagIcon={Sparkles}
           background={{ variant: "sparkles-gradient" }}
+          tag="Innovation"
+          tagIcon={Sparkles}
           buttons={[
-            { text: "View Our Work", href: "/portfolio" },
+            { text: "Get Started", href: "#contact" },
-            { text: "Start Your Project", href: "/contact" },
+            { text: "Learn More", href: "#features" },
-          ]}
-          mediaItems={[
-            {
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-stunning-modern-website-interface-for--1772694295523-13a7fbee.png",              imageAlt: "Web design project showcase"},
-            {
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-digital-transformation-case-study-show-1772694295177-48e2d1a9.png",              imageAlt: "Digital transformation case study"},
-            {
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-modern-interface-design-showcasing-a-s-1772694295867-5aff3a0b.png",              imageAlt: "Modern interface design"},
-            {
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/an-e-commerce-platform-redesign-showcasi-1772694300636-98d5e7f2.png",              imageAlt: "E-commerce platform redesign"},
-            {
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-brand-identity-and-web-experience-port-1772694300059-d267fa1b.png",              imageAlt: "Brand identity and web experience"},
-            {
-              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/an-interactive-website-design-featuring--1772694294830-dca1b3c7.png",              imageAlt: "Interactive website design"},
           ]}
+          carouselItems={heroCarouselItems}
+          autoPlay={true}
+          autoPlayInterval={4000}
         />
       </div>
 
-      <div id="about" data-section="about">
+      <div id="features" data-section="features">
-        <AboutMetric
+        <FeatureBento
-          title="We partner with ambitious brands to create digital experiences that inspire, engage, and convert. Since 2015, we've helped over 50+ companies transform their digital presence."
+          features={[
-          useInvertedBackground={true}
+            {
-          metricsAnimation="none"
+              title: "Advanced Analytics",              description: "Get detailed insights into your business performance",              bentoComponent: "globe"
-          metrics={[
+            },
-            { icon: TrendingUp, label: "Projects Delivered", value: "150+" },
+            {
-            { icon: Users, label: "Partner Brands", value: "50+" },
+              title: "Real-time Collaboration",              description: "Work together seamlessly with your team",              bentoComponent: "icon-info-cards",              items: [
-            { icon: Award, label: "Design Awards Won", value: "12" },
+                { icon: Zap, label: "Speed", value: "99.9%" },
-            { icon: Globe, label: "Global Reach", value: "5 Continents" },
+                { icon: Globe, label: "Global", value: "150+" },
-          ]}
+                { icon: TrendingUp, label: "Growth", value: "300%" },
-        />
+              ],
-      </div>
+            },
-
+            {
-      <div id="metrics" data-section="metrics">
+              title: "Enterprise Security",              description: "Bank-grade security with advanced encryption and compliance",              bentoComponent: "3d-stack-cards",              items: [
-        <MetricCardFourteen
+                { icon: Shield, title: "End-to-End", subtitle: "Encryption", detail: "Military-grade protection" },
-          title="We measure success by the impact we deliver for our partners. Our data-driven approach ensures every project exceeds expectations."
+                { icon: Lock, title: "Zero Trust", subtitle: "Architecture", detail: "Never trust, always verify" },
-          tag="Impact & Results"
+                { icon: Cpu, title: "Compliance", subtitle: "Standard", detail: "SOC 2, GDPR, ISO 27001" },
-          useInvertedBackground={true}
+              ],
-          metricsAnimation="none"
+            },
-          metrics={[
+            {
-            {
+              title: "Global Integration",              description: "Connect seamlessly with tools and platforms worldwide",              bentoComponent: "map"
-              id: "1",              value: "98%",              description:
+            },
-                "Average client satisfaction rate across all projects and engagements"},
-            {
-              id: "2",              value: "285%",              description:
-                "Average conversion increase for e-commerce clients year-over-year"},
-            {
-              id: "3",              value: "89%",              description:
-                "Client retention rate with long-term partnerships spanning multiple years"},
-            {
-              id: "4",              value: "42ms",              description: "Average page load time for optimized websites we develop"},
           ]}
+          title="Powerful Features"
+          description="Everything you need to succeed"
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
         />
       </div>
 
       <div id="testimonials" data-section="testimonials">
         <TestimonialCardSix
-          title="What Our Clients Say"
+          testimonials={testimonials}
-          description="Hear directly from brands and businesses that have partnered with us"
+          title="What Our Customers Say"
-          tag="Client Testimonials"
+          description="Hear from businesses that have transformed with our platform"
           textboxLayout="default"
           animationType="slide-up"
           useInvertedBackground={false}
-          speed={40}
-          testimonials={[
-            {
-              id: "1",              name: "Sarah Johnson",              handle: "CEO, Luxe Brands Co.",              testimonial:
-                "Apex transformed our digital presence completely. The attention to detail and strategic thinking was exceptional. Our conversion rates doubled within 6 months.",              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-professional-headshot-photograph-of-a--1772694294531-9eabc594.png",              imageAlt: "Sarah Johnson"},
-            {
-              id: "2",              name: "Michael Chen",              handle: "Founder, TechFlow AI",              testimonial:
-                "Working with Apex was a game-changer for our SaaS product. They understood our vision and delivered a platform that our users absolutely love.",              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-professional-headshot-photograph-of-a--1772694295746-8b0540e2.png",              imageAlt: "Michael Chen"},
-            {
-              id: "3",              name: "Emily Rodriguez",              handle: "CMO, Global Retail Inc.",              testimonial:
-                "The team at Apex doesn't just build websites—they create strategic digital ecosystems. Our brand engagement increased by 340% after launch.",              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-professional-headshot-photograph-of-a--1772694293255-aa94023a.png",              imageAlt: "Emily Rodriguez"},
-            {
-              id: "4",              name: "David Kim",              handle: "VP Product, FinanceHub",              testimonial:
-                "Best decision we made was partnering with Apex. Their design-first approach and technical expertise resulted in a platform our customers couldn't be happier with.",              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-professional-headshot-photograph-of-an-1772694295848-d787a7d5.png",              imageAlt: "David Kim"},
-            {
-              id: "5",              name: "Jessica Martinez",              handle: "Founder, Wellness Collective",              testimonial:
-                "Apex didn't just meet our expectations—they exceeded them. The website they built is beautiful, performant, and perfectly captures our brand essence.",              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-professional-headshot-photograph-of-a--1772694292929-03056872.png",              imageAlt: "Jessica Martinez"},
-            {
-              id: "6",              name: "James Wilson",              handle: "CEO, Innovation Labs",              testimonial:
-                "From initial strategy to final launch, Apex was professional, innovative, and results-oriented. I'd recommend them to any ambitious brand looking for true digital transformation.",              imageSrc:
-                "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-professional-headshot-photograph-of-a--1772694294186-9a9c5ee9.png",              imageAlt: "James Wilson"},
-          ]}
-        />
-      </div>
-
-      <div id="contact" data-section="contact">
-        <ContactSplit
-          tag="Get In Touch"
-          title="Ready to transform your digital presence?"
-          description="Let's discuss your project goals and explore how Apex Digital Partners can help you achieve digital excellence."
-          background={{ variant: "sparkles-gradient" }}
-          useInvertedBackground={false}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/a-professional-team-collaboration-scene--1772694293642-0b465240.png"
-          mediaAnimation="slide-up"
-          mediaPosition="right"
-          inputPlaceholder="Your email address"
-          buttonText="Schedule a Call"
-          termsText="We respect your privacy. We'll get back to you within 24 hours."
         />
       </div>
 
       <div id="footer" data-section="footer">
-        <FooterBase
+        <FooterMedia
-          logoText="Apex Digital"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AW2rAHmDcSblhmPtJ4YXRL0jWg/modern-web-design-concept--1772694293642-0b465240.png?_wi=2"
-          copyrightText="© 2025 Apex Digital Partners. All rights reserved."
           columns={footerColumns}
+          logoText="Apex Digital"
+          copyrightText="© 2025 Apex Digital. All rights reserved."
         />
       </div>
     </ThemeProvider>