Compare commits

...

85 Commits

Author SHA1 Message Date
a450d0d82d Merge version_48_1781805021064 into main
Merge version_48_1781805021064 into main
2026-06-18 23:41:44 +00:00
965c10a07e Add public/favicon.jpg 2026-06-18 23:41:31 +00:00
867a9c6b8a Update index.html 2026-06-18 23:41:31 +00:00
db5013b64b Merge version_48_1781805021064 into main
Merge version_48_1781805021064 into main
2026-06-18 17:50:46 +00:00
df2dd2a711 Update src/pages/HomePage.tsx 2026-06-18 17:50:42 +00:00
10d9d7bcbc Update src/pages/HomePage/sections/Hero.tsx 2026-06-18 17:50:41 +00:00
baf862db43 Update src/pages/HomePage/sections/About.tsx 2026-06-18 17:50:41 +00:00
9f8998d8a9 Merge version_47_1781804998171 into main
Merge version_47_1781804998171 into main
2026-06-18 17:50:24 +00:00
03708caae0 Update src/pages/HomePage.tsx 2026-06-18 17:50:21 +00:00
bd39719489 Update src/pages/HomePage/sections/Testimonials.tsx 2026-06-18 17:50:20 +00:00
68c29614a8 Update src/pages/HomePage/sections/Team.tsx 2026-06-18 17:50:20 +00:00
6665891a21 Update src/pages/HomePage/sections/Metrics.tsx 2026-06-18 17:50:19 +00:00
15330d589d Update src/pages/HomePage/sections/Hero.tsx 2026-06-18 17:50:18 +00:00
373aa4c6b9 Update src/pages/HomePage/sections/Faq.tsx 2026-06-18 17:50:18 +00:00
e49cfae1c2 Update src/pages/HomePage/sections/About.tsx 2026-06-18 17:50:17 +00:00
7ac4e012e6 Merge version_46_1781804959235 into main
Merge version_46_1781804959235 into main
2026-06-18 17:49:41 +00:00
fb92169457 Update src/pages/HomePage/sections/About.tsx 2026-06-18 17:49:36 +00:00
321cb31726 Merge version_45_1781804596704 into main
Merge version_45_1781804596704 into main
2026-06-18 17:44:51 +00:00
kudinDmitriyUp
894b1ea5aa Bob AI: Update testimonials with initials and new names 2026-06-18 17:44:20 +00:00
d4143f993d Switch to version 43: modified src/pages/HomePage/sections/Testimonials.tsx 2026-06-18 17:41:42 +00:00
bd1cba785d Switch to version 43: modified src/pages/HomePage/sections/Contact.tsx 2026-06-18 17:41:42 +00:00
b261165344 Merge version_44_1781804286348 into main
Merge version_44_1781804286348 into main
2026-06-18 17:41:11 +00:00
kudinDmitriyUp
5be6e8772d Bob AI: Replaced profile pictures with initials and updated names in 2026-06-18 17:40:35 +00:00
d6306d74ac Switch to version 42: modified src/pages/HomePage/sections/Contact.tsx 2026-06-18 17:34:50 +00:00
9e246ba81f Merge version_43_1781803941019 into main
Merge version_43_1781803941019 into main
2026-06-18 17:32:42 +00:00
a6635b8c5d Update src/pages/HomePage/sections/Contact.tsx 2026-06-18 17:32:38 +00:00
d6c6d2aad5 Merge version_42_1781803907487 into main
Merge version_42_1781803907487 into main
2026-06-18 17:32:08 +00:00
a9ceb5c41e Update src/pages/HomePage/sections/Portfolio.tsx 2026-06-18 17:32:04 +00:00
d78eccd5c4 Switch to version 41: modified src/pages/HomePage/sections/Contact.tsx 2026-06-18 17:11:13 +00:00
e56c564bc2 Merge version_42_1781802572747 into main
Merge version_42_1781802572747 into main
2026-06-18 17:09:55 +00:00
6b28199f14 Update src/pages/HomePage/sections/Contact.tsx 2026-06-18 17:09:51 +00:00
aad00592f9 Switch to version 41: modified src/pages/HomePage/sections/Contact.tsx 2026-06-18 17:08:46 +00:00
561c45c920 Merge version_42_1781802220039 into main
Merge version_42_1781802220039 into main
2026-06-18 17:04:00 +00:00
d4aa973e2d Update src/pages/HomePage/sections/Contact.tsx 2026-06-18 17:03:57 +00:00
6282a01193 Merge version_41_1781801945730 into main
Merge version_41_1781801945730 into main
2026-06-18 17:01:47 +00:00
kudinDmitriyUp
6a4034858b Bob AI: fix build errors (attempt 2) 2026-06-18 17:01:20 +00:00
kudinDmitriyUp
db8294497c Bob AI: fix build errors (attempt 1) 2026-06-18 17:00:31 +00:00
kudinDmitriyUp
e5d4d21d1b Bob AI: Removed Team link from navbar 2026-06-18 16:59:45 +00:00
d680c741c2 Merge version_40_1781801877916 into main
Merge version_40_1781801877916 into main
2026-06-18 16:58:17 +00:00
b6eeb0cbe0 Update src/pages/HomePage.tsx 2026-06-18 16:58:14 +00:00
c3e6185d45 Update src/pages/HomePage/sections/Team.tsx 2026-06-18 16:58:13 +00:00
1c185d0cd5 Merge version_39_1781801692740 into main
Merge version_39_1781801692740 into main
2026-06-18 16:56:51 +00:00
kudinDmitriyUp
07197453cb Bob AI (stub): <TARGET_ELEMENT>
Type: Button
Text: "Team"
Selector: [data-w
2026-06-18 16:56:48 +00:00
ad4afedcbb Merge version_38_1781801472531 into main
Merge version_38_1781801472531 into main
2026-06-18 16:53:16 +00:00
kudinDmitriyUp
56987c61f3 Bob AI: Updated metrics data and layout to horizontal cards 2026-06-18 16:52:45 +00:00
d9ccf6eb16 Switch to version 32: modified src/pages/HomePage/sections/Testimonials.tsx 2026-06-18 16:48:26 +00:00
2e4382c7cc Switch to version 32: modified src/pages/HomePage/sections/Team.tsx 2026-06-18 16:48:25 +00:00
b58f06f142 Switch to version 32: modified src/pages/HomePage/sections/Portfolio.tsx 2026-06-18 16:48:25 +00:00
22ebaeacb1 Switch to version 32: modified src/pages/HomePage/sections/Metrics.tsx 2026-06-18 16:48:24 +00:00
eb8cbb3d88 Switch to version 32: modified src/pages/HomePage/sections/Hero.tsx 2026-06-18 16:48:24 +00:00
cc14c54936 Switch to version 32: modified src/pages/HomePage/sections/About.tsx 2026-06-18 16:48:23 +00:00
a9e2de7fab Switch to version 34: modified src/pages/HomePage/sections/Metrics.tsx 2026-06-18 16:48:14 +00:00
0c42b58e81 Switch to version 34: modified index.html 2026-06-18 16:48:13 +00:00
9ad92c8ae0 Merge version_37_1781800807156 into main
Merge version_37_1781800807156 into main
2026-06-18 16:47:43 +00:00
34d37873db Update index.html 2026-06-18 16:47:31 +00:00
75ba719bd8 Switch to version 37: modified src/pages/HomePage/sections/Metrics.tsx 2026-06-18 16:44:56 +00:00
ee4f9691e0 Switch to version 35: modified src/pages/HomePage/sections/Metrics.tsx 2026-06-18 16:43:50 +00:00
fff1536fd6 Switch to version 36: modified src/pages/HomePage/sections/Metrics.tsx 2026-06-18 16:43:03 +00:00
12ba6c4744 Merge version_37_1781800807156 into main
Merge version_37_1781800807156 into main
2026-06-18 16:42:23 +00:00
kudinDmitriyUp
34c7b10828 Bob AI: Rewrote metrics section to remove images, make cards full wi 2026-06-18 16:41:54 +00:00
b6891d6a34 Merge version_36_1781800715093 into main
Merge version_36_1781800715093 into main
2026-06-18 16:38:56 +00:00
769f53f91f Update src/pages/HomePage/sections/Metrics.tsx 2026-06-18 16:38:52 +00:00
776ceb40a8 Merge version_35_1781800697317 into main
Merge version_35_1781800697317 into main
2026-06-18 16:38:39 +00:00
3f922dfb62 Update index.html 2026-06-18 16:38:24 +00:00
ec714beb37 Merge version_34_1781800669611 into main
Merge version_34_1781800669611 into main
2026-06-18 16:38:09 +00:00
30efce5052 Update src/pages/HomePage/sections/Testimonials.tsx 2026-06-18 16:38:05 +00:00
4cc8ee19bf Update src/pages/HomePage/sections/Team.tsx 2026-06-18 16:38:05 +00:00
1512d8aac8 Update src/pages/HomePage/sections/Portfolio.tsx 2026-06-18 16:38:04 +00:00
5313e67ced Update src/pages/HomePage/sections/Metrics.tsx 2026-06-18 16:38:04 +00:00
a66c82e379 Update src/pages/HomePage/sections/Hero.tsx 2026-06-18 16:38:03 +00:00
b1e90bc1dd Update src/pages/HomePage/sections/About.tsx 2026-06-18 16:38:03 +00:00
88c3ea65b7 Merge version_33_1781800643813 into main
Merge version_33_1781800643813 into main
2026-06-18 16:37:42 +00:00
eb3f7972a1 Update src/pages/HomePage/sections/Metrics.tsx 2026-06-18 16:37:38 +00:00
344c19780e Merge version_32_1781800535668 into main
Merge version_32_1781800535668 into main
2026-06-18 16:36:43 +00:00
kudinDmitriyUp
d277fcfb9c Bob AI: Removed text overlays from portfolio images 2026-06-18 16:36:09 +00:00
46b6b546d9 Merge version_31_1781800498436 into main
Merge version_31_1781800498436 into main
2026-06-18 16:35:16 +00:00
36ed1cc497 Update src/pages/HomePage/sections/Portfolio.tsx 2026-06-18 16:35:13 +00:00
775bfc75a6 Merge version_30_1781800479099 into main
Merge version_30_1781800479099 into main
2026-06-18 16:34:55 +00:00
4b76a45580 Update src/pages/HomePage/sections/Portfolio.tsx 2026-06-18 16:34:52 +00:00
a50d73de06 Merge version_29_1781800437661 into main
Merge version_29_1781800437661 into main
2026-06-18 16:34:13 +00:00
eff67478d4 Update src/pages/HomePage/sections/Portfolio.tsx 2026-06-18 16:34:10 +00:00
37fcb9bc19 Merge version_28_1781800415093 into main
Merge version_28_1781800415093 into main
2026-06-18 16:33:51 +00:00
62971415b8 Update src/pages/HomePage/sections/Portfolio.tsx 2026-06-18 16:33:48 +00:00
35c2070b94 Merge version_27_1781800399085 into main
Merge version_27_1781800399085 into main
2026-06-18 16:33:35 +00:00
8c8947d9b9 Merge version_26_1781800219391 into main
Merge version_26_1781800219391 into main
2026-06-18 16:32:11 +00:00
11 changed files with 244 additions and 101 deletions

View File

@@ -5,7 +5,7 @@
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Geist:wght@100..900&family=Inter+Tight:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet">
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Yusupov Agency | Best Graphic Design in Central Asia</title>
<meta property="og:title" content="Yusupov Agency | Best Graphic Design in Central Asia" />
@@ -13,6 +13,9 @@
<meta name="description" content="Leading graphic design agency in Central Asia. Branding, UI, and identity design since 2022." />
<meta property="og:description" content="Leading graphic design agency in Central Asia. Branding, UI, and identity design since 2022." />
<meta name="twitter:description" content="Leading graphic design agency in Central Asia. Branding, UI, and identity design since 2022." />
<meta property="og:image" content="https://storage.googleapis.com/webild/users/user_3D8oNa3nvt8Cz2KlfMhFTVX9fbI/uploaded-1781826083960-o0qaalcq.jpg" />
<meta name="twitter:image" content="https://storage.googleapis.com/webild/users/user_3D8oNa3nvt8Cz2KlfMhFTVX9fbI/uploaded-1781826083960-o0qaalcq.jpg" />
<link rel="icon" type="image/jpeg" href="/favicon.jpg" />
</head>
<body>
<div id="root">Tansiq </div>

BIN
public/favicon.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 140 KiB

View File

@@ -15,10 +15,6 @@ export default function Layout() {
"name": "Work",
"href": "#portfolio"
},
{
"name": "Team",
"href": "#team"
},
{
"name": "Contact",
"href": "#contact"

View File

@@ -13,6 +13,9 @@ import TestimonialsSection from './HomePage/sections/Testimonials';
import FaqSection from './HomePage/sections/Faq';
import ContactSection from './HomePage/sections/Contact';
{/* webild-stub @2026-06-18T16:56:47.453Z: <TARGET_ELEMENT> Type: Button Text: "" Selector: [data-webild-id="webild-1781801659422-g37hs1aob"] SelectorScope: PREVIEW_DOM_ONLYusupov (data-webild-id is assigned at click time in the preview; it does NOT exist in repository source files). */}
export default function HomePage(): React.JSX.Element {
return (
<>

View File

@@ -35,7 +35,7 @@ const AboutInline = () => {
/>
<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-base font-medium truncate">{"Yusupov"}</span>
<span className="text-accent shrink-0"></span>
<span className="text-base font-medium truncate">{"Founder & Creative Director"}</span>
</div>

View File

@@ -14,7 +14,7 @@ export default function ContactSection(): React.JSX.Element {
text="Ready to build your next brand identity?"
primaryButton={{
text: "Contact Us",
href: "mailto:hello@yusupov.agency",
href: "",
}}
secondaryButton={{
text: "Portfolio",

View File

@@ -20,7 +20,7 @@ export default function FaqSection(): React.JSX.Element {
},
{
question: "Do you work with global clients?",
answer: "Yes, we collaborate with brands worldwide on diverse branding projects.",
answer: "Yusupoves, we collaborate with brands worldwide on diverse branding projects.",
},
{
question: "How do we get started?",

View File

@@ -1,40 +1,95 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "metrics" section.
/* eslint-disable */
// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
import { cls } from "@/lib/utils";
import Button from "@/components/ui/Button";
import TextAnimation from "@/components/ui/TextAnimation";
import ImageOrVideo from "@/components/ui/ImageOrVideo";
import ScrollReveal from "@/components/ui/ScrollReveal";
import React from 'react';
import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
const metrics = [
{
value: "20+",
title: "Projects Completed",
description: "Diverse design initiatives across Central Asia.",
},
{
value: "10+",
title: "Global Partners",
description: "Trusted brands within our portfolio.",
},
{
value: "4+",
title: "Yusupovears of Excellence",
description: "Leading the regional creative sector.",
}
];
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",
},
]}
type Metric = {
value: string;
title: string;
description: string;
};
const MetricsInline = () => (
<section aria-label="Metrics section" className="py-20">
<div className="flex flex-col gap-8 md:gap-10">
<div className="flex flex-col items-center gap-2 w-content-width mx-auto">
<div className="px-3 py-1 mb-1 text-sm card rounded w-fit">
<p>{"Impact"}</p>
</div>
<TextAnimation
text={"Agency Milestones"}
variant="fade"
gradientText={true}
tag="h2"
className="md:max-w-8/10 text-6xl 2xl:text-7xl leading-[1.15] font-semibold text-center text-balance"
/>
</SectionErrorBoundary>
<TextAnimation
text={"Proven results since our inception in 2022."}
variant="fade"
gradientText={false}
tag="p"
className="md:max-w-7/10 text-lg md:text-xl leading-snug text-center text-balance"
/>
{(undefined || undefined) && (
<div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3">
{undefined && <Button text={undefined.text} href={undefined.href} variant="primary"/>}
{undefined && <Button text={undefined.text} href={undefined.href} variant="secondary"animationDelay={0.1} />}
</div>
)}
</div>
<div className="flex flex-col gap-5 w-content-width mx-auto">
{metrics.map((metric, index) => {
return (
<ScrollReveal
variant="slide-up"
key={metric.value}
className="w-full"
>
<div className="flex flex-col md:flex-row items-start md:items-center gap-6 p-6 md:p-8 card rounded w-full text-left">
<span className="text-5xl md:text-6xl font-semibold leading-none w-full md:w-48 shrink-0">{metric.value}</span>
<div className="hidden md:block w-px h-12 bg-accent mx-4 opacity-20" />
<div className="flex flex-col gap-1 flex-1">
<span className="text-xl md:text-2xl font-semibold">{metric.title}</span>
<p className="text-base text-accent leading-snug">{metric.description}</p>
</div>
</div>
</ScrollReveal>
);
})}
</div>
</div>
</section>
);
export default function MetricsSection() {
return (
<div data-webild-section="metrics" id="metrics">
<MetricsInline />
</div>
);
}

View File

@@ -8,19 +8,19 @@ import { cls } from "@/lib/utils";
const items = [
{
title: "Corporate Rebrand",
description: "Global identity shift for tech firm.",
title: "TANSIQ ",
description: "",
imageSrc: "https://storage.googleapis.com/webild/users/user_3D8oNa3nvt8Cz2KlfMhFTVX9fbI/uploaded-1781799797754-ue2qa78d.png"
},
{
title: "Logo Architecture",
description: "Iconic marks for modern brands.",
imageSrc: "https://storage.googleapis.com/webild/users/user_3D8oNa3nvt8Cz2KlfMhFTVX9fbI/uploaded-1781799823757-ixxp1501.png"
imageSrc: "https://storage.googleapis.com/webild/users/user_3D8oNa3nvt8Cz2KlfMhFTVX9fbI/uploaded-1781803897980-hc5007ly.png"
},
{
title: "Tech Platform UI",
description: "Next-gen web design experience.",
imageSrc: "https://storage.googleapis.com/webild/users/user_3D8oNa3nvt8Cz2KlfMhFTVX9fbI/uploaded-1781799881010-xyd0zrwo.png"
imageSrc: "https://storage.googleapis.com/webild/users/user_3D8oNa3nvt8Cz2KlfMhFTVX9fbI/uploaded-1781800430594-yagi0yud.png"
},
{
title: "Premium Packaging",
@@ -115,10 +115,7 @@ const PortfolioInline = () => {
className="rounded group-hover:scale-105 transition-transform duration-500"
/>
<div className="absolute inset-x-5 bottom-5 xl:inset-x-6 xl:bottom-6 2xl:inset-x-7 2xl:bottom-7 flex flex-col text-background">
<span className="text-2xl font-semibold leading-snug truncate">{item.title}</span>
<span className="text-base leading-snug truncate">{item.description}</span>
</div>
</div>
);

View File

@@ -2,20 +2,20 @@
// file as the canonical source for the "team" section.
import React from 'react';
import TeamStackedCards from '@/components/sections/team/TeamStackedCards';
import StackedCards from '@/components/sections/team/StackedCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TeamSection(): React.JSX.Element {
export default function Section(): React.JSX.Element {
return (
<div id="team" data-section="team">
<SectionErrorBoundary name="team">
<TeamStackedCards
<StackedCards
tag="Our Experts"
title="Creative Team"
title="Creative "
description="Meet the design minds driving innovation."
members={[
{
name: "Ruslan Y.",
name: "Ruslan Yusupov.",
role: "Creative Lead",
imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-business-coach-posing-training-room_74855-3026.jpg",
},

View File

@@ -1,52 +1,141 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "testimonials" section.
/* eslint-disable */
// @ts-nocheck — generated by catalog-eject; runtime-correct but TS strict-mode false-positives on inlined catalog body
import Button from "@/components/ui/Button";
import TextAnimation from "@/components/ui/TextAnimation";
import ImageOrVideo from "@/components/ui/ImageOrVideo";
import ScrollReveal from "@/components/ui/ScrollReveal";
import React from 'react';
import TestimonialMarqueeCards from '@/components/sections/testimonial/TestimonialMarqueeCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
const testimonials = [
{
name: "UCC",
role: "CEO",
quote: "Yusupovusupov Agency completely transformed our brand visibility.",
},
{
name: "OldShahar",
role: "CEO",
quote: "Incredible creative energy and professional execution.",
},
{
name: "Based UZB",
role: "CEO",
quote: "Best design partner we have ever collaborated with.",
},
{
name: "Tansiq",
role: "CEO",
quote: "Their work ethic is unparalleled in Central Asia.",
},
{
name: "Atirgul",
role: "CEO",
quote: "The electric blue design language is now our signature.",
},
{
name: "Stabrini",
role: "CEO",
quote: "A fantastic team that delivers beyond expectations.",
},
{
name: "Kavestro",
role: "CEO",
quote: "Highly recommend for any creative and branding needs.",
}
];
type Testimonial = {
name: string;
role: string;
quote: string;
};
const TestimonialsInline = () => {
const half = Math.ceil(testimonials.length / 2);
const topRow = testimonials.slice(0, half);
const bottomRow = testimonials.slice(half);
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>
<section aria-label="Testimonials section" className="pt-20 pb-10">
<div className="flex flex-col gap-8 md:gap-10">
<div className="flex flex-col items-center gap-2 w-content-width mx-auto">
<div className="px-3 py-1 mb-1 text-sm card rounded w-fit">
<p>{"Client Success"}</p>
</div>
<TextAnimation
text={"Trusted by Leaders"}
variant="fade-blur"
gradientText={true}
tag="h2"
className="md:max-w-8/10 text-6xl 2xl:text-7xl leading-[1.15] font-semibold text-center text-balance"
/>
<TextAnimation
text={"What our clients say about our creative process."}
variant="fade-blur"
gradientText={false}
tag="p"
className="md:max-w-7/10 text-lg md:text-xl leading-snug text-center text-balance"
/>
{(undefined || undefined) && (
<div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3">
{undefined && <Button text={undefined.text} href={undefined.href} variant="primary"/>}
{undefined && <Button text={undefined.text} href={undefined.href} variant="secondary"animationDelay={0.1} />}
</div>
)}
</div>
<ScrollReveal variant="fade-blur" className="flex flex-col w-content-width mx-auto">
<div className="overflow-hidden mask-fade-x">
<div className="flex w-max animate-marquee-horizontal mb-5" style={{ animationDuration: "30s" }}>
{[...topRow, ...topRow, ...topRow, ...topRow].map((testimonial, index) => (
<div key={`top-${index}`} className="flex flex-col justify-between gap-4 xl:gap-5 2xl:gap-6 shrink-0 w-72 md:w-80 mr-5 p-6 xl:p-7 2xl:p-8 rounded card">
<p className="text-lg leading-snug line-clamp-3">{testimonial.quote}</p>
<div className="flex items-center gap-3">
<div className="flex items-center justify-center size-10 md:size-11 2xl:size-12 rounded-full bg-primary-cta text-primary-cta-text font-bold text-lg shrink-0">
{testimonial.name.charAt(0)}
</div>
<div className="flex flex-col min-w-0">
<span className="text-base text-foreground font-semibold leading-snug truncate">{testimonial.name}</span>
<span className="text-base text-foreground/75 leading-snug truncate">{testimonial.role}</span>
</div>
</div>
</div>
))}
</div>
</div>
<div className="overflow-hidden mask-fade-x">
<div className="flex w-max animate-marquee-horizontal-reverse mb-10" style={{ animationDuration: "30s" }}>
{[...bottomRow, ...bottomRow, ...bottomRow, ...bottomRow].map((testimonial, index) => (
<div key={`bottom-${index}`} className="flex flex-col justify-between gap-4 xl:gap-5 2xl:gap-6 shrink-0 w-72 md:w-80 mr-5 p-6 xl:p-7 2xl:p-8 rounded card">
<p className="text-lg leading-snug line-clamp-3">{testimonial.quote}</p>
<div className="flex items-center gap-3">
<div className="flex items-center justify-center size-10 md:size-11 2xl:size-12 rounded-full bg-primary-cta text-primary-cta-text font-bold text-lg shrink-0">
{testimonial.name.charAt(0)}
</div>
<div className="flex flex-col min-w-0">
<span className="text-base text-foreground font-semibold leading-snug truncate">{testimonial.name}</span>
<span className="text-base text-foreground/75 leading-snug truncate">{testimonial.role}</span>
</div>
</div>
</div>
))}
</div>
</div>
</ScrollReveal>
</div>
</section>
);
};
export default function TestimonialsSection() {
return (
<div data-webild-section="testimonials" id="testimonials">
<TestimonialsInline />
</div>
);
}