diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 1a26efa..20e35ec 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -2,45 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import ContactText from "@/components/sections/contact/ContactText";
-import FooterBase from "@/components/sections/footer/FooterBase";
 import Link from "next/link";
 
 export default function AboutPage() {
   const navItems = [
     { name: "Featured", id: "featured" },
     { name: "Products", id: "products" },
-    { name: "Specs", id: "specs" },
+    { name: "Daily Offers", id: "daily-offers" },
     { name: "Pricing", id: "pricing" },
   ];
 
-  const footerColumns = [
-    {
-      title: "Products",      items: [
-        { label: "Gaming PCs", href: "/products" },
-        { label: "Gaming Laptops", href: "/products" },
-        { label: "Custom Builds", href: "/products" },
-        { label: "Peripherals", href: "/products" },
-      ],
-    },
-    {
-      title: "Company",      items: [
-        { label: "About Us", href: "#" },
-        { label: "Our Team", href: "#" },
-        { label: "Careers", href: "#" },
-        { label: "Blog", href: "#" },
-      ],
-    },
-    {
-      title: "Support",      items: [
-        { label: "Contact Us", href: "#" },
-        { label: "FAQ", href: "#" },
-        { label: "Warranty", href: "#" },
-        { label: "Returns", href: "#" },
-      ],
-    },
-  ];
-
   return (
     <ThemeProvider
       defaultButtonVariant="elastic-effect"
@@ -63,26 +34,17 @@ export default function AboutPage() {
         />
       </div>
 
-      <div id="contact" data-section="contact">
-        <ContactText
-          text="Learn more about our commitment to gaming excellence and innovation."
-          animationType="reveal-blur"
-          buttons={[
-            { text: "Get in Touch", href: "#" },
-            { text: "Schedule a Demo", href: "#" },
-          ]}
-          background={{ variant: "plain" }}
-          useInvertedBackground={false}
-        />
-      </div>
-
-      <div id="footer" data-section="footer">
-        <FooterBase
-          logoText="GamerPC"
-          copyrightText="© 2025 GamerPC Inc. All rights reserved."
-          columns={footerColumns}
-        />
+      <div id="about" data-section="about" className="min-h-screen flex items-center justify-center p-6">
+        <div className="max-w-2xl text-center">
+          <h1 className="text-4xl font-bold mb-4">About GamerPC</h1>
+          <p className="text-lg text-foreground/80 mb-6">
+            We are dedicated to providing premium gaming systems built with the latest technology and uncompromising quality. Our mission is to empower gamers with the tools they need to compete, create, and dominate.
+          </p>
+          <p className="text-lg text-foreground/80">
+            Founded on the principles of performance, reliability, and customer excellence, GamerPC has become the trusted choice for competitive gamers, streamers, and PC enthusiasts worldwide.
+          </p>
+        </div>
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 3d94481..38b6029 100644
--- a/src/app/contact/page.tsx
+++ b/src/app/contact/page.tsx
@@ -4,44 +4,16 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
 import ContactText from "@/components/sections/contact/ContactText";
 import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
-import FooterBase from "@/components/sections/footer/FooterBase";
 import Link from "next/link";
 
 export default function ContactPage() {
   const navItems = [
     { name: "Featured", id: "featured" },
     { name: "Products", id: "products" },
-    { name: "Specs", id: "specs" },
+    { name: "Daily Offers", id: "daily-offers" },
     { name: "Pricing", id: "pricing" },
   ];
 
-  const footerColumns = [
-    {
-      title: "Products",      items: [
-        { label: "Gaming PCs", href: "/products" },
-        { label: "Gaming Laptops", href: "/products" },
-        { label: "Custom Builds", href: "/products" },
-        { label: "Peripherals", href: "/products" },
-      ],
-    },
-    {
-      title: "Company",      items: [
-        { label: "About Us", href: "#" },
-        { label: "Our Team", href: "#" },
-        { label: "Careers", href: "#" },
-        { label: "Blog", href: "#" },
-      ],
-    },
-    {
-      title: "Support",      items: [
-        { label: "Contact Us", href: "#" },
-        { label: "FAQ", href: "#" },
-        { label: "Warranty", href: "#" },
-        { label: "Returns", href: "#" },
-      ],
-    },
-  ];
-
   return (
     <ThemeProvider
       defaultButtonVariant="elastic-effect"
@@ -66,42 +38,34 @@ export default function ContactPage() {
 
       <div id="contact" data-section="contact">
         <ContactText
-          text="Ready to elevate your gaming experience? Let's find the perfect PC for you. Contact our gaming experts today!"
+          text="Get in touch with our gaming experts. We're here to help you find the perfect system for your needs."
           animationType="reveal-blur"
           buttons={[
-            { text: "Get in Touch", href: "/contact" },
-            { text: "Schedule a Demo", href: "/contact" },
+            { text: "Email Us", href: "mailto:support@gamerpc.com" },
+            { text: "Call Now", href: "tel:+1-800-GAMERPC" },
           ]}
           background={{ variant: "plain" }}
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="social-proof" data-section="social-proof">
+      <div id="partners" data-section="partners">
         <SocialProofOne
-          title="Trusted by Gaming Leaders"
-          description="Powered by the world's most advanced gaming technology partners."
-          tag="Industry Partners"
+          title="Our Partners"
+          description="We work with the best technology partners in the industry."
+          tag="Technology Partners"
           textboxLayout="default"
           useInvertedBackground={false}
-          names=[
-            "NVIDIA",            "AMD",            "Intel",            "Corsair",            "ASUS",            "MSI",            "Razer",            "Kingston"
-          ]
-          logos=[
+          logos={[
             "http://img.b2bpic.net/free-vector/modern-abstract-data-architect-business-card_23-2149020595.jpg",            "http://img.b2bpic.net/free-vector/gradient-texture-technology-facebook-cover_23-2149161834.jpg",            "http://img.b2bpic.net/free-vector/flat-electronics-logos-pack_23-2148976732.jpg",            "http://img.b2bpic.net/free-vector/viking-mask-logo-colorful-gradient_677411-1477.jpg",            "http://img.b2bpic.net/free-vector/black-friday-sale-neon-background_23-2147967948.jpg",            "http://img.b2bpic.net/free-vector/flat-design-gaming-logo_23-2150760192.jpg",            "http://img.b2bpic.net/free-vector/gradient-technology-logo-template-collection_23-2148221684.jpg",            "http://img.b2bpic.net/free-vector/gradient-laptop-logo-template_23-2148995976.jpg"
-          ]
+          ]}
+          names={[
+            "NVIDIA",            "AMD",            "Intel",            "Corsair",            "ASUS",            "MSI",            "Razer",            "Kingston"
+          ]}
           speed={40}
           showCard={true}
         />
       </div>
-
-      <div id="footer" data-section="footer">
-        <FooterBase
-          logoText="GamerPC"
-          copyrightText="© 2025 GamerPC Inc. All rights reserved."
-          columns={footerColumns}
-        />
-      </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 8d2418c..85c665b 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -1,1434 +1,18 @@
 import type { Metadata } from "next";
-import { Public_Sans } from "next/font/google";
-import { Inter } from "next/font/google";
-import "./globals.css";
-import { ServiceWrapper } from "@/components/ServiceWrapper";
-import Tag from "@/tag/Tag";
-
-const publicSans = Public_Sans({
-  variable: "--font-public-sans",
-  subsets: ["latin"],
-});
-
-const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
-});
+import "./styles/globals.css";
+import "./styles/variables.css";
 
 export const metadata: Metadata = {
-  title: "GamerPC - High-Performance Gaming Computers & Custom Builds",
-  description: "Buy premium gaming PCs with RTX 4090, RTX 4080, and RTX 4070. Custom builds, esports systems, and streaming rigs. Fast shipping & lifetime support.",
-  keywords: "gaming PC, gaming laptop, RTX 4090, gaming desktop, custom PC build, esports PC, gaming computer",
-  metadataBase: new URL("https://gamerpc.com"),
-  alternates: {
-    canonical: "https://gamerpc.com",
-  },
-  openGraph: {
-    title: "GamerPC - Ultimate Gaming PC Performance",
-    description: "Experience ultimate gaming with high-performance RTX gaming PCs. Custom builds, fast shipping, and expert support.",
-    url: "https://gamerpc.com",
-    siteName: "GamerPC",
-    type: "website",
-    images: [
-      {
-        url: "http://img.b2bpic.net/free-photo/close-up-woman-repairing-computer-chips_23-2150880936.jpg",
-        alt: "GamerPC - High-end gaming computer",
-      },
-    ],
-  },
-  twitter: {
-    card: "summary_large_image",
-    title: "GamerPC - Premium Gaming Computers",
-    description: "Unleash your gaming potential with our top-tier gaming PCs. RTX 4090 performance, custom builds, expert support.",
-    images: ["http://img.b2bpic.net/free-photo/close-up-woman-repairing-computer-chips_23-2150880936.jpg"],
-  },
-  robots: {
-    index: true,
-    follow: true,
-  },
-};
+  title: "GamerPC - Premium Gaming Systems",  description: "Experience ultimate gaming performance with our premium-built gaming PCs. Engineered for esports, streaming, and immersive gaming."};
 
 export default function RootLayout({
   children,
-}: Readonly<{
+}: {
   children: React.ReactNode;
-}>) {
+}) {
   return (
-    <html lang="en" suppressHydrationWarning>
-      <ServiceWrapper>
-        <body
-          className={`${publicSans.variable} ${inter.variable} antialiased`}
-        >
-          <Tag />
-          {children}
-        
-        <script
-          dangerouslySetInnerHTML={{
-            __html: `
-(function() {
-  if (window.self === window.top) return;
-
-  if (window.__webildEditorInitialized) return;
-  window.__webildEditorInitialized = true;
-
-  let isActive = false;
-  let hoveredElement = null;
-  let selectedElement = null;
-  let originalContent = null;
-  let isEditing = false;
-  let elementTypeLabel = null;
-  let hoverOverlay = null;
-  let scrollTimeout = null;
-  let isScrolling = false;
-
-  const invalidElements = ['html', 'body', 'script', 'style', 'meta', 'link', 'head', 'noscript', 'title'];
-  const hoverClass = 'webild-hover';
-  const selectedClass = 'webild-selected';
-
-  const style = document.createElement('style');
-  style.id = 'webild-inspector-styles';
-  style.textContent = '' +
-    '.webild-hover {' +
-    '  outline: 2px dashed #4d96ff80 !important;' +
-    '  border-radius: 0 !important;' +
-    '  outline-offset: 2px !important;' +
-    '  cursor: pointer !important;' +
-    '  transition: outline 0.15s ease !important;' +
-    '  background-color: #4d96ff05 !important;' +
-    '}' +
-    '.webild-selected {' +
-    '  outline: 2px solid #4d96ff !important;' +
-    '  outline-offset: 2px !important;' +
-    '  transition: outline 0.15s ease !important;' +
-    '  background-color: #4d96ff05 !important;' +
-    '  border-radius: 0 !important;' +
-    '}' +
-    '[contenteditable="true"].webild-selected {' +
-    '  outline: 2px solid #4d96ff !important;' +
-    '  background-color: #4d96ff05 !important;' +
-    '}' +
-    'img.webild-hover,' +
-    'img.webild-selected,' +
-    'video.webild-hover,' +
-    'video.webild-selected {' +
-    '  outline-offset: 2px !important;' +
-    '}' +
-    '.webild-element-type-label {' +
-    '  position: fixed !important;' +
-    '  z-index: 999999 !important;' +
-    '  background: #4d96ff !important;' +
-    '  color: white !important;' +
-    '  padding: 4px 8px !important;' +
-    '  font-size: 11px !important;' +
-    '  font-weight: 600 !important;' +
-    '  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;' +
-    '  pointer-events: none !important;' +
-    '  white-space: nowrap !important;' +
-    '  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15) !important;' +
-    '  letter-spacing: 0.3px !important;' +
-    '  border: 1px solid #4d96ff20 !important;' +
-    '}' +
-    '.webild-element-type-label.label-top {' +
-    '  border-radius: 6px 6px 0 0 !important;' +
-    '}' +
-    '.webild-element-type-label.label-bottom {' +
-    '  border-radius: 0 0 6px 6px !important;' +
-    '}' +
-    '.webild-hover-overlay {' +
-    '  position: fixed !important;' +
-    '  background-color: #4d96ff15 !important;' +
-    '  pointer-events: none !important;' +
-    '  z-index: 999998 !important;' +
-    '  transition: all 0.15s ease !important;' +
-    '}';
-  document.head.appendChild(style);
-  
-  const getUniqueSelector = (element, assignId = false) => {
-    if (element.dataset && element.dataset.webildSelector) {
-      return element.dataset.webildSelector;
-    }
-    
-    const existingId = element.getAttribute('data-webild-id');
-    if (existingId) {
-      return '[data-webild-id="' + existingId + '"]';
-    }
-    
-    if (assignId) {
-      const uniqueId = 'webild-' + Date.now() + '-' + Math.random().toString(36).substr(2, 9);
-      element.setAttribute('data-webild-id', uniqueId);
-      return '[data-webild-id="' + uniqueId + '"]';
-    }
-    
-    return null;
-  };
-  
-  const getSectionId = (element) => {
-    let current = element;
-    while (current && current !== document.body) {
-      const sectionId = current.getAttribute('data-section');
-      if (sectionId) {
-        return sectionId;
-      }
-      current = current.parentElement;
-    }
-    return 'hero';
-  };
-  
-  const getElementType = (element) => {
-  const tagName = element.tagName.toLowerCase();
-  const computedStyle = window.getComputedStyle(element);
-
-  if (tagName === 'img') {
-    return 'Image';
-  }
-
-  if (tagName === 'video') {
-    return 'Video';
-  }
-
-  const backgroundImage = computedStyle.backgroundImage;
-  if (backgroundImage && backgroundImage !== 'none') {
-    const urlMatch = backgroundImage.match(/url(['"]?([^'")]+)['"]?)/);
-    if (urlMatch && urlMatch[1] && !urlMatch[1].includes('gradient')) {
-      const area = element.offsetWidth * element.offsetHeight;
-      const hasReasonableSize = area > 1000;
-      const hasFewChildren = element.children.length <= 2;
-      
-      if (hasReasonableSize && hasFewChildren) {
-        return 'Image';
-      }
-    }
-  }
-
-    if (tagName === 'button') return 'Button';
-    if (tagName === 'a' && element.getAttribute('href')) return 'Button';
-    if (element.getAttribute('role') === 'button') return 'Button';
-
-    const buttonClasses = ['btn', 'button', 'cta', 'action-button'];
-    const hasButtonClass = buttonClasses.some(cls =>
-      element.classList.contains(cls) || element.classList.contains(\`btn-\${cls}\`)
-    );
-
-    if (hasButtonClass && element.textContent && element.textContent.trim().length > 0) {
-      return 'Button';
-    }
-
-    const textTags = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'p', 'span', 'label', 'li'];
-    if (textTags.includes(tagName)) {
-      return 'Text';
-    }
-
-    if (tagName === 'div') {
-      const hasDirectText = Array.from(element.childNodes).some(node => 
-        node.nodeType === Node.TEXT_NODE && node.textContent && node.textContent.trim().length > 0
-      );
-      
-      if (hasDirectText && !element.querySelector('div, section, article, main, header, footer')) {
-        return 'Text';
-      }
-      
-      return 'Div';
-    }
-
-    if (tagName === 'article') {
-      return 'Article';
-    }
-
-    if (tagName === 'a' && !element.getAttribute('href')) {
-      return 'Text';
-    }
-
-    return 'Section';
-  };
-
-  const extractOriginalUrl = (url) => {
-    if (!url) return url;
-
-    if (url.includes('/_next/')) {
-      try {
-        const urlObj = new URL(url);
-        const originalPath = urlObj.searchParams.get('url');
-        if (originalPath) {
-          return originalPath;
-        }
-      } catch (e) {
-        return url;
-      }
-    }
-    
-    if (url.includes('.webild.io/')) {
-      try {
-        const urlObj = new URL(url);
-        return urlObj.pathname;
-      } catch (e) {
-        return url;
-      }
-    }
-
-    return url;
-  };
-
-  const getMediaTypeFromUrl = (url) => {
-    const videoExts = ['.mp4', '.webm', '.ogg', '.mov', '.avi', '.mkv', '.m4v', '.wmv'];
-    const imageExts = ['.jpg', '.jpeg', '.png', '.gif', '.webp', '.svg', '.bmp', '.ico', '.tiff', '.avif'];
-    try {
-      const pathname = new URL(url).pathname.toLowerCase();
-      if (videoExts.some(function(ext) { return pathname.endsWith(ext); })) return 'video';
-      if (imageExts.some(function(ext) { return pathname.endsWith(ext); })) return 'image';
-    } catch(e) {}
-    return 'unknown';
-  };
-
-  const swapMediaElement = (oldEl, newTag, newSrc) => {
-    const newEl = document.createElement(newTag);
-    Array.from(oldEl.attributes).forEach(function(attr) {
-      if (attr.name !== 'src' && attr.name !== 'alt' && attr.name !== 'srcset' && attr.name !== 'autoplay' && attr.name !== 'loop' && attr.name !== 'muted' && attr.name !== 'playsinline') {
-        try { newEl.setAttribute(attr.name, attr.value); } catch(e) {}
-      }
-    });
-    newEl.style.cssText = oldEl.style.cssText;
-    if (newTag === 'video') {
-      newEl.setAttribute('autoplay', '');
-      newEl.setAttribute('loop', '');
-      newEl.setAttribute('muted', '');
-      newEl.setAttribute('playsinline', '');
-    }
-    newEl.src = newSrc;
-    if (oldEl.parentNode) {
-      oldEl.parentNode.replaceChild(newEl, oldEl);
-    }
-    return newEl;
-  };
-
-  const getElementInfo = (element, assignId = false) => {
-    const rect = element.getBoundingClientRect();
-    const tagName = element.tagName.toLowerCase();
-    const selector = getUniqueSelector(element, assignId);
-    const sectionId = getSectionId(element);
-    
-    let className = undefined;
-    try {
-      if (element.className) {
-        if (typeof element.className === 'string') {
-          className = element.className;
-        } else if (element.className.baseVal !== undefined) {
-          className = element.className.baseVal;
-        }
-      }
-    } catch (e) {}
-    
-    const info = {
-      tagName: tagName,
-      id: element.id || undefined,
-      className: className,
-      selector: selector,
-      elementType: null,
-      sectionId: sectionId,
-      boundingBox: {
-        x: rect.left,
-        y: rect.top,
-        width: rect.width,
-        height: rect.height
-      }
-    };
-    
-    if (tagName === 'img') {
-      const originalSrc = extractOriginalUrl(element.src);
-      info.imageData = {
-        src: originalSrc,
-        alt: element.alt || undefined,
-        naturalWidth: element.naturalWidth,
-        naturalHeight: element.naturalHeight,
-        isBackground: false
-      };
-    }
-
-    if (tagName === 'video') {
-      const rawSrc = element.src || element.currentSrc || (element.querySelector('source') && element.querySelector('source').src) || '';
-      const resolvedSrc = extractOriginalUrl(rawSrc);
-      info.imageData = {
-        src: resolvedSrc,
-        alt: element.getAttribute('aria-label') || undefined,
-        isBackground: false,
-        isVideo: true
-      };
-    }
-
-    const computedStyle = window.getComputedStyle(element);
-    const backgroundImage = computedStyle.backgroundImage;
-    if (backgroundImage && backgroundImage !== 'none') {
-      const urlMatch = backgroundImage.match(/url(['"]?([^'")]+)['"]?)/);
-      if (urlMatch) {
-        const originalBgSrc = extractOriginalUrl(urlMatch[1]);
-        if (tagName !== 'img') {
-          info.imageData = {
-            src: originalBgSrc,
-            isBackground: true
-          };
-        } else {
-          if (!info.imageData) info.imageData = {};
-          info.imageData.backgroundImageSrc = originalBgSrc;
-        }
-      }
-    }
-    
-    const elementType = getElementType(element);
-    info.elementType = elementType;
-    
-    if (elementType === 'Button') {
-      const buttonText = element.textContent?.trim() || element.value || element.getAttribute('aria-label') || '';
-      const buttonHref = element.getAttribute('href') ||
-                        element.getAttribute('data-href') ||
-                        element.getAttribute('onclick') ||
-                        element.dataset?.link ||
-                        undefined;
-
-      info.buttonData = {
-        text: buttonText,
-        href: buttonHref
-      };
-    }
-
-    if (elementType === 'Text') {
-      info.textContent = element.textContent || '';
-    }
-    
-    return info;
-  };
-  
-  const isValidElement = (element) => {
-    if (!isActive) return false;
-    const tagName = element.tagName?.toLowerCase();
-    if (invalidElements.includes(tagName)) return false;
-    const isImage = tagName === 'img';
-    const isVideo = tagName === 'video';
-    if (isImage || isVideo) return true;
-    const hasInnerHTML = element.innerHTML && element.innerHTML.trim().length > 0;
-    const hasTextContent = element.textContent && element.textContent.trim().length > 0;
-    const hasChildren = element.children && element.children.length > 0;
-    if (!hasInnerHTML && !hasTextContent && !hasChildren) {
-      return false;
-    }
-    const hasBackgroundImage = window.getComputedStyle(element).backgroundImage !== 'none';
-    if (hasBackgroundImage && !hasChildren && !hasTextContent) {
-      return false;
-    }
-    
-    return true;
-  };
-
-  const getMostSpecificElement = (x, y) => {
-    const elements = document.elementsFromPoint(x, y);
-    const validElements = elements.filter(el =>
-      isValidElement(el) &&
-      !el.classList.contains('webild-hover-overlay') &&
-      !el.classList.contains('webild-element-type-label')
-    );
-
-    if (validElements.length === 0) return null;
-    const scoredElements = validElements.map(element => {
-      let score = 0;
-      const rect = element.getBoundingClientRect();
-      const tagName = element.tagName.toLowerCase();
-      const computedStyle = window.getComputedStyle(element);
-      let depth = 0;
-      let current = element;
-      while (current && current !== document.body) {
-        depth++;
-        current = current.parentElement;
-      }
-      score += depth * 2;
-      const hasDirectText = Array.from(element.childNodes).some(node => 
-        node.nodeType === Node.TEXT_NODE && node.textContent && node.textContent.trim().length > 0
-      );
-
-      const hasImages = element.tagName === 'IMG' || element.tagName === 'VIDEO' || computedStyle.backgroundImage !== 'none' || element.querySelector('img') || element.querySelector('video');
-      const isInteractive = ['BUTTON', 'A', 'INPUT', 'SELECT', 'TEXTAREA'].includes(element.tagName);
-      const hasFewChildren = element.children.length <= 3;
-      const area = rect.width * rect.height;
-      const viewportArea = window.innerWidth * window.innerHeight;
-      const isSmallElement = area < viewportArea * 0.1;
-      if (hasDirectText) score += 20;
-      if (hasImages) score += 15;
-      if (isInteractive) score += 25;
-      if (hasFewChildren) score += 10;
-      if (isSmallElement) score += 5;
-      if (area > viewportArea * 0.3) score -= 30;
-      if (element.hasAttribute('data-section')) score -= 15;
-      if (['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].includes(tagName)) score += 20;
-      if (['p', 'span', 'label'].includes(tagName)) score += 15;
-      if (tagName === 'div' && !hasDirectText && element.children.length > 2) score -= 10;
-
-      return { element, score };
-    });
-    scoredElements.sort((a, b) => b.score - a.score);
-    return scoredElements[0]?.element || validElements[0];
-  };
-
-  const isTextElement = (element) => {
-    const elementType = getElementType(element);
-    return elementType === 'Text';
-  };
-
-  const isButtonElement = (element) => {
-    const elementType = getElementType(element);
-    return elementType === 'Button';
-  };
-
-  const updateButtonText = (element, newText) => {
-    const textNodes = [];
-    const walker = document.createTreeWalker(
-      element,
-      NodeFilter.SHOW_TEXT,
-      null
-    );
-
-    let node;
-    while (node = walker.nextNode()) {
-      if (node.textContent && node.textContent.trim()) {
-        textNodes.push(node);
-      }
-    }
-
-    if (textNodes.length > 0) {
-      textNodes[0].textContent = newText;
-      for (let i = 1; i < textNodes.length; i++) {
-        textNodes[i].textContent = '';
-      }
-    } else {
-      element.textContent = newText;
-    }
-  };
-
-  const makeEditable = (element, clickEvent) => {
-    if (!isTextElement(element)) return;
-    
-    originalContent = element.textContent;
-    element.contentEditable = 'true';
-    
-    if (!element.dataset.webildOriginalWhiteSpace) {
-      const computedStyle = window.getComputedStyle(element);
-      element.dataset.webildOriginalWhiteSpace = computedStyle.whiteSpace;
-      element.dataset.webildOriginalWordWrap = computedStyle.wordWrap;
-      element.dataset.webildOriginalOverflowWrap = computedStyle.overflowWrap;
-      element.dataset.webildOriginalOverflow = computedStyle.overflow;
-    }
-    
-    element.style.whiteSpace = 'pre-wrap';
-    element.style.wordWrap = 'break-word';
-    element.style.overflowWrap = 'break-word';
-    element.style.overflow = 'visible';
-    
-    element.focus();
-    isEditing = true;
-    
-    window.parent.postMessage({
-      type: 'webild-text-editing-started',
-      data: { selector: getElementInfo(element).selector }
-    }, '*');
-    
-    const handleBeforeInput = (e) => {
-      // Prevent deletion if it would leave the element empty
-      const currentText = element.textContent || '';
-      const inputType = e.inputType;
-      
-      // Check if this is a delete operation that would leave the element empty
-      if ((inputType === 'deleteContentBackward' || inputType === 'deleteContentForward' || inputType === 'deleteByCut') && currentText.length <= 1) {
-        e.preventDefault();
-        element.textContent = ' ';
-        // Move cursor to the beginning
-        const range = document.createRange();
-        const sel = window.getSelection();
-        range.setStart(element.firstChild || element, 0);
-        range.collapse(true);
-        sel.removeAllRanges();
-        sel.addRange(range);
-      }
-    };
-    
-    const handleInput = () => {
-      const elementInfo = getElementInfo(element);
-      let currentText = element.textContent;
-      
-      // Ensure there's always at least a space to keep the element editable
-      if (currentText === '' || currentText === null || currentText.length === 0) {
-        element.textContent = ' ';
-        currentText = ' ';
-        // Move cursor to the beginning
-        try {
-          const range = document.createRange();
-          const sel = window.getSelection();
-          range.setStart(element.firstChild || element, 0);
-          range.collapse(true);
-          sel.removeAllRanges();
-          sel.addRange(range);
-        } catch (e) {
-          // Ignore cursor positioning errors
-        }
-      }
-
-      window.parent.postMessage({
-        type: 'webild-element-changed',
-        data: {
-          type: 'updateText',
-          selector: elementInfo.selector,
-          oldValue: originalContent,
-          newValue: currentText,
-          elementType: elementInfo.elementType,
-          sectionId: elementInfo.sectionId,
-          timestamp: Date.now()
-        }
-      }, '*');
-      
-      if (currentText !== originalContent) {
-        window.parent.postMessage({
-          type: 'webild-text-changed',
-          data: { 
-            selector: elementInfo.selector,
-            hasChanges: true
-          }
-        }, '*');
-      }
-    };
-    
-    element.addEventListener('beforeinput', handleBeforeInput);
-    element.addEventListener('input', handleInput);
-    element.dataset.inputHandler = 'true';
-    element.dataset.beforeInputHandler = 'true';
-    
-    if (clickEvent && element.childNodes.length > 0) {
-      try {
-        let range = null;
-        
-        if (document.caretRangeFromPoint) {
-          range = document.caretRangeFromPoint(clickEvent.clientX, clickEvent.clientY);
-        } else if (document.caretPositionFromPoint) {
-          const position = document.caretPositionFromPoint(clickEvent.clientX, clickEvent.clientY);
-          if (position) {
-            range = document.createRange();
-            range.setStart(position.offsetNode, position.offset);
-            range.collapse(true);
-          }
-        }
-        
-        if (range) {
-          const selection = window.getSelection();
-          selection.removeAllRanges();
-          selection.addRange(range);
-        }
-      } catch (e) {
-        console.warn('[Webild] Could not set caret position:', e);
-      }
-    }
-  };
-  
-  const makeUneditable = (element, save = false) => {
-    if (!element || element.contentEditable !== 'true') return;
-    
-    element.contentEditable = 'false';
-    isEditing = false;
-    
-    if (element.dataset.webildOriginalWhiteSpace) {
-      element.style.whiteSpace = element.dataset.webildOriginalWhiteSpace === 'normal' ? '' : element.dataset.webildOriginalWhiteSpace;
-      delete element.dataset.webildOriginalWhiteSpace;
-    }
-    if (element.dataset.webildOriginalWordWrap) {
-      element.style.wordWrap = element.dataset.webildOriginalWordWrap === 'normal' ? '' : element.dataset.webildOriginalWordWrap;
-      delete element.dataset.webildOriginalWordWrap;
-    }
-    if (element.dataset.webildOriginalOverflowWrap) {
-      element.style.overflowWrap = element.dataset.webildOriginalOverflowWrap === 'normal' ? '' : element.dataset.webildOriginalOverflowWrap;
-      delete element.dataset.webildOriginalOverflowWrap;
-    }
-    if (element.dataset.webildOriginalOverflow) {
-      element.style.overflow = element.dataset.webildOriginalOverflow === 'visible' ? '' : element.dataset.webildOriginalOverflow;
-      delete element.dataset.webildOriginalOverflow;
-    }
-    
-    if (element.dataset.beforeInputHandler === 'true') {
-      element.removeEventListener('beforeinput', () => {});
-      delete element.dataset.beforeInputHandler;
-    }
-    
-    if (element.dataset.inputHandler === 'true') {
-      element.removeEventListener('input', () => {});
-      delete element.dataset.inputHandler;
-    }
-    
-    window.parent.postMessage({
-      type: 'webild-text-editing-ended',
-      data: { selector: getElementInfo(element).selector }
-    }, '*');
-    
-    if (save && originalContent !== element.textContent) {
-      const elementInfo = getElementInfo(element);
-      let finalText = element.textContent;
-      
-      // Trim the final text and convert space-only to empty string for saving
-      if (finalText === ' ' || finalText.trim() === '') {
-        finalText = '';
-        // Update the actual element text to empty for display
-        element.textContent = '';
-      }
-      
-      const change = {
-        type: 'updateText',
-        selector: elementInfo.selector,
-        oldValue: originalContent,
-        newValue: finalText,
-        elementType: elementInfo.elementType,
-        sectionId: elementInfo.sectionId,
-        timestamp: Date.now()
-      };
-
-      saveChangeToStorage(change);
-
-      window.parent.postMessage({
-        type: 'webild-element-changed',
-        data: change
-      }, '*');
-    } else if (!save && originalContent !== null) {
-      element.textContent = originalContent;
-    }
-    
-    originalContent = null;
-  };
-  
-  const createHoverOverlay = (element) => {
-    const rect = element.getBoundingClientRect();
-    const overlay = document.createElement('div');
-    overlay.className = 'webild-hover-overlay';
-    overlay.style.cssText = \`
-      position: fixed !important;
-      top: \${rect.top - 2}px !important;
-      left: \${rect.left - 2}px !important;
-      width: \${rect.width + 4}px !important;
-      height: \${rect.height + 4}px !important;
-      background-color: rgba(90, 113, 230, 0.15) !important;
-      pointer-events: none !important;
-      z-index: 999998 !important;
-      transition: all 0.15s ease !important;
-    \`;
-    document.body.appendChild(overlay);
-    return overlay;
-  };
-  
-  const removeHoverOverlay = () => {
-    if (hoverOverlay) {
-      hoverOverlay.remove();
-      hoverOverlay = null;
-    }
-  };
-  
-  const showElementTypeLabel = (element, elementType) => {
-    if (!elementType) return;
-
-    removeElementTypeLabel();
-
-    const rect = element.getBoundingClientRect();
-    elementTypeLabel = document.createElement('div');
-    elementTypeLabel.className = 'webild-element-type-label';
-    const ariaLabel = element.getAttribute('aria-label');
-    let labelText;
-    
-    if (elementType === 'Div') {
-      labelText = 'Div';
-    } else if (elementType === 'Article') {
-      labelText = 'Article';
-    } else if (elementType === 'Section') {
-      labelText = ariaLabel || 'Section';
-    } else {
-      labelText = elementType;
-    }
-    
-    elementTypeLabel.textContent = labelText;
-    document.body.appendChild(elementTypeLabel);
-    const labelRect = elementTypeLabel.getBoundingClientRect();
-    let labelTop = rect.top - labelRect.height - 2;
-    let labelLeft = rect.left - 3;
-    let isLabelOnTop = true;
-    if (labelTop < 0) {
-      labelTop = rect.bottom + 1;
-      isLabelOnTop = false;
-    }
-    if (labelTop + labelRect.height > window.innerHeight) {
-      labelTop = rect.bottom - labelRect.height;
-      isLabelOnTop = false;
-      if (labelTop < 0) {
-        labelTop = rect.top;
-        isLabelOnTop = true;
-      }
-    }
-    if (labelLeft + labelRect.width > window.innerWidth) {
-      labelLeft = window.innerWidth - labelRect.width;
-    }
-    if (labelLeft < 0) {
-      labelLeft = 0;
-    }
-    if (isLabelOnTop) {
-      elementTypeLabel.classList.add('label-top');
-    } else {
-      elementTypeLabel.classList.add('label-bottom');
-    }
-
-    elementTypeLabel.style.cssText = \`
-      left: \${labelLeft}px !important;
-      top: \${labelTop}px !important;
-      transform: none !important;
-    \`;
-  };
-  
-  const removeElementTypeLabel = () => {
-    if (elementTypeLabel) {
-      elementTypeLabel.remove();
-      elementTypeLabel = null;
-    }
-  };
-  
-  const handleMouseOver = (e) => {
-    if (!isActive) return;
-
-    lastMouseX = e.clientX;
-    lastMouseY = e.clientY;
-
-    const target = getMostSpecificElement(e.clientX, e.clientY) || e.target;
-
-    if (!isValidElement(target) || target === hoveredElement || target === selectedElement) {
-      return;
-    }
-    
-    if (hoveredElement && hoveredElement !== selectedElement) {
-      hoveredElement.classList.remove(hoverClass);
-      if (hoveredElement.dataset.webildOriginalPosition) {
-        hoveredElement.style.position = hoveredElement.dataset.webildOriginalPosition === 'none' ? '' : hoveredElement.dataset.webildOriginalPosition;
-        delete hoveredElement.dataset.webildOriginalPosition;
-      }
-      removeHoverOverlay();
-      removeElementTypeLabel();
-    }
-    
-    hoveredElement = target;
-    
-    const computedStyle = window.getComputedStyle(target);
-    const currentPosition = computedStyle.position;
-    
-    if (currentPosition === 'static' || currentPosition === '') {
-      hoveredElement.dataset.webildOriginalPosition = currentPosition || 'none';
-      hoveredElement.style.position = 'relative';
-    }
-    
-    hoveredElement.classList.add(hoverClass);
-    
-    if ((!selectedElement || selectedElement !== target) && !isScrolling) {
-      hoverOverlay = createHoverOverlay(target);
-    }
-    
-    const elementType = getElementType(target);
-    showElementTypeLabel(target, elementType);
-    
-    window.parent.postMessage({
-      type: 'webild-element-hover',
-      data: getElementInfo(target, false)
-    }, '*');
-  };
-  
-  const handleMouseOut = (e) => {
-    if (!isActive) return;
-    
-    if (hoveredElement && hoveredElement !== selectedElement) {
-      hoveredElement.classList.remove(hoverClass);
-      
-      if (hoveredElement.dataset.webildOriginalPosition) {
-        hoveredElement.style.position = hoveredElement.dataset.webildOriginalPosition === 'none' ? '' : hoveredElement.dataset.webildOriginalPosition;
-        delete hoveredElement.dataset.webildOriginalPosition;
-      }
-      
-      removeHoverOverlay();
-      removeElementTypeLabel();
-      
-      hoveredElement = null;
-      
-      window.parent.postMessage({
-        type: 'webild-element-hover',
-        data: null
-      }, '*');
-    }
-  };
-  
-  const handleClick = (e) => {
-  if (!isActive) return;
-
-  if (isEditing) {
-    e.stopPropagation();
-    return;
-  }
-
-  e.preventDefault();
-  e.stopPropagation();
-
-  const target = getMostSpecificElement(e.clientX, e.clientY) || e.target;  
-  if (!isValidElement(target)) return;
-    
-    if (selectedElement && selectedElement !== target) {
-      makeUneditable(selectedElement, false);
-      selectedElement.classList.remove(selectedClass);
-      selectedElement.classList.remove(hoverClass);
-      
-      if (selectedElement.dataset.webildOriginalPosition) {
-        selectedElement.style.position = selectedElement.dataset.webildOriginalPosition === 'none' ? '' : selectedElement.dataset.webildOriginalPosition;
-        delete selectedElement.dataset.webildOriginalPosition;
-      }
-      
-      removeHoverOverlay();
-      removeElementTypeLabel();
-    }
-    
-    if (selectedElement === target) {
-      if (target.dataset.webildOriginalPosition) {
-        target.style.position = target.dataset.webildOriginalPosition === 'none' ? '' : target.dataset.webildOriginalPosition;
-        delete target.dataset.webildOriginalPosition;
-      }
-      
-      removeHoverOverlay();
-      removeElementTypeLabel();
-      
-      selectedElement = null;
-      window.parent.postMessage({
-        type: 'webild-element-selected',
-        data: null
-      }, '*');
-      return;
-    }
-    
-    selectedElement = target;
-    selectedElement.classList.add(selectedClass);
-    
-    removeHoverOverlay();
-    removeElementTypeLabel();
-    
-    if (hoveredElement === target) {
-      hoveredElement.classList.remove(hoverClass);
-      hoveredElement = null;
-    }
-    
-    const elementInfo = getElementInfo(target, true);
-    selectedElement.dataset.webildSelector = elementInfo.selector;
-    showElementTypeLabel(target, elementInfo.elementType);
-    
-    window.parent.postMessage({
-      type: 'webild-element-selected',
-      data: elementInfo
-    }, '*');
-    
-    if (isTextElement(target)) {
-      setTimeout(() => makeEditable(target, e), 50);
-    }
-  };
-  
-  const handleKeyDown = (e) => {
-    if (!isActive) return;
-    if (!isEditing || !selectedElement) return;
-    
-    if (e.key === 'Enter' && !e.shiftKey) {
-      e.preventDefault();
-      makeUneditable(selectedElement, true);
-    } else if (e.key === 'Escape') {
-      e.preventDefault();
-      makeUneditable(selectedElement, false);
-    }
-  };
-  
-  const handleBlur = (e) => {
-    if (!isActive) return;
-    if (isEditing && selectedElement && e.target === selectedElement) {
-      makeUneditable(selectedElement, true);
-    }
-  };
-  
-  let lastMouseX = 0;
-  let lastMouseY = 0;
-
-  const handleScroll = () => {
-    if (!isActive) return;
-    
-    if (isEditing) return;
-    
-    if (selectedElement) {
-      makeUneditable(selectedElement, false);
-      selectedElement.classList.remove(selectedClass);
-      if (selectedElement.dataset.webildOriginalPosition) {
-        selectedElement.style.position = selectedElement.dataset.webildOriginalPosition === 'none' ? '' : selectedElement.dataset.webildOriginalPosition;
-        delete selectedElement.dataset.webildOriginalPosition;
-      }
-      selectedElement = null;
-
-      window.parent.postMessage({
-        type: 'webild-element-selected',
-        data: null
-      }, '*');
-    }
-
-    if (hoveredElement) {
-      hoveredElement.classList.remove(hoverClass);
-      if (hoveredElement.dataset.webildOriginalPosition) {
-        hoveredElement.style.position = hoveredElement.dataset.webildOriginalPosition === 'none' ? '' : hoveredElement.dataset.webildOriginalPosition;
-        delete hoveredElement.dataset.webildOriginalPosition;
-      }
-      hoveredElement = null;
-
-      window.parent.postMessage({
-        type: 'webild-element-hover',
-        data: null
-      }, '*');
-    }
-
-    removeHoverOverlay();
-    removeElementTypeLabel();
-
-    isScrolling = true;
-
-    if (scrollTimeout) {
-      clearTimeout(scrollTimeout);
-    }
-
-    scrollTimeout = setTimeout(() => {
-      isScrolling = false;
-
-      if (lastMouseX > 0 && lastMouseY > 0) {
-        const target = getMostSpecificElement(lastMouseX, lastMouseY);
-        if (target && isValidElement(target) && target !== selectedElement) {
-          hoveredElement = target;
-
-          const computedStyle = window.getComputedStyle(target);
-          const currentPosition = computedStyle.position;
-
-          if (currentPosition === 'static' || currentPosition === '') {
-            hoveredElement.dataset.webildOriginalPosition = currentPosition || 'none';
-            hoveredElement.style.position = 'relative';
-          }
-
-          hoveredElement.classList.add(hoverClass);
-          hoverOverlay = createHoverOverlay(target);
-
-          const elementType = getElementType(target);
-          showElementTypeLabel(target, elementType);
-
-          window.parent.postMessage({
-            type: 'webild-element-hover',
-            data: getElementInfo(target, false)
-          }, '*');
-        }
-      }
-    }, 150);
-
-    window.parent.postMessage({
-      type: 'webild-iframe-scroll'
-    }, '*');
-  };
-  
-  const getStorageKey = () => {
-    const url = new URL(window.location.href);
-    const pathParts = url.pathname.split('/').filter(Boolean);
-    return \`webild-changes-\${pathParts.join('-')}\`;
-  };
-
-  const saveChangeToStorage = (change) => {
-    try {
-      const storageKey = getStorageKey();
-      const existingChanges = JSON.parse(localStorage.getItem(storageKey) || '[]');
-
-      const filteredChanges = existingChanges.filter(c => {
-        return !(c.oldValue === change.oldValue && c.sectionId === change.sectionId);
-      });
-      filteredChanges.push(change);
-
-      localStorage.setItem(storageKey, JSON.stringify(filteredChanges));
-
-      window.parent.postMessage({
-        type: 'webild-change-saved-locally',
-        data: { change, allChanges: filteredChanges }
-      }, '*');
-    } catch (error) {
-      console.error('Failed to save change to localStorage:', error);
-    }
-  };
-
-  const clearLocalChanges = () => {
-    try {
-      const storageKey = getStorageKey();
-      localStorage.removeItem(storageKey);
-      window.parent.postMessage({
-        type: 'webild-local-changes-cleared',
-        data: {}
-      }, '*');
-    } catch (error) {
-      console.error('Failed to clear local changes:', error);
-    }
-  };
-
-  const handleMessage = (e) => {
-    if (!e.data || !e.data.type) return;
-
-    if (e.data.type === 'webild-activate-editor') {
-      if (!isActive) {
-        isActive = true;
-        window.parent.postMessage({ type: 'webild-editor-activated' }, '*');
-      }
-      return;
-    }
-
-    if (e.data.type === 'webild-deactivate-editor') {
-      if (isActive) {
-        isActive = false;
-
-        if (selectedElement) {
-          makeUneditable(selectedElement, false);
-          selectedElement.classList.remove(selectedClass);
-          selectedElement = null;
-        }
-        if (hoveredElement) {
-          hoveredElement.classList.remove(hoverClass);
-          hoveredElement = null;
-        }
-
-        removeHoverOverlay();
-        removeElementTypeLabel();
-        window.parent.postMessage({ type: 'webild-editor-deactivated' }, '*');
-      }
-      return;
-    }
-
-    if (e.data.type === 'webild-clear-local-changes') {
-      clearLocalChanges();
-      return;
-    }
-
-    if (e.data.type === 'webild-cancel-changes') {
-      try {
-        const storageKey = getStorageKey();
-        const savedChanges = localStorage.getItem(storageKey);
-        if (savedChanges) {
-          const changes = JSON.parse(savedChanges);
-          changes.forEach(change => {
-            try {
-              const element = document.querySelector(change.selector);
-              if (!element) return;
-
-              if (change.type === 'updateText') {
-                if (isTextElement(element)) {
-                  element.textContent = change.oldValue;
-                }
-              } else if (change.type === 'updateButton') {
-                if (isButtonElement(element)) {
-                  updateButtonText(element, change.oldValue);
-                }
-              } else if (change.type === 'replaceImage') {
-                const revertTag = element.tagName.toLowerCase();
-                const isBackground = revertTag !== 'img' && revertTag !== 'video';
-                if (isBackground) {
-                  element.style.backgroundImage = change.oldValue ? 'url(' + change.oldValue + ')' : '';
-                } else {
-                  const oldMediaType = getMediaTypeFromUrl(change.oldValue);
-                  if (revertTag === 'video' && oldMediaType === 'image') {
-                    swapMediaElement(element, 'img', change.oldValue);
-                  } else if (revertTag === 'img' && oldMediaType === 'video') {
-                    swapMediaElement(element, 'video', change.oldValue);
-                  } else if (revertTag === 'video') {
-                    element.src = change.oldValue;
-                    element.load();
-                  } else {
-                    element.src = change.oldValue;
-                  }
-                }
-              }
-            } catch (err) {
-              console.warn('[Webild] Failed to revert change:', err);
-            }
-          });
-        }
-        clearLocalChanges();
-      } catch (error) {
-        console.error('[Webild] Failed to cancel changes:', error);
-      }
-      return;
-    }
-
-    if (e.data.type === 'webild-update-text') {
-      const { selector, newValue, oldValue, sectionId } = e.data.data;
-      try {
-        let element = null;
-        
-        if (selectedElement && isTextElement(selectedElement)) {
-          element = selectedElement;
-        }
-        else if (selector) {
-          try {
-            element = document.querySelector(selector);
-          } catch (err) {
-            console.warn('[Webild] Invalid selector:', selector);
-          }
-        }
-        
-        if (!element && sectionId) {
-          const sectionElement = document.querySelector('[data-section="' + sectionId + '"]');
-          if (sectionElement) {
-            const textElements = sectionElement.querySelectorAll('h1, h2, h3, h4, h5, h6, p, span, a, button, div');
-            for (let i = 0; i < textElements.length; i++) {
-              const el = textElements[i];
-              if (isTextElement(el) && el.textContent.trim() === (oldValue || '').trim()) {
-                element = el;
-                const newSelector = getUniqueSelector(element, true);
-                if (newSelector) {
-                  element.dataset.webildSelector = newSelector;
-                }
-                break;
-              }
-            }
-          }
-        }
-        
-        if (element && isTextElement(element)) {
-          element.textContent = newValue;
-          const finalSelector = element.dataset.webildSelector || getUniqueSelector(element, true);
-          
-          window.parent.postMessage({
-            type: 'webild-text-update-success',
-            data: {
-              selector: finalSelector,
-              newValue: newValue
-            }
-          }, '*');
-        } else {
-          window.parent.postMessage({
-            type: 'webild-text-update-failed',
-            data: { selector, newValue }
-          }, '*');
-        }
-      } catch (error) {
-        window.parent.postMessage({
-          type: 'webild-text-update-failed',
-          data: { selector, newValue, error: error.message }
-        }, '*');
-      }
-      return;
-    }
-
-    if (e.data.type === 'webild-update-button') {
-      const { selector, text, href } = e.data.data;
-      try {
-        const element = document.querySelector(selector);
-        if (element && isButtonElement(element)) {
-          if (text !== undefined) {
-            updateButtonText(element, text);
-          }
-          if (href !== undefined) {
-            if (element.tagName.toLowerCase() === 'a') {
-              element.href = href;
-            } else {
-              element.setAttribute('data-href', href);
-            }
-          }
-        }
-      } catch (error) {
-        console.error('[Webild] Invalid selector for button update:', selector, error);
-      }
-      return;
-    }
-
-    if (!isActive) return;
-
-    if (e.data.type === 'webild-replace-image') {
-      const { selector, newSrc, isBackground, allowMediaTypeSwap } = e.data.data;
-      let element = null;
-
-      try {
-        element = document.querySelector(selector);
-      } catch {
-        window.parent.postMessage({
-          type: 'webild-image-replacement-error',
-          data: { selector, message: 'Invalid selector: ' + error.message, success: false }
-        }, '*');
-        return;
-      }
-
-      if (!element) {
-        window.parent.postMessage({
-          type: 'webild-image-replacement-error',
-          data: { selector, message: 'Element not found', success: false }
-        }, '*');
-        return;
-      }
-
-      try {
-        let replaced = false;
-        let oldValue = '';
-
-        if (isBackground) {
-          oldValue = window.getComputedStyle(element).backgroundImage;
-          element.style.backgroundImage = \`url('\${newSrc}')\`;
-          replaced = true;
-        } else if (element.tagName.toLowerCase() === 'img') {
-          oldValue = element.src;
-          const newMediaType = getMediaTypeFromUrl(newSrc);
-          if (newMediaType === 'video' && allowMediaTypeSwap) {
-            const swapped = swapMediaElement(element, 'video', newSrc);
-            if (selectedElement === element) selectedElement = swapped;
-            element = swapped;
-          } else {
-            element.src = newSrc;
-          }
-          replaced = true;
-        } else if (element.tagName.toLowerCase() === 'video') {
-          oldValue = element.src || element.currentSrc || '';
-          const newMediaType = getMediaTypeFromUrl(newSrc);
-          const sources = element.querySelectorAll('source');
-          if (newMediaType === 'image' && allowMediaTypeSwap) {
-            const swapped = swapMediaElement(element, 'img', newSrc);
-            if (selectedElement === element) selectedElement = swapped;
-            element = swapped;
-          } else {
-            if (sources.length > 0) {
-              sources.forEach(function(source) { source.src = newSrc; });
-              element.load();
-            } else {
-              element.src = newSrc;
-              element.load();
-            }
-          }
-          replaced = true;
-        } else {
-          const hasBackgroundImage = window.getComputedStyle(element).backgroundImage !== 'none';
-          if (hasBackgroundImage) {
-            oldValue = window.getComputedStyle(element).backgroundImage;
-            element.style.backgroundImage = \`url('\${newSrc}')\`;
-            replaced = true;
-          }
-        }
-
-        if (replaced) {
-          const elementInfo = getElementInfo(element);
-
-          let cleanOldValue = oldValue;
-          if (oldValue.includes('url(')) {
-            const urlMatch = oldValue.match(/url(['"]?([^'")]+)['"]?)/);
-            if (urlMatch) {
-              cleanOldValue = urlMatch[1];
-            }
-          }
-
-          cleanOldValue = extractOriginalUrl(cleanOldValue);
-
-          const change = {
-            type: 'replaceImage',
-            selector: selector,
-            oldValue: cleanOldValue,
-            newValue: newSrc,
-            elementType: elementInfo.elementType,
-            sectionId: elementInfo.sectionId,
-            timestamp: Date.now()
-          };
-
-          saveChangeToStorage(change);
-
-          window.parent.postMessage({
-            type: 'webild-element-changed',
-            data: change
-          }, '*');
-
-          window.parent.postMessage({
-            type: 'webild-image-replaced',
-            data: { selector, newSrc, success: true }
-          }, '*');
-        } else {
-          window.parent.postMessage({
-            type: 'webild-image-replacement-error',
-            data: { selector, message: 'Could not determine how to replace image', success: false }
-          }, '*');
-        }
-      } catch (error) {
-        window.parent.postMessage({
-          type: 'webild-image-replacement-error',
-          data: { selector, message: error.message || 'Failed to replace image', success: false }
-        }, '*');
-      }
-    }
-  };
-  
-  document.addEventListener('mouseover', handleMouseOver, true);
-  document.addEventListener('mouseout', handleMouseOut, true);
-  document.addEventListener('click', handleClick, true);
-  document.addEventListener('keydown', handleKeyDown, true);
-  document.addEventListener('blur', handleBlur, true);
-  window.addEventListener('scroll', handleScroll, true);
-  window.addEventListener('message', handleMessage, true);
-  
-  let lastPathname = window.location.pathname;
-  
-  const notifyPageChange = () => {
-    window.parent.postMessage({
-      type: 'webild-page-changed',
-      data: { pathname: window.location.pathname }
-    }, '*');
-  };
-  
-  window.addEventListener('popstate', () => {
-    if (lastPathname !== window.location.pathname) {
-      lastPathname = window.location.pathname;
-      notifyPageChange();
-    }
-  }, true);
-  
-  const urlCheckInterval = setInterval(() => {
-    if (lastPathname !== window.location.pathname) {
-      lastPathname = window.location.pathname;
-      notifyPageChange();
-    }
-  }, 500);
-  
-  notifyPageChange();
-  
-  window.webildCleanup = () => {
-    isActive = false;
-    
-    if (selectedElement) {
-      makeUneditable(selectedElement, false);
-    }
-    
-    removeHoverOverlay();
-    removeElementTypeLabel();
-    
-    if (urlCheckInterval) {
-      clearInterval(urlCheckInterval);
-    }
-    
-    document.removeEventListener('mouseover', handleMouseOver, true);
-    document.removeEventListener('mouseout', handleMouseOut, true);
-    document.removeEventListener('click', handleClick, true);
-    document.removeEventListener('keydown', handleKeyDown, true);
-    document.removeEventListener('blur', handleBlur, true);
-    window.removeEventListener('scroll', handleScroll, true);
-    window.removeEventListener('message', handleMessage, true);
-    
-    document.querySelectorAll('.' + hoverClass).forEach(el => {
-      el.classList.remove(hoverClass);
-    });
-    document.querySelectorAll('.' + selectedClass).forEach(el => {
-      el.classList.remove(selectedClass);
-    });
-    
-    const styleEl = document.getElementById('webild-inspector-styles');
-    if (styleEl) styleEl.remove();
-    
-    hoveredElement = null;
-    selectedElement = null;
-  };
-  
-  window.parent.postMessage({ type: 'webild-editor-ready' }, '*');
-})();
-`
-          }}
-        />
-      
+    <html lang="en">
+      <body>{children}
         <script
           dangerouslySetInnerHTML={{
             __html: `
@@ -2796,7 +1380,6 @@ export default function RootLayout({
           }}
         />
       </body>
-      </ServiceWrapper>
     </html>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 20bf4f7..97dfe64 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -24,13 +24,15 @@ import {
   Sparkles,
   TrendingUp,
   Users,
+  Clock,
+  Gift,
 } from "lucide-react";
 
 export default function HomePage() {
   const navItems = [
     { name: "Featured", id: "featured" },
     { name: "Products", id: "products" },
-    { name: "Specs", id: "specs" },
+    { name: "Daily Offers", id: "daily-offers" },
     { name: "Pricing", id: "pricing" },
   ];
 
@@ -68,7 +70,7 @@ export default function HomePage() {
       borderRadius="rounded"
       contentWidth="small"
       sizing="largeSizeMediumTitles"
-      background="fluid"
+      background="circleGradient"
       cardStyle="gradient-radial"
       primaryButtonStyle="diagonal-gradient"
       secondaryButtonStyle="radial-glow"
@@ -111,13 +113,13 @@ export default function HomePage() {
           tag="Best Sellers"
           products={[
             {
-              id: "1",              name: "UltraForce Elite RTX 4090",              price: "$3,499.00",              imageSrc: "http://img.b2bpic.net/free-photo/dangerous-hacker-with-his-team-doing-cyber-crimes-from-his-apartment_482257-21831.jpg",              imageAlt: "UltraForce Elite RTX 4090 gaming PC",              initialQuantity: 1,
+              id: "1",              name: "UltraForce Elite RTX 4090",              price: "$3,499.00",              imageSrc: "http://img.b2bpic.net/free-photo/dangerous-hacker-with-his-team-doing-cyber-crimes-from-his-apartment_482257-21831.jpg?_wi=1",              imageAlt: "UltraForce Elite RTX 4090 gaming PC",              initialQuantity: 1,
             },
             {
-              id: "2",              name: "ProGamer Titanium RTX 4080",              price: "$2,299.00",              imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-controller_23-2149529372.jpg",              imageAlt: "ProGamer Titanium RTX 4080 laptop",              initialQuantity: 1,
+              id: "2",              name: "ProGamer Titanium RTX 4080",              price: "$2,299.00",              imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-controller_23-2149529372.jpg?_wi=1",              imageAlt: "ProGamer Titanium RTX 4080 laptop",              initialQuantity: 1,
             },
             {
-              id: "3",              name: "StreamMaster Pro RTX 4070",              price: "$1,799.00",              imageSrc: "http://img.b2bpic.net/free-photo/computerchip-technology-electronics-industry_93675-128229.jpg",              imageAlt: "StreamMaster Pro RTX 4070 system",              initialQuantity: 1,
+              id: "3",              name: "StreamMaster Pro RTX 4070",              price: "$1,799.00",              imageSrc: "http://img.b2bpic.net/free-photo/computerchip-technology-electronics-industry_93675-128229.jpg?_wi=1",              imageAlt: "StreamMaster Pro RTX 4070 system",              initialQuantity: 1,
             },
           ]}
           gridVariant="three-columns-all-equal-width"
@@ -158,24 +160,24 @@ export default function HomePage() {
         />
       </div>
 
-      <div id="specs" data-section="specs">
+      <div id="daily-offers" data-section="daily-offers">
         <MetricCardThree
-          title="Performance Metrics"
-          description="Real-world benchmarks showcasing our gaming PC capabilities."
-          tag="Technical Specs"
+          title="Daily Offers & Deals"
+          description="Limited-time gaming PC promotions updated daily with exclusive discounts."
+          tag="Hot Deals"
           metrics={[
             {
-              id: "1",              icon: Activity,
-              title: "Max FPS",              value: "240+"},
+              id: "1",              icon: Gift,
+              title: "Flash Sale",              value: "Save 20%"},
             {
-              id: "2",              icon: Zap,
-              title: "Processing Power",              value: "12-Core"},
+              id: "2",              icon: Clock,
+              title: "Ends In",              value: "24 Hours"},
             {
-              id: "3",              icon: BarChart3,
-              title: "VRAM Available",              value: "24GB"},
+              id: "3",              icon: TrendingUp,
+              title: "Best Offer",              value: "RTX 4080"},
             {
-              id: "4",              icon: Thermometer,
-              title: "Temp Control",              value: "35-55°C"},
+              id: "4",              icon: Users,
+              title: "Qty Left",              value: "5 Units"},
           ]}
           animationType="scale-rotate"
           textboxLayout="default"
@@ -192,7 +194,7 @@ export default function HomePage() {
             {
               id: "basic",              price: "$899.00",              name: "Esports Starter",              buttons: [
                 { text: "Configure", href: "/products" },
-                { text: "Learn More", href: "#specs" },
+                { text: "Learn More", href: "#daily-offers" },
               ],
               features: [
                 "RTX 3060 Graphics",                "16GB DDR4 Memory",                "512GB SSD Storage",                "1-Year Warranty",                "Email Support"],
@@ -201,7 +203,7 @@ export default function HomePage() {
               id: "pro",              badge: "Most Popular",              badgeIcon: Sparkles,
               price: "$1,699.00",              name: "Pro Gamer Elite",              buttons: [
                 { text: "Configure", href: "/products" },
-                { text: "Learn More", href: "#specs" },
+                { text: "Learn More", href: "#daily-offers" },
               ],
               features: [
                 "RTX 4070 Graphics",                "32GB DDR5 Memory",                "1TB NVMe SSD",                "2-Year Warranty",                "Priority Support",                "Free Upgrades"],
@@ -209,7 +211,7 @@ export default function HomePage() {
             {
               id: "ultimate",              price: "$3,299.00",              name: "Ultimate Performance",              buttons: [
                 { text: "Configure", href: "/products" },
-                { text: "Learn More", href: "#specs" },
+                { text: "Learn More", href: "#daily-offers" },
               ],
               features: [
                 "RTX 4090 Graphics",                "64GB DDR5 Memory",                "2TB NVMe SSD",                "3-Year Warranty",                "24/7 VIP Support",                "Lifetime Upgrades",                "Custom Build Options"],
@@ -228,17 +230,17 @@ export default function HomePage() {
           tag="Customer Reviews"
           testimonials={[
             {
-              id: "1",              name: "Alex Chen, Professional Esports Player",              date: "Date: 15 January 2025",              title: "Absolutely dominates in competitive play!",              quote: "This gaming PC has transformed my competitive gaming experience. The RTX 4090 delivers consistent 240+ fps, giving me the edge I need against top-tier opponents. Customer support was phenomenal.",              tag: "Pro Gamer Elite",              avatarSrc: "http://img.b2bpic.net/free-photo/freelancer-wearing-wireless-headphones_482257-76994.jpg",              avatarAlt: "Alex Chen",              imageSrc: "http://img.b2bpic.net/free-photo/freelancer-wearing-wireless-headphones_482257-76994.jpg",              imageAlt: "Professional esports player setup"},
+              id: "1",              name: "Alex Chen, Professional Esports Player",              date: "Date: 15 January 2025",              title: "Absolutely dominates in competitive play!",              quote: "This gaming PC has transformed my competitive gaming experience. The RTX 4090 delivers consistent 240+ fps, giving me the edge I need against top-tier opponents. Customer support was phenomenal.",              tag: "Pro Gamer Elite",              avatarSrc: "http://img.b2bpic.net/free-photo/freelancer-wearing-wireless-headphones_482257-76994.jpg",              avatarAlt: "Alex Chen",              imageSrc: "http://img.b2bpic.net/free-photo/freelancer-wearing-wireless-headphones_482257-76994.jpg?_wi=1",              imageAlt: "Professional esports player setup"},
             {
-              id: "2",              name: "Jordan Mills, Gaming Content Creator",              date: "Date: 22 December 2024",              title: "Perfect for streaming 4K gameplay!",              quote: "The StreamMaster Pro handles simultaneous gaming and streaming without breaking a sweat. Zero lag, perfect thermal management, and the RGB customization is incredible. Highly recommend to any streamer!",              tag: "StreamMaster Pro RTX 4070",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-streamer-looking-camera-after-playing-space-shooter-games-using-professional-rgb-keypad-powerful-computer-pro-player-streaming-online-videogames-gaming-home-studio_482257-12631.jpg",              avatarAlt: "Jordan Mills",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-streamer-looking-camera-after-playing-space-shooter-games-using-professional-rgb-keypad-powerful-computer-pro-player-streaming-online-videogames-gaming-home-studio_482257-12631.jpg",              imageAlt: "Gaming streamer setup"},
+              id: "2",              name: "Jordan Mills, Gaming Content Creator",              date: "Date: 22 December 2024",              title: "Perfect for streaming 4K gameplay!",              quote: "The StreamMaster Pro handles simultaneous gaming and streaming without breaking a sweat. Zero lag, perfect thermal management, and the RGB customization is incredible. Highly recommend to any streamer!",              tag: "StreamMaster Pro RTX 4070",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-streamer-looking-camera-after-playing-space-shooter-games-using-professional-rgb-keypad-powerful-computer-pro-player-streaming-online-videogames-gaming-home-studio_482257-12631.jpg",              avatarAlt: "Jordan Mills",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-streamer-looking-camera-after-playing-space-shooter-games-using-professional-rgb-keypad-powerful-computer-pro-player-streaming-online-videogames-gaming-home-studio_482257-12631.jpg?_wi=1",              imageAlt: "Gaming streamer setup"},
             {
               id: "3",              name: "Marcus Rodriguez, System Integrator",              date: "Date: 8 January 2025",              title: "Premium build quality and components",              quote: "I've built systems for years, and these components are top-tier. The attention to detail in cable management, cooling setup, and component selection is exceptional. My clients are absolutely thrilled.",              tag: "Ultimate Performance",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg",              avatarAlt: "Marcus Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-exhausted-workaholic-man-manager-typing-financial-strategy-using-laptop-computer-while-sitting-desk-table-business-company-office_482257-2321.jpg",              imageAlt: "System builder workspace"},
             {
               id: "4",              name: "Sarah Thompson, Gaming Enthusiast",              date: "Date: 28 December 2024",              title: "Best investment I've made for gaming!",              quote: "Finally upgraded from my old rig, and wow! The difference is night and day. Running all games on max settings, beautiful frame rates, and the build quality feels premium. Worth every penny!",              tag: "Pro Gamer Elite",              avatarSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-walking-evening-outside-street_1303-17079.jpg",              avatarAlt: "Sarah Thompson",              imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-walking-evening-outside-street_1303-17079.jpg",              imageAlt: "Happy customer portrait"},
             {
-              id: "5",              name: "Chris Nakamura, Casual Gamer",              date: "Date: 5 January 2025",              title: "Amazing value for money",              quote: "The Esports Starter is incredible for the price. I'm playing all my favorite titles on high settings without any issues. Great first gaming PC for someone just getting into gaming.",              tag: "Esports Starter",              avatarSrc: "http://img.b2bpic.net/free-photo/freelancer-wearing-wireless-headphones_482257-76994.jpg",              avatarAlt: "Chris Nakamura",              imageSrc: "http://img.b2bpic.net/free-photo/freelancer-wearing-wireless-headphones_482257-76994.jpg",              imageAlt: "Gaming enthusiast"},
+              id: "5",              name: "Chris Nakamura, Casual Gamer",              date: "Date: 5 January 2025",              title: "Amazing value for money",              quote: "The Esports Starter is incredible for the price. I'm playing all my favorite titles on high settings without any issues. Great first gaming PC for someone just getting into gaming.",              tag: "Esports Starter",              avatarSrc: "http://img.b2bpic.net/free-photo/freelancer-wearing-wireless-headphones_482257-76994.jpg",              avatarAlt: "Chris Nakamura",              imageSrc: "http://img.b2bpic.net/free-photo/freelancer-wearing-wireless-headphones_482257-76994.jpg?_wi=2",              imageAlt: "Gaming enthusiast"},
             {
-              id: "6",              name: "Emma Davidson, VR Gaming Pioneer",              date: "Date: 12 January 2025",              title: "VR performance is mind-blowing!",              quote: "Running high-fidelity VR games at consistent 90+ fps is now possible. The cooling keeps the system stable during long VR sessions. This is the VR machine I've always wanted!",              tag: "Ultimate Performance",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-streamer-looking-camera-after-playing-space-shooter-games-using-professional-rgb-keypad-powerful-computer-pro-player-streaming-online-videogames-gaming-home-studio_482257-12631.jpg",              avatarAlt: "Emma Davidson",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-streamer-looking-camera-after-playing-space-shooter-games-using-professional-rgb-keypad-powerful-computer-pro-player-streaming-online-videogames-gaming-home-studio_482257-12631.jpg",              imageAlt: "VR gamer setup"},
+              id: "6",              name: "Emma Davidson, VR Gaming Pioneer",              date: "Date: 12 January 2025",              title: "VR performance is mind-blowing!",              quote: "Running high-fidelity VR games at consistent 90+ fps is now possible. The cooling keeps the system stable during long VR sessions. This is the VR machine I've always wanted!",              tag: "Ultimate Performance",              avatarSrc: "http://img.b2bpic.net/free-photo/portrait-woman-streamer-looking-camera-after-playing-space-shooter-games-using-professional-rgb-keypad-powerful-computer-pro-player-streaming-online-videogames-gaming-home-studio_482257-12631.jpg",              avatarAlt: "Emma Davidson",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-streamer-looking-camera-after-playing-space-shooter-games-using-professional-rgb-keypad-powerful-computer-pro-player-streaming-online-videogames-gaming-home-studio_482257-12631.jpg?_wi=2",              imageAlt: "VR gamer setup"},
           ]}
           textboxLayout="default"
           useInvertedBackground={false}
@@ -283,4 +285,4 @@ export default function HomePage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
index 3e581a8..0da97dc 100644
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -19,14 +19,13 @@ export default function ProductsPage() {
   const navItems = [
     { name: "Featured", id: "featured" },
     { name: "Products", id: "products" },
-    { name: "Specs", id: "specs" },
+    { name: "Daily Offers", id: "daily-offers" },
     { name: "Pricing", id: "pricing" },
   ];
 
   const footerColumns = [
     {
-      title: "Products",
-      items: [
+      title: "Products",      items: [
         { label: "Gaming PCs", href: "/products" },
         { label: "Gaming Laptops", href: "/products" },
         { label: "Custom Builds", href: "/products" },
@@ -34,8 +33,7 @@ export default function ProductsPage() {
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "#" },
         { label: "Our Team", href: "#" },
         { label: "Careers", href: "#" },
@@ -43,8 +41,7 @@ export default function ProductsPage() {
       ],
     },
     {
-      title: "Support",
-      items: [
+      title: "Support",      items: [
         { label: "Contact Us", href: "#" },
         { label: "FAQ", href: "#" },
         { label: "Warranty", href: "#" },
@@ -82,52 +79,22 @@ export default function ProductsPage() {
           tag="Full Selection"
           products={[
             {
-              id: "1",
-              name: "UltraForce Elite RTX 4090",
-              price: "$3,499.00",
-              imageSrc: "http://img.b2bpic.net/free-photo/dangerous-hacker-with-his-team-doing-cyber-crimes-from-his-apartment_482257-21831.jpg?_wi=2",
-              imageAlt: "UltraForce Elite RTX 4090 gaming PC",
-              initialQuantity: 1,
+              id: "1",              name: "UltraForce Elite RTX 4090",              price: "$3,499.00",              imageSrc: "http://img.b2bpic.net/free-photo/dangerous-hacker-with-his-team-doing-cyber-crimes-from-his-apartment_482257-21831.jpg?_wi=2",              imageAlt: "UltraForce Elite RTX 4090 gaming PC",              initialQuantity: 1,
             },
             {
-              id: "2",
-              name: "ProGamer Titanium RTX 4080",
-              price: "$2,299.00",
-              imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-controller_23-2149529372.jpg?_wi=2",
-              imageAlt: "ProGamer Titanium RTX 4080 laptop",
-              initialQuantity: 1,
+              id: "2",              name: "ProGamer Titanium RTX 4080",              price: "$2,299.00",              imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-controller_23-2149529372.jpg?_wi=2",              imageAlt: "ProGamer Titanium RTX 4080 laptop",              initialQuantity: 1,
             },
             {
-              id: "3",
-              name: "StreamMaster Pro RTX 4070",
-              price: "$1,799.00",
-              imageSrc: "http://img.b2bpic.net/free-photo/computerchip-technology-electronics-industry_93675-128229.jpg?_wi=2",
-              imageAlt: "StreamMaster Pro RTX 4070 system",
-              initialQuantity: 1,
+              id: "3",              name: "StreamMaster Pro RTX 4070",              price: "$1,799.00",              imageSrc: "http://img.b2bpic.net/free-photo/computerchip-technology-electronics-industry_93675-128229.jpg?_wi=2",              imageAlt: "StreamMaster Pro RTX 4070 system",              initialQuantity: 1,
             },
             {
-              id: "4",
-              name: "GamingEssentials RTX 3080",
-              price: "$1,299.00",
-              imageSrc: "http://img.b2bpic.net/free-photo/dangerous-hacker-with-his-team-doing-cyber-crimes-from-his-apartment_482257-21831.jpg?_wi=3",
-              imageAlt: "GamingEssentials RTX 3080 system",
-              initialQuantity: 1,
+              id: "4",              name: "GamingEssentials RTX 3080",              price: "$1,299.00",              imageSrc: "http://img.b2bpic.net/free-photo/dangerous-hacker-with-his-team-doing-cyber-crimes-from-his-apartment_482257-21831.jpg?_wi=3",              imageAlt: "GamingEssentials RTX 3080 system",              initialQuantity: 1,
             },
             {
-              id: "5",
-              name: "EsportsMaster RTX 3070 Ti",
-              price: "$999.00",
-              imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-controller_23-2149529372.jpg?_wi=3",
-              imageAlt: "EsportsMaster RTX 3070 Ti system",
-              initialQuantity: 1,
+              id: "5",              name: "EsportsMaster RTX 3070 Ti",              price: "$999.00",              imageSrc: "http://img.b2bpic.net/free-photo/view-illuminated-neon-gaming-keyboard-setup-controller_23-2149529372.jpg?_wi=3",              imageAlt: "EsportsMaster RTX 3070 Ti system",              initialQuantity: 1,
             },
             {
-              id: "6",
-              name: "BudgetGamer RTX 3060",
-              price: "$699.00",
-              imageSrc: "http://img.b2bpic.net/free-photo/computerchip-technology-electronics-industry_93675-128229.jpg?_wi=3",
-              imageAlt: "BudgetGamer RTX 3060 system",
-              initialQuantity: 1,
+              id: "6",              name: "BudgetGamer RTX 3060",              price: "$699.00",              imageSrc: "http://img.b2bpic.net/free-photo/computerchip-technology-electronics-industry_93675-128229.jpg?_wi=3",              imageAlt: "BudgetGamer RTX 3060 system",              initialQuantity: 1,
             },
           ]}
           gridVariant="three-columns-all-equal-width"
@@ -145,19 +112,13 @@ export default function ProductsPage() {
           features={[
             {
               icon: Zap,
-              title: "Unbeatable Performance",
-              description: "Latest-generation GPUs and CPUs deliver exceptional frame rates and responsiveness for competitive advantage.",
-            },
+              title: "Unbeatable Performance",              description: "Latest-generation GPUs and CPUs deliver exceptional frame rates and responsiveness for competitive advantage."},
             {
               icon: Thermometer,
-              title: "Expert Thermal Management",
-              description: "Advanced cooling solutions ensure optimal temperatures even during marathon gaming sessions and streaming.",
-            },
+              title: "Expert Thermal Management",              description: "Advanced cooling solutions ensure optimal temperatures even during marathon gaming sessions and streaming."},
             {
               icon: Cpu,
-              title: "Premium Components",
-              description: "We partner with industry leaders like NVIDIA, AMD, and Intel to source the best components available.",
-            },
+              title: "Premium Components",              description: "We partner with industry leaders like NVIDIA, AMD, and Intel to source the best components available."},
           ]}
           animationType="slide-up"
           textboxLayout="default"