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

2026-06-18 16:27:14 +00:00 · 2026-06-18 16:26:48 +00:00 · 2026-06-18 16:25:30 +00:00 · 2026-06-18 16:25:15 +00:00 · 2026-06-18 16:24:59 +00:00 · 2026-06-18 16:24:01 +00:00
6 changed files with 71 additions and 50 deletions
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@
      <meta name="twitter:description" content="Leading graphic design agency in Central Asia. Branding, UI, and identity design since 2022." />
  </head>
  <body>
-    <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <div id="root">Tansiq </div>
+    <script type="module" src="/src/main.tsx">Tansiq </script>
  </body>
 </html>
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,41 +1,29 @@
 // AUTO-GENERATED shell by per-section-migrate.
-// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
+// Section bodies live in ./HomePage/sections/<X>.tsx. Edit the section
 // files directly. Non-block content (wrappers, non-inlinable sections) is
 // preserved inline; extracted section blocks become <XSection/> refs.

 import React from 'react';
 import HeroSection from './HomePage/sections/Hero';
+import SocialProofSection from './HomePage/sections/SocialProof';
 import AboutSection from './HomePage/sections/About';
 import PortfolioSection from './HomePage/sections/Portfolio';
 import MetricsSection from './HomePage/sections/Metrics';
 import TestimonialsSection from './HomePage/sections/Testimonials';
-import TeamSection from './HomePage/sections/Team';
 import FaqSection from './HomePage/sections/Faq';
 import ContactSection from './HomePage/sections/Contact';

-
-
-{/* webild-stub @2026-06-18T15:50:06.252Z: Include a marquee of recognizable partner or client logos to build instant industry authority and social proof into the portfolio for Yusupov Agency. */}
-
-import SocialProofSection from './HomePage/sections/SocialProof';export default function HomePage(): React.JSX.Element {
+export default function HomePage(): React.JSX.Element {
  return (
-<>
-  <HeroSection />
+    <>
+      <HeroSection />
      <SocialProofSection />
-
-  <AboutSection />
-
-  <PortfolioSection />
-
-  <MetricsSection />
-
-  <TestimonialsSection />
-
-  <TeamSection />
-
-  <FaqSection />
-
-  <ContactSection />
+      <AboutSection />
+      <PortfolioSection />
+      <MetricsSection />
+      <TestimonialsSection />
+      <FaqSection />
+      <ContactSection />
    </>
  );
-}
+}
--- a/src/pages/HomePage/sections/About.tsx
+++ b/src/pages/HomePage/sections/About.tsx
@@ -1,22 +1,55 @@
-// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
-// file as the canonical source for the "about" section.
+/* eslint-disable */
+// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
+import { Quote } from "lucide-react";
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import TextAnimation from "@/components/ui/TextAnimation";
+import ImageOrVideo from "@/components/ui/ImageOrVideo";

-import React from 'react';
-import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+type AboutTestimonialProps = {
+  tag: string;
+  quote: string;
+  author: string;
+  role: string;
+} & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never });

-export default function AboutSection(): React.JSX.Element {
+const AboutInline = () => {
  return (
-    <div id="about" data-section="about">
-        <SectionErrorBoundary name="about">
-              <AboutTestimonial
-          tag="About Us"
-          quote="Yusupov Agency has been the cornerstone of Central Asian design since 2022, pushing boundaries with aesthetic rigor and technological precision."
-          author="Ruslan Yusupov"
-          role="Founder & Creative Director"
-          imageSrc="http://img.b2bpic.net/free-photo/handsome-young-man-wearing-checkered-shirt-standing-night-street-illuminated-signboards-neon-lights_613910-21240.jpg"
-        />
-        </SectionErrorBoundary>
+    <section aria-label="Testimonial section" className="py-20">
+      <div className="mx-auto w-content-width">
+        <div className="relative p-10 md:p-20 card rounded">
+          <div className="absolute flex items-center justify-center -top-7 -left-7 md:-top-8 md:-left-8 size-14 md:size-16 primary-button rounded">
+            <Quote className="h-5/10 text-primary-cta-text" strokeWidth={1.5} />
+          </div>
+
+          <div className="relative flex flex-col items-center text-center justify-center gap-8 h-full">
+            <div className="w-fit px-3 py-1 mb-1 text-sm card rounded">
+              <p>{"About Us"}</p>
+            </div>
+
+            <TextAnimation
+              text={"Yusupov Agency has been the cornerstone of Central Asian design since 2022, pushing boundaries with aesthetic rigor and technological precision."}
+              variant="slide-up"
+              gradientText={false}
+              tag="h1"
+              className="text-4xl md:text-5xl lg:text-6xl max-w-4xl leading-[1.15] font-semibold text-balance"
+            />
+
+            <div className="flex items-center justify-center gap-2 min-w-0">
+              <span className="text-base font-medium truncate">{"Ruslan Yusupov"}</span>
+              <span className="text-accent shrink-0">•</span>
+              <span className="text-base font-medium truncate">{"Founder & Creative Director"}</span>
+            </div>
+          </div>
+        </div>
      </div>
+    </section>
+  );
+};
+
+export default function AboutSection() {
+  return (
+    <div data-webild-section="about" id="about">
+      <AboutInline />
+    </div>
  );
 }
--- a/src/pages/HomePage/sections/Hero.tsx
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -10,7 +10,7 @@ export default function HeroSection(): React.JSX.Element {
        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"}]}
+        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":"https://storage.googleapis.com/webild/users/user_3D8oNa3nvt8Cz2KlfMhFTVX9fbI/uploaded-1781798684370-gl1mw70a.png"},{"imageSrc":"https://storage.googleapis.com/webild/users/user_3D8oNa3nvt8Cz2KlfMhFTVX9fbI/uploaded-1781798672901-5gqccqxk.png"}]}
        title="The Best Graphic Design Agency in Central Asia"
        secondaryButton={{"text":"Contact Us","href":"#contact"}}
      />
--- a/src/pages/HomePage/sections/Portfolio.tsx
+++ b/src/pages/HomePage/sections/Portfolio.tsx
@@ -17,32 +17,32 @@ export default function PortfolioSection(): React.JSX.Element {
            {
              title: "Corporate Rebrand",
              description: "Global identity shift for tech firm.",
-              imageSrc: "http://img.b2bpic.net/free-photo/designer-work-office_158595-1206.jpg",
+              imageSrc: "https://storage.googleapis.com/webild/users/user_3D8oNa3nvt8Cz2KlfMhFTVX9fbI/uploaded-1781799797754-ue2qa78d.png",
            },
            {
              title: "Logo Architecture",
              description: "Iconic marks for modern brands.",
-              imageSrc: "http://img.b2bpic.net/free-photo/aquarius-zodiac-sign-red-background-horoscope-astrology-background-aquarius-red-horoscope_559531-11812.jpg",
+              imageSrc: "https://storage.googleapis.com/webild/users/user_3D8oNa3nvt8Cz2KlfMhFTVX9fbI/uploaded-1781799823757-ixxp1501.png",
            },
            {
              title: "Tech Platform UI",
              description: "Next-gen web design experience.",
-              imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=oet0tl",
+              imageSrc: "https://storage.googleapis.com/webild/users/user_3D8oNa3nvt8Cz2KlfMhFTVX9fbI/uploaded-1781799881010-xyd0zrwo.png",
            },
            {
              title: "Premium Packaging",
              description: "Luxury goods aesthetic design.",
-              imageSrc: "http://img.b2bpic.net/free-photo/beauty-product-packaging-with-floral-pattern-set-remix-from-artworks-by-zhang-ruoai_53876-123072.jpg",
+              imageSrc: "https://storage.googleapis.com/webild/users/user_3D8oNa3nvt8Cz2KlfMhFTVX9fbI/uploaded-1781799895823-vzrt40vi.png",
            },
            {
              title: "Motion Identity",
              description: "Dynamic digital motion assets.",
-              imageSrc: "http://img.b2bpic.net/free-photo/graphic-designer-working-from-home-moving-assets-3d-modeling-program_482257-122501.jpg",
+              imageSrc: "https://storage.googleapis.com/webild/users/user_3D8oNa3nvt8Cz2KlfMhFTVX9fbI/uploaded-1781799912356-obk8nn8z.png",
            },
            {
              title: "Editorial Grid",
              description: "Print and digital magazine layouts.",
-              imageSrc: "http://img.b2bpic.net/free-photo/top-view-messy-office-workspace-with-stationery_23-2150282035.jpg",
+              imageSrc: "https://storage.googleapis.com/webild/users/user_3D8oNa3nvt8Cz2KlfMhFTVX9fbI/uploaded-1781800015669-szffa47j.png",
            },
            {
              title: "Spatial Branding",
--- a/src/pages/HomePage/sections/SocialProof.tsx
+++ b/src/pages/HomePage/sections/SocialProof.tsx
@@ -7,7 +7,7 @@ export default function SocialProofSection(): React.JSX.Element {
  return (
    <div data-webild-section="social-proof" id="social-proof">
      <SocialProofMarquee
-        names={["Kaspi.kz","Beeline","Air Astana","ForteBank","Kcell","Magnum","Technodom","Chocofamily"]}
+        names={["UCC", "Tansiq", "OldShahar", "Based UZB", "M.STEP", "Stabrini", "Kavestro", "Atirgul"]}
        tag="Trusted By"
        title="Our Partners & Clients"
        description="We've collaborated with industry leaders across Central Asia and beyond."
Author	SHA1	Message	Date
bender	fd859c1cc6	Update src/pages/HomePage/sections/Portfolio.tsx	2026-06-18 16:27:14 +00:00
bender	83ef41bfbf	Update src/pages/HomePage/sections/Portfolio.tsx	2026-06-18 16:26:48 +00:00
bender	bd2c971b95	Update src/pages/HomePage/sections/Portfolio.tsx	2026-06-18 16:25:30 +00:00
bender	d77cc2ffc8	Update src/pages/HomePage/sections/Portfolio.tsx	2026-06-18 16:25:15 +00:00
bender	c059e9ece9	Update src/pages/HomePage/sections/Portfolio.tsx	2026-06-18 16:24:59 +00:00
bender	84b0c4f098	Update src/pages/HomePage/sections/Portfolio.tsx	2026-06-18 16:24:01 +00:00
bender	cbcb50ca10	Update src/pages/HomePage/sections/Portfolio.tsx	2026-06-18 16:23:35 +00:00
kudinDmitriyUp	1d9270130d	Bob AI (approx): <TARGET_ELEMENT> Type: Div Text: "Our Experts Creative Team	2026-06-18 16:20:17 +00:00
bender	6a60963a68	Merge version_14_1781799319817 into main Merge version_14_1781799319817 into main	2026-06-18 16:16:48 +00:00
kudinDmitriyUp	eaa941029b	Bob AI: Made the about section a single full-width shape and centere	2026-06-18 16:16:18 +00:00
bender	931099656a	Merge version_13_1781799082967 into main Merge version_13_1781799082967 into main	2026-06-18 16:13:44 +00:00
kudinDmitriyUp	4fc6d7e731	Bob AI: fix build errors (attempt 1)	2026-06-18 16:13:20 +00:00
kudinDmitriyUp	1cdc42abef	Bob AI: Remove image from about section	2026-06-18 16:12:17 +00:00
bender	5bd47b6b97	Merge version_12_1781798957670 into main Merge version_12_1781798957670 into main	2026-06-18 16:09:39 +00:00
kudinDmitriyUp	3719fac80c	Bob AI: Update the brand names in the social proof / partners section to: UCC, Tansiq, O	2026-06-18 16:09:36 +00:00
bender	6e7b0ba4d4	Merge version_11_1781798744719 into main Merge version_11_1781798744719 into main	2026-06-18 16:05:59 +00:00
bender	5af95b28ba	Update index.html	2026-06-18 16:05:48 +00:00
bender	aa396378d2	Merge version_10_1781798726582 into main Merge version_10_1781798726582 into main	2026-06-18 16:05:41 +00:00
bender	a7924447d9	Update src/pages/HomePage/sections/SocialProof.tsx	2026-06-18 16:05:38 +00:00
bender	4d2c751f15	Merge version_9_1781798690464 into main Merge version_9_1781798690464 into main	2026-06-18 16:05:03 +00:00
bender	e5d2c7ace5	Update src/pages/HomePage/sections/Hero.tsx	2026-06-18 16:05:00 +00:00
bender	8b3864af27	Merge version_8_1781798678311 into main Merge version_8_1781798678311 into main	2026-06-18 16:04:51 +00:00
bender	798eff1a4e	Update src/pages/HomePage/sections/Hero.tsx	2026-06-18 16:04:48 +00:00
bender	c3a29d3fd9	Merge version_7_1781798640448 into main Merge version_7_1781798640448 into main	2026-06-18 16:04:13 +00:00
bender	07d06a7348	Merge version_6_1781798617284 into main Merge version_6_1781798617284 into main	2026-06-18 16:03:49 +00:00
bender	c9371da231	Merge version_5_1781798596864 into main Merge version_5_1781798596864 into main	2026-06-18 16:03:29 +00:00
bender	f06acc0069	Merge version_4_1781798364862 into main Merge version_4_1781798364862 into main	2026-06-18 16:00:49 +00:00