Merge version_2_1781468642072 into main

Merge version_2_1781468642072 into main

src/components/Layout.tsx

@@ -45,10 +45,16 @@ export default function Layout() {
         <NavbarCentered
       logo="Akbolat"
       ctaButton={{
-        text: "Book Repair",
-        href: "#contact",
+        text: "Узнать цены",
+        href: "#services",
       }}
-     navItems={navItems} />
+     navItems={[
+       { name: "Услуги", href: "#services" },
+       { name: "Отзывы", href: "#reviews" },
+       { name: "Контакты", href: "#contact" },
+       { name: "Пн-Пт 9:00-18:00", href: "#" },
+       { name: "+49 123 456 789", href: "tel:+49123456789" }
+     ]} />
       </SectionErrorBoundary>
       <main className="flex-grow">
         <Outlet />

src/index.css

@@ -1,19 +1,19 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
 @import "tailwindcss";
 @import "./styles/masks.css";
 @import "./styles/animations.css";
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #f6f0e9;
-  --card: #efe7dd;
-  --foreground: #2b180a;
-  --primary-cta: #2b180a;
-  --primary-cta-text: #f6f0e9;
-  --secondary-cta: #efe7dd;
-  --secondary-cta-text: #2b180a;
-  --accent: #94877c;
-  --background-accent: #afa094;
+  --background: #ffffff;
+  --card: #f8fafc;
+  --foreground: #0f172a;
+  --primary-cta: #1e3a8a;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #f1f5f9;
+  --secondary-cta-text: #1e3a8a;
+  --accent: #9a3412;
+  --background-accent: #e2e8f0;
 
   /* @layout/border-radius/rounded */
   --radius: 0.5rem;
@@ -88,8 +88,8 @@
   --color-background-accent: var(--background-accent);
 
   /* Fonts */
-  --font-sans: 'Inter Tight', sans-serif;
-  --font-tight: "Inter Tight", sans-serif;
+  --font-sans: 'Inter', sans-serif;
+  --font-tight: "Inter", sans-serif;
   --font-mono: monospace;
 
   /* Border Radius */

src/pages/HomePage.tsx

@@ -1,182 +1,36 @@
-import AboutText from '@/components/sections/about/AboutText';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
-import FeaturesDetailedCards from '@/components/sections/features/FeaturesDetailedCards';
-import HeroSplitVerticalMarquee from '@/components/sections/hero/HeroSplitVerticalMarquee';
-import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
-import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
-import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
-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 ServicesSection from './HomePage/sections/Services';
+import MetricsSection from './HomePage/sections/Metrics';
+import ReviewsSection from './HomePage/sections/Reviews';
+import ProofSection from './HomePage/sections/Proof';
+import FaqSection from './HomePage/sections/Faq';
+import ContactSection from './HomePage/sections/Contact';
+
+export default function HomePage(): React.JSX.Element {
   return (
-    <>
-  <div id="hero" data-section="hero">
-    <SectionErrorBoundary name="hero">
-          <HeroSplitVerticalMarquee
-      tag="Expert Craftsmanship"
-      title="Restoring Your Most Loved Items"
-      description="At Akbolat, we treat your shoes, bags, and gear with the respect they deserve. Fast, affordable, and built to last."
-      primaryButton={{
-        text: "Get a Quote",        href: "#contact"}}
-      secondaryButton={{
-        text: "See Services",        href: "#services"}}
-      leftItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186765.jpg"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/bootmaker-workshop-making-shoes_171337-12278.jpg"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-buckle-strap-brown-canvas-camera-utility-bag_181624-16887.jpg"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cute-business-boy-blue-classic-suit-posing-holding-brown-silver-suitcase-business-work-fashion_179666-1389.jpg"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-cobbler-modeling-mens-shoe_171337-12234.jpg"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/male-local-traveler-with-camera_23-2149016748.jpg"},
-      ]}
-      rightItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-room-opening-door-with-hands-gloves_176474-2810.jpg"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/shoemaker-workshop-making-shoes_171337-12281.jpg"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/detail-hair-dresser-with-tools_23-2148108848.jpg"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/elderly-person-is-serving-boot-service-his-own-personal-workshop_613910-17409.jpg"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-engraving-art-tools_23-2149186779.jpg"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-blurry-worker-holding-tool_23-2149103833.jpg"},
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutText
-      title="A Legacy of Trust and Quality"
-      primaryButton={{
-        text: "Visit Us",        href: "#contact"}}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="services" data-section="services">
-    <SectionErrorBoundary name="services">
-          <FeaturesDetailedCards
-      tag="Our Services"
-      title="Quality Solutions for Everyday Wear"
-      description="Don't discard what can be fixed. From heel replacements to backpack stitching, we're here to extend the life of your valuables."
-      items={[
-        {
-          title: "Premium Shoe Repair",          description: "Heel replacement, resoling, and leather care with professional-grade materials.",          tags: [
-            "Leather",            "Expertise"],
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-cobbler-doing-measurments-shoe_171337-12247.jpg"},
-        {
-          title: "Gear Restoration",          description: "Heavy-duty stitching for bags, straps, and accessories to keep them looking new.",          tags: [
-            "Durable",            "Strong"],
-          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sitting-plastic-orange-penny-shortboard-asphalt-cap_158538-13620.jpg"},
-        {
-          title: "Precision Key Copying",          description: "Fast and accurate key duplication while you wait. Accurate, simple, reliable.",          tags: [
-            "Speed",            "Accurate"],
-          imageSrc: "http://img.b2bpic.net/free-photo/orange-press-clothes-buttons-fabric-woman-with-sewing-tools_1157-46474.jpg"},
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ServicesSection />
 
-  <div id="metrics" data-section="metrics">
-    <SectionErrorBoundary name="metrics">
-          <MetricsSimpleCards
-      tag="Reliability"
-      title="Akbolat by the Numbers"
-      description="Our passion for craftsmanship shows in every job."
-      metrics={[
-        {
-          value: "10/10",          description: "Customer Satisfaction"},
-        {
-          value: "24h",          description: "Fast Turnaround"},
-        {
-          value: "100%",          description: "Quality Guaranteed"},
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MetricsSection />
 
-  <div id="reviews" data-section="reviews">
-    <SectionErrorBoundary name="reviews">
-          <TestimonialQuoteCards
-      tag="Testimonials"
-      title="What Our Customers Say"
-      description="We are proud to serve our community with honest, professional care."
-      testimonials={[
-        {
-          name: "Jacqueline Robinson",          role: "Local Expert",          quote: "Fast and friendly service. My boots look amazing.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-exited-girl-with-brown-hair-pink-lips-is-looking-up-with-wonderful-smile-near-window-sun-day-pretty-adorable-lady-resting-home_291650-2326.jpg"},
-        {
-          name: "Micael Alonso Frank",          role: "Local Expert",          quote: "Extremely happy with my bag repair. Excellent quality.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-brunette-woman-spends-time-drinks-delicious-home-brewed-coffee_1258-202528.jpg"},
-        {
-          name: "Alexa Manasco",          role: "Local Expert",          quote: "Fixed my backpack straps perfectly! Looks brand new.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg"},
-        {
-          name: "Celso Monteiro",          role: "Local Expert",          quote: "Super nice owner, quick key copies.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg"},
-        {
-          name: "Mr.S",          role: "Customer",          quote: "Very durable repair, professional attitude.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-two-raised-fingers_1187-1103.jpg"},
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ReviewsSection />
 
-  <div id="proof" data-section="proof">
-    <SectionErrorBoundary name="proof">
-          <SocialProofMarquee
-      tag="Trusted Professional"
-      title="Our Craftsman Values"
-      description="Quality, integrity, and speed are at the core of everything we do."
-      names={[
-        "Precision Sewing",        "Durable Materials",        "Fast Turnaround",        "Affordable Rates",        "Professional Attitude",        "Friendly Service",        "Expert Craftsmanship"]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ProofSection />
 
-  <div id="faq" data-section="faq">
-    <SectionErrorBoundary name="faq">
-          <FaqTabbedAccordion
-      tag="Common Questions"
-      title="Everything You Need to Know"
-      description="Find answers to frequently asked questions about our repair services."
-      categories={[
-        {
-          name: "General",          items: [
-            {
-              question: "How long does a typical shoe repair take?",              answer: "Most simple repairs like heel replacements are finished within 3 business days."},
-            {
-              question: "Do you handle custom repairs?",              answer: "Yes, we handle various leather goods and gear repairs."},
-          ],
-        },
-        {
-          name: "Pricing",          items: [
-            {
-              question: "Are your prices competitive?",              answer: "We pride ourselves on offering very competitive and reasonable prices."},
-          ],
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FaqSection />
 
-  <div id="contact" data-section="contact">
-    <SectionErrorBoundary name="contact">
-          <ContactCta
-      tag="Book a Service"
-      text="Ready to restore your gear? Visit our workshop today."
-      primaryButton={{
-        text: "Call Now",        href: "tel:+1234567890"}}
-      secondaryButton={{
-        text: "Get Directions",        href: "#"}}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ContactSection />
     </>
   );
-}
+}

src/pages/HomePage/sections/About.tsx

@@ -0,0 +1,20 @@
+// 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 AboutText from '@/components/sections/about/AboutText';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutText
+          title="A Legacy of Trust and Quality"
+          primaryButton={{
+            text: "Visit Us",        href: "#contact"}}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Contact.tsx

@@ -0,0 +1,23 @@
+// 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="Book a Service"
+          text="Ready to restore your gear? Visit our workshop today."
+          primaryButton={{
+            text: "Call Now",        href: "tel:+1234567890"}}
+          secondaryButton={{
+            text: "Get Directions",        href: "#"}}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Faq.tsx

@@ -0,0 +1,36 @@
+// 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 FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+        <SectionErrorBoundary name="faq">
+              <FaqTabbedAccordion
+          tag="Common Questions"
+          title="Everything You Need to Know"
+          description="Find answers to frequently asked questions about our repair services."
+          categories={[
+            {
+              name: "General",          items: [
+                {
+                  question: "How long does a typical shoe repair take?",              answer: "Most simple repairs like heel replacements are finished within 3 business days."},
+                {
+                  question: "Do you handle custom repairs?",              answer: "Yes, we handle various leather goods and gear repairs."},
+              ],
+            },
+            {
+              name: "Pricing",          items: [
+                {
+                  question: "Are your prices competitive?",              answer: "We pride ourselves on offering very competitive and reasonable prices."},
+              ],
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Hero.tsx

@@ -0,0 +1,79 @@
+/* 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 HeroBackgroundSlot from "@/components/ui/HeroBackgroundSlot";
+import TextAnimation from "@/components/ui/TextAnimation";
+import ImageOrVideo from "@/components/ui/ImageOrVideo";
+import ScrollReveal from "@/components/ui/ScrollReveal";
+import AvatarGroup from "@/components/ui/AvatarGroup";
+
+const primaryButton = {
+  text: "Оценить стоимость ремонта по фото",
+  href: "https://wa.me/49123456789"
+};
+const secondaryButton = {
+  href: "#services",
+  text: "Наши услуги"
+};
+
+type HeroBillboardProps = {
+  tag?: string;
+  title: string;
+  description: string;
+  primaryButton: { text: string; href: string };
+  secondaryButton: { text: string; href: string };
+  avatarsSrc?: string[];
+  avatarsLabel?: string;
+} & ({ imageSrc: string; videoSrc?: never } | { videoSrc: string; imageSrc?: never });
+
+const HeroInline = () => {
+  return (
+    <section aria-label="Hero section" className="relative pt-25 pb-20 md:pt-30">
+      <HeroBackgroundSlot />
+      <div className="flex flex-col gap-12 md:gap-15 w-content-width mx-auto">
+        <div className="flex flex-col items-center gap-3 text-center">
+          {undefined && undefined.length > 0 ? (
+            <AvatarGroup className="mb-1" />
+          ) : "Ваш надежный сосед-мастер" ? (
+            <div className="px-3 py-1 mb-1 text-sm card rounded w-fit">
+              <p>{"Ваш надежный сосед-мастер"}</p>
+            </div>
+          ) : null}
+
+          <TextAnimation
+            text={"Быстрый и надежный ремонт обуви, сумок и изготовление ключей"}
+            variant="fade"
+            gradientText={false}
+            tag="h1"
+            className="md:max-w-8/10 text-7xl 2xl:text-8xl leading-[1.15] font-semibold text-center text-balance"
+          />
+
+          <TextAnimation
+            text={"Спасаем ваши любимые вещи. Профессионально, недорого, с гарантией."}
+            variant="fade"
+            gradientText={false}
+            tag="p"
+            className="md:max-w-7/10 text-lg md:text-xl leading-snug text-balance"
+          />
+
+          <div className="flex flex-wrap justify-center gap-3 mt-2 md:mt-3">
+            <Button text={primaryButton.text} href={primaryButton.href} variant="primary"/>
+            <Button text={secondaryButton.text} href={secondaryButton.href} variant="secondary" animationDelay={0.1} />
+          </div>
+        </div>
+
+        <ScrollReveal variant="fade" delay={0.2} className="w-full p-2 xl:p-3 2xl:p-4 card rounded overflow-hidden">
+          <ImageOrVideo imageSrc={"https://images.unsplash.com/photo-1581092160562-40aa08e78837?q=80&w=2000&auto=format&fit=crop"} className="aspect-4/5 md:aspect-video" />
+        </ScrollReveal>
+      </div>
+    </section>
+  );
+};
+
+export default function HeroSection() {
+  return (
+    <div data-webild-section="hero" id="hero">
+      <HeroInline />
+    </div>
+  );
+}

src/pages/HomePage/sections/Metrics.tsx

@@ -0,0 +1,28 @@
+// 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 MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MetricsSection(): React.JSX.Element {
+  return (
+    <div id="metrics" data-section="metrics">
+        <SectionErrorBoundary name="metrics">
+              <MetricsSimpleCards
+          tag="Reliability"
+          title="Akbolat by the Numbers"
+          description="Our passion for craftsmanship shows in every job."
+          metrics={[
+            {
+              value: "10/10",          description: "Customer Satisfaction"},
+            {
+              value: "24h",          description: "Fast Turnaround"},
+            {
+              value: "100%",          description: "Quality Guaranteed"},
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Proof.tsx

@@ -0,0 +1,22 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "proof" section.
+
+import React from 'react';
+import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ProofSection(): React.JSX.Element {
+  return (
+    <div id="proof" data-section="proof">
+        <SectionErrorBoundary name="proof">
+              <SocialProofMarquee
+          tag="Trusted Professional"
+          title="Our Craftsman Values"
+          description="Quality, integrity, and speed are at the core of everything we do."
+          names={[
+            "Precision Sewing",        "Durable Materials",        "Fast Turnaround",        "Affordable Rates",        "Professional Attitude",        "Friendly Service",        "Expert Craftsmanship"]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Reviews.tsx

@@ -0,0 +1,32 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "reviews" section.
+
+import React from 'react';
+import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ReviewsSection(): React.JSX.Element {
+  return (
+    <div id="reviews" data-section="reviews">
+        <SectionErrorBoundary name="reviews">
+              <TestimonialQuoteCards
+          tag="Testimonials"
+          title="What Our Customers Say"
+          description="We are proud to serve our community with honest, professional care."
+          testimonials={[
+            {
+              name: "Jacqueline Robinson",          role: "Local Expert",          quote: "Fast and friendly service. My boots look amazing.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-exited-girl-with-brown-hair-pink-lips-is-looking-up-with-wonderful-smile-near-window-sun-day-pretty-adorable-lady-resting-home_291650-2326.jpg"},
+            {
+              name: "Micael Alonso Frank",          role: "Local Expert",          quote: "Extremely happy with my bag repair. Excellent quality.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-brunette-woman-spends-time-drinks-delicious-home-brewed-coffee_1258-202528.jpg"},
+            {
+              name: "Alexa Manasco",          role: "Local Expert",          quote: "Fixed my backpack straps perfectly! Looks brand new.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg"},
+            {
+              name: "Celso Monteiro",          role: "Local Expert",          quote: "Super nice owner, quick key copies.",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg"},
+            {
+              name: "Mr.S",          role: "Customer",          quote: "Very durable repair, professional attitude.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-two-raised-fingers_1187-1103.jpg"},
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}

src/pages/HomePage/sections/Services.tsx

@@ -0,0 +1,17 @@
+// Created by add_section_from_catalog (FeaturesDetailedCards).
+
+import React from 'react';
+import FeaturesDetailedCards from '@/components/sections/features/FeaturesDetailedCards';
+
+export default function ServicesSection(): React.JSX.Element {
+  return (
+    <div data-webild-section="services" id="services">
+      <FeaturesDetailedCards
+        items={[{"description":"Набойки, замена подошвы (от 10€), прошивка.","title":"Ремонт обуви","tags":["Обувь","От 10€"],"imageSrc":"https://images.unsplash.com/photo-1595341888016-a392ef81b7de?q=80&w=1000&auto=format&fit=crop"},{"title":"Ремонт сумок и рюкзаков","description":"Восстановление ремешков, замена молний, работа с кожей.","imageSrc":"https://images.unsplash.com/photo-1590874103328-eac38a683ce7?q=80&w=1000&auto=format&fit=crop","tags":["Сумки","Рюкзаки"]},{"title":"Изготовление ключей","description":"Дубликаты за 5 минут. Быстро и надежно.","imageSrc":"https://images.unsplash.com/photo-1582139329536-e7284fece509?q=80&w=1000&auto=format&fit=crop","tags":["Ключи","5 минут"]}]}
+        description="Четко и по делу. Мы предлагаем профессиональный ремонт и изготовление ключей."
+        title="Что мы умеем делать лучше всего"
+        tag="Наши услуги"
+      />
+    </div>
+  );
+}