src/index.css

@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
 @import "tailwindcss";
 @import "./styles/masks.css";
 @import "./styles/animations.css";
@@ -88,9 +88,9 @@
   --color-background-accent: var(--background-accent);
 
   /* Fonts */
-  --font-sans: 'Inter', sans-serif;
-  --font-tight: "Inter", sans-serif;
-  --font-mono: 'JetBrains Mono', monospace;
+  --font-sans: 'Archivo', sans-serif;
+  --font-tight: "Archivo", sans-serif;
+  --font-mono: 'IBM Plex Mono', monospace;
 
   /* Border Radius */
   --radius: var(--radius);

src/pages/HomePage/sections/Hero.tsx

@@ -1,49 +1,20 @@
-// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
-// file as the canonical source for the "hero" section.
+// Created by add_section_from_catalog (HeroOverlay).
 
 import React from 'react';
-import HeroBillboardTiltedCarousel from '@/components/sections/hero/HeroBillboardTiltedCarousel';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 
 export default function HeroSection(): React.JSX.Element {
   return (
-    <div id="hero" data-section="hero">
-        <SectionErrorBoundary name="hero">
-              <HeroBillboardTiltedCarousel
-          tag="Eksperti za kompresore"
-          title="D&S ELEKTROKOMP - 18+ godina pouzdanosti"
-          description="Servis, prodaja i održavanje industrijskih kompresora i pumpi u Novom Sadu."
-          primaryButton={{
-            text: "Pozovite nas",
-            href: "tel:+381637262865",
-          }}
-          secondaryButton={{
-            text: "Pošaljite upit",
-            href: "#contact",
-          }}
-          items={[
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/harvesters-combine-parts-plant-are-waiting-sales_146671-19062.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/coworkers-servicing-hvac-system_482257-91024.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/electrician-working-air-conditioner_482257-96273.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/interior-view-steel-factory_1359-184.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-using-diagnostic-tool-while-repairing-air-conditioning-system-car-auto-repair-shop_637285-4279.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/factory-surrounded-by-high-rise-buildings-with-greenery_181624-12688.jpg",
-            },
-          ]}
-          textAnimation="slide-up"
-        />
-        </SectionErrorBoundary>
-      </div>
+    <div data-webild-section="hero" data-section="hero" id="hero">
+      <HeroOverlay
+        description="Servis, prodaja i održavanje industrijskih kompresora, elektromotora i pumpi. Lokacija: Veternik, Novi Sad."
+        primaryButton={{"text":"Pozovite: 063/726-2865","href":"tel:+381637262865"}}
+        imageSrc="http://img.b2bpic.net/free-photo/interior-view-steel-factory_1359-184.jpg"
+        title="D&S ELEKTROKOMP DOO"
+        secondaryButton={{"href":"#contact","text":"Kontakt i lokacija"}}
+        tag="OSNOVANO 2006."
+        textAnimation="fade"
+      />
+    </div>
   );
 }