Update src/pages/HomePage/sections/Hero.tsx

Merge version_3_1781797858900 into main

src/components/Layout.tsx

@@ -1,4 +1,4 @@
-import FooterSimpleMedia from '@/components/sections/footer/FooterSimpleMedia';
+import FooterBrand from '@/components/sections/footer/FooterBrand';
 import NavbarInline from '@/components/ui/NavbarInline';
 import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
 import SiteBackgroundSlot from "@/components/ui/SiteBackgroundSlot";
@@ -53,9 +53,9 @@ export default function Layout() {
         <Outlet />
       </main>
       <SectionErrorBoundary name="footer">
-        <FooterSimpleMedia
-      imageSrc="http://img.b2bpic.net/free-photo/3d-technology-digital-wave-particle-background_1048-12583.jpg"
+        <FooterBrand
       brand="Yusupov Agency"
+      tagline="High-end, futuristic portfolio for a Central Asian design leader."
       columns={[
         {
           title: "Company",
@@ -99,4 +99,4 @@ export default function Layout() {
       </SectionErrorBoundary>
     </StyleProvider>
   );
-}
+}

src/pages/HomePage/sections/Hero.tsx

@@ -1,48 +1,19 @@
-// 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 (HeroTiltedCards).
 
 import React from 'react';
-import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+import HeroTiltedCards from '@/components/sections/hero/HeroTiltedCards';
 
 export default function HeroSection(): React.JSX.Element {
   return (
-    <div id="hero" data-section="hero">
-        <SectionErrorBoundary name="hero">
-              <HeroBillboardCarousel
-          tag="Since 2022"
-          title="The Best Graphic Design Agency in Central Asia"
-          description="Yusupov Agency redefines brand identities with a futuristic, electric approach for the modern era."
-          primaryButton={{
-            text: "Our Portfolio",
-            href: "#portfolio",
-          }}
-          secondaryButton={{
-            text: "Contact Us",
-            href: "#contact",
-          }}
-          items={[
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/abstract-flowing-waves-design_1048-15878.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/close-up-laptop-keyboard-colorful-neon-illumination-backlit-keyboard_169016-29668.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/stationery-ice-cream-concept_23-2147803263.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/portrait-person-autism-day-awareness-collage-style_23-2151355199.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/modern-geometric_1048-13692.jpg",
-            },
-            {
-              imageSrc: "http://img.b2bpic.net/free-photo/liquid-marbling-paint-texture-background-fluid-painting-abstract-texture-intensive-color-mix-wallpaper_1258-93055.jpg",
-            },
-          ]}
-        />
-        </SectionErrorBoundary>
-      </div>
+    <div data-webild-section="hero" id="hero">
+      <HeroTiltedCards
+        tag="Since 2022"
+        primaryButton={{"href":"#portfolio","text":"Our Portfolio"}}
+        description="Yusupov Agency redefines brand identities with a futuristic, electric approach for the modern era."
+        items={[{"imageSrc":"https://storage.googleapis.com/webild/users/user_3D8oNa3nvt8Cz2KlfMhFTVX9fbI/uploaded-1781798591497-xvlgv752.png"},{"imageSrc":"https://storage.googleapis.com/webild/users/user_3D8oNa3nvt8Cz2KlfMhFTVX9fbI/uploaded-1781798611822-4gdb0mdq.png"},{"imageSrc":"https://storage.googleapis.com/webild/users/user_3D8oNa3nvt8Cz2KlfMhFTVX9fbI/uploaded-1781798634789-opf2d2ua.png"},{"imageSrc":"http://img.b2bpic.net/free-photo/portrait-person-autism-day-awareness-collage-style_23-2151355199.jpg"},{"imageSrc":"http://img.b2bpic.net/free-photo/modern-geometric_1048-13692.jpg"}]}
+        title="The Best Graphic Design Agency in Central Asia"
+        secondaryButton={{"text":"Contact Us","href":"#contact"}}
+      />
+    </div>
   );
 }