bender/d9055bc7-4e60-491a-b99a-477a6f40dd19
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_2_1781797757173 into main #1

Merged
bender merged 1 commits from version_2_1781797757173 into main 2026-06-18 15:50:11 +00:00
Conversation 0 Commits 1 Files Changed 10 +363 -240
10 changed files with 363 additions and 240 deletions
Download Patch File Download Diff File Expand all files Collapse all files

269
src/pages/HomePage.tsx
View File

@@ -1,252 +1,41 @@
import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqSimple from '@/components/sections/faq/FaqSimple';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
import TeamStackedCards from '@/components/sections/team/TeamStackedCards';
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
// AUTO-GENERATED shell by per-section-migrate.
// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
// files directly. Non-block content (wrappers, non-inlinable sections) is
// preserved inline; extracted section blocks become <XSection/> refs.
export default function HomePage() {
import React from 'react';
import HeroSection from './HomePage/sections/Hero';
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 {
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>
<>
<HeroSection />
<SocialProofSection />
<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>
</div>
<AboutSection />
<div id="portfolio" data-section="portfolio">
<SectionErrorBoundary name="portfolio">
<FeaturesImageBento
tag="Selected Work"
title="Our Creative Portfolio"
description="A curated collection of branding, UI, and packaging design projects."
items={[
{
title: "Corporate Rebrand",
description: "Global identity shift for tech firm.",
imageSrc: "http://img.b2bpic.net/free-photo/designer-work-office_158595-1206.jpg",
},
{
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",
},
{
title: "Tech Platform UI",
description: "Next-gen web design experience.",
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=oet0tl",
},
{
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",
},
{
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",
},
{
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",
},
{
title: "Spatial Branding",
description: "Environmental and event graphics.",
imageSrc: "http://img.b2bpic.net/free-photo/construction-design-project-renovation-concept_53876-132188.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<PortfolioSection />
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsMediaCards
tag="Impact"
title="Agency Milestones"
description="Proven results since our inception in 2022."
metrics={[
{
value: "100+",
title: "Projects Completed",
description: "Diverse design initiatives across Central Asia.",
imageSrc: "http://img.b2bpic.net/free-vector/minimalist-architect-business-card_742173-32626.jpg",
},
{
value: "50+",
title: "Global Partners",
description: "Trusted brands within our portfolio.",
imageSrc: "http://img.b2bpic.net/free-psd/hand-drawn-marketing-strategy-business-card_23-2150419302.jpg",
},
{
value: "2+",
title: "Years of Excellence",
description: "Leading the regional creative sector.",
imageSrc: "http://img.b2bpic.net/free-photo/fast-time-clock-ui-icon-sign-symbol-3d-rendering_56104-1926.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<MetricsSection />
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeCards
tag="Client Success"
title="Trusted by Leaders"
description="What our clients say about our creative process."
testimonials={[
{
name: "Amina S.",
role: "CEO, FinTech",
quote: "Yusupov Agency completely transformed our brand visibility.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
},
{
name: "Bakhtiyar K.",
role: "Marketing Head",
quote: "Incredible creative energy and professional execution.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
},
{
name: "Gulnara D.",
role: "Retail Founder",
quote: "Best design partner we have ever collaborated with.",
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
},
{
name: "Damir N.",
role: "Start-up Lead",
quote: "Their work ethic is unparalleled in Central Asia.",
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",
},
{
name: "Farida M.",
role: "Director",
quote: "The electric blue design language is now our signature.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-blue-clothes-smiling_23-2148055977.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<TestimonialsSection />
<div id="team" data-section="team">
<SectionErrorBoundary name="team">
<TeamStackedCards
tag="Our Experts"
title="Creative Team"
description="Meet the design minds driving innovation."
members={[
{
name: "Ruslan Y.",
role: "Creative Lead",
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg",
},
{
name: "Dina S.",
role: "UI Designer",
imageSrc: "http://img.b2bpic.net/free-photo/translucent-blurred-portrait-woman_23-2149705724.jpg",
},
{
name: "Omar K.",
role: "Brand Strategist",
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-couch_23-2148415906.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<TeamSection />
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSimple
tag="Help"
title="Common Questions"
description="Answers to your design inquiries."
items={[
{
question: "Where is the agency based?",
answer: "We are based in Central Asia, with a primary creative hub operating globally.",
},
{
question: "Do you work with global clients?",
answer: "Yes, we collaborate with brands worldwide on diverse branding projects.",
},
{
question: "How do we get started?",
answer: "Schedule a discovery call via the contact form on our website.",
},
]}
/>
</SectionErrorBoundary>
</div>
<FaqSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Collaborate"
text="Ready to build your next brand identity?"
primaryButton={{
text: "Contact Us",
href: "mailto:hello@yusupov.agency",
}}
secondaryButton={{
text: "Portfolio",
href: "#portfolio",
}}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}

22
src/pages/HomePage/sections/About.tsx Normal file
View File

@@ -0,0 +1,22 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "about" section.
import React from 'react';
import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function AboutSection(): React.JSX.Element {
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>
</div>
);
}

27
src/pages/HomePage/sections/Contact.tsx Normal file
View File

@@ -0,0 +1,27 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "contact" section.
import React from 'react';
import ContactCta from '@/components/sections/contact/ContactCta';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ContactSection(): React.JSX.Element {
return (
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Collaborate"
text="Ready to build your next brand identity?"
primaryButton={{
text: "Contact Us",
href: "mailto:hello@yusupov.agency",
}}
secondaryButton={{
text: "Portfolio",
href: "#portfolio",
}}
/>
</SectionErrorBoundary>
</div>
);
}

34
src/pages/HomePage/sections/Faq.tsx Normal file
View File

@@ -0,0 +1,34 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "faq" section.
import React from 'react';
import FaqSimple from '@/components/sections/faq/FaqSimple';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqSimple
tag="Help"
title="Common Questions"
description="Answers to your design inquiries."
items={[
{
question: "Where is the agency based?",
answer: "We are based in Central Asia, with a primary creative hub operating globally.",
},
{
question: "Do you work with global clients?",
answer: "Yes, we collaborate with brands worldwide on diverse branding projects.",
},
{
question: "How do we get started?",
answer: "Schedule a discovery call via the contact form on our website.",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

48
src/pages/HomePage/sections/Hero.tsx Normal file
View File

@@ -0,0 +1,48 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "hero" section.
import React from 'react';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
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>
);
}

40
src/pages/HomePage/sections/Metrics.tsx Normal file
View File

@@ -0,0 +1,40 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "metrics" section.
import React from 'react';
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function MetricsSection(): React.JSX.Element {
return (
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsMediaCards
tag="Impact"
title="Agency Milestones"
description="Proven results since our inception in 2022."
metrics={[
{
value: "100+",
title: "Projects Completed",
description: "Diverse design initiatives across Central Asia.",
imageSrc: "http://img.b2bpic.net/free-vector/minimalist-architect-business-card_742173-32626.jpg",
},
{
value: "50+",
title: "Global Partners",
description: "Trusted brands within our portfolio.",
imageSrc: "http://img.b2bpic.net/free-psd/hand-drawn-marketing-strategy-business-card_23-2150419302.jpg",
},
{
value: "2+",
title: "Years of Excellence",
description: "Leading the regional creative sector.",
imageSrc: "http://img.b2bpic.net/free-photo/fast-time-clock-ui-icon-sign-symbol-3d-rendering_56104-1926.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

57
src/pages/HomePage/sections/Portfolio.tsx Normal file
View File

@@ -0,0 +1,57 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "portfolio" section.
import React from 'react';
import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function PortfolioSection(): React.JSX.Element {
return (
<div id="portfolio" data-section="portfolio">
<SectionErrorBoundary name="portfolio">
<FeaturesImageBento
tag="Selected Work"
title="Our Creative Portfolio"
description="A curated collection of branding, UI, and packaging design projects."
items={[
{
title: "Corporate Rebrand",
description: "Global identity shift for tech firm.",
imageSrc: "http://img.b2bpic.net/free-photo/designer-work-office_158595-1206.jpg",
},
{
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",
},
{
title: "Tech Platform UI",
description: "Next-gen web design experience.",
imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=oet0tl",
},
{
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",
},
{
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",
},
{
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",
},
{
title: "Spatial Branding",
description: "Environmental and event graphics.",
imageSrc: "http://img.b2bpic.net/free-photo/construction-design-project-renovation-concept_53876-132188.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

17
src/pages/HomePage/sections/SocialProof.tsx Normal file
View File

@@ -0,0 +1,17 @@
// Created by add_section_from_catalog (SocialProofMarquee).
import React from 'react';
import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
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"]}
tag="Trusted By"
title="Our Partners & Clients"
description="We've collaborated with industry leaders across Central Asia and beyond."
/>
</div>
);
}

37
src/pages/HomePage/sections/Team.tsx Normal file
View File

@@ -0,0 +1,37 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "team" section.
import React from 'react';
import TeamStackedCards from '@/components/sections/team/TeamStackedCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TeamSection(): React.JSX.Element {
return (
<div id="team" data-section="team">
<SectionErrorBoundary name="team">
<TeamStackedCards
tag="Our Experts"
title="Creative Team"
description="Meet the design minds driving innovation."
members={[
{
name: "Ruslan Y.",
role: "Creative Lead",
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg",
},
{
name: "Dina S.",
role: "UI Designer",
imageSrc: "http://img.b2bpic.net/free-photo/translucent-blurred-portrait-woman_23-2149705724.jpg",
},
{
name: "Omar K.",
role: "Brand Strategist",
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-couch_23-2148415906.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

52
src/pages/HomePage/sections/Testimonials.tsx Normal file
View File

@@ -0,0 +1,52 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "testimonials" section.
import React from 'react';
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TestimonialsSection(): React.JSX.Element {
return (
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialMarqueeCards
tag="Client Success"
title="Trusted by Leaders"
description="What our clients say about our creative process."
testimonials={[
{
name: "Amina S.",
role: "CEO, FinTech",
quote: "Yusupov Agency completely transformed our brand visibility.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
},
{
name: "Bakhtiyar K.",
role: "Marketing Head",
quote: "Incredible creative energy and professional execution.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",
},
{
name: "Gulnara D.",
role: "Retail Founder",
quote: "Best design partner we have ever collaborated with.",
imageSrc: "http://img.b2bpic.net/free-photo/senior-businessman-outside-modern-office-building_1139-1076.jpg",
},
{
name: "Damir N.",
role: "Start-up Lead",
quote: "Their work ethic is unparalleled in Central Asia.",
imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",
},
{
name: "Farida M.",
role: "Director",
quote: "The electric blue design language is now our signature.",
imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-blue-clothes-smiling_23-2148055977.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}