Merge version_3_1778146433014 into main

Merge version_3_1778146433014 into main

src/components/sections/hero/HeroBillboardTiltedCarousel.tsx

@@ -23,7 +23,7 @@ const HeroBillboardTiltedCarousel = ({
   return (
     <section
       aria-label="Hero section"
-      className="relative flex flex-col items-center justify-center gap-8 w-full min-h-svh py-25"
+      className="relative flex flex-col items-center justify-center gap-8 w-full min-h-svh py-25 bg-background"
     >
       <HeroBackgroundSlot />
       <div className="flex flex-col items-center gap-2 w-content-width mx-auto text-center">

src/main.tsx

@@ -3,9 +3,7 @@ import { createRoot } from 'react-dom/client'
 import { BrowserRouter } from 'react-router-dom'
 import './index.css'
 import App from './App.tsx'
-import { initVisualEdit } from '@/utils/visual-edit'
 
-initVisualEdit()
 
 createRoot(document.getElementById('root')!).render(
   <StrictMode>

src/utils/visual-edit.ts

@@ -1,20 +0,0 @@
-import { getVisualEditScript, getVisualEditScriptRaw } from './visual-edit-script'
-
-export { getVisualEditScript }
-
-export function initVisualEdit() {
-  // Inside iframe we must actually run the editor code so it can
-  // attach listeners and interact with the DOM.
-  if (window.self !== window.top) {
-    const script = document.createElement('script')
-    script.id = 'webild-visual-edit'
-    script.textContent = getVisualEditScriptRaw()
-    document.head.appendChild(script)
-    return
-  }
-
-  // Expose helper for parent tools/dev.
-  if (import.meta.env.DEV) {
-    window.__getVisualEditScript = getVisualEditScript
-  }
-}