From 234b30ddc84354c17c149ca66663a12e9e1ecca4 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Tue, 21 Apr 2026 17:09:02 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 366 +++++++++++++++++------------------------------
 1 file changed, 131 insertions(+), 235 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2c65986..6ae1d62 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -19,251 +19,147 @@ export default function LandingPage() {
         defaultButtonVariant="bounce-effect"
         defaultTextAnimation="background-highlight"
         borderRadius="pill"
+        contentWidth="medium"
+        sizing="medium"
+        background="circleGradient"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="gradient"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "hero",
-        },
-        {
-          name: "About",
-          id: "about",
-        },
-        {
-          name: "Services",
-          id: "features",
-        },
-        {
-          name: "Contact",
-          id: "contact",
-        },
-      ]}
-      brandName="EVOMAG"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "hero" },
+              { name: "About", id: "about" },
+              { name: "Services", id: "features" },
+              { name: "Contact", id: "contact" },
+            ]}
+            brandName="EVOMAG"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroBillboardCarousel
-      background={{
-        variant: "plain",
-      }}
-      title="Качество и професионализъм"
-      description="Вашият надежден денонощен магазин за технологии и аксесоари."
-      buttons={[
-        {
-          text: "Научете повече",
-          href: "#about",
-        },
-      ]}
-      mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-employee-preparing-bag-with-purchase-elderly-client-modern-boutique-fashionable-woman-buying-stylish-casual-wear-store-making-electronic-payment-pos-terminal_482257-71889.jpg?_wi=1",
-          imageAlt: "Retail store interior",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_52683-100423.jpg?_wi=1",
-          imageAlt: "Friendly staff assistant",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/abandoned-house-with-metallic-doors_23-2149454806.jpg",
-          imageAlt: "Modern storefront",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/coworking-coffee-shop-owner-barista_1098-20960.jpg",
-          imageAlt: "Service counter",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/yogurt-drinks-section-supermarket_53876-63415.jpg",
-          imageAlt: "Well stocked shelves",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/row-decorative-light-bulbs-hanging-cafe_181624-58119.jpg",
-          imageAlt: "Shopping environment",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroBillboardCarousel
+            background={{ variant: "plain" }}
+            title="Качество и професионализъм"
+            description="Вашият надежден денонощен магазин за технологии и аксесоари."
+            buttons={[{ text: "Научете повече", href: "#about" }]}
+            mediaItems={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/african-american-employee-preparing-bag-with-purchase-elderly-client-modern-boutique-fashionable-woman-buying-stylish-casual-wear-store-making-electronic-payment-pos-terminal_482257-71889.jpg", imageAlt: "Retail store interior" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_52683-100423.jpg", imageAlt: "Friendly staff assistant" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/abandoned-house-with-metallic-doors_23-2149454806.jpg", imageAlt: "Modern storefront" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/coworking-coffee-shop-owner-barista_1098-20960.jpg", imageAlt: "Service counter" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/yogurt-drinks-section-supermarket_53876-63415.jpg", imageAlt: "Well stocked shelves" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/row-decorative-light-bulbs-hanging-cafe_181624-58119.jpg", imageAlt: "Shopping environment" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <MediaAbout
-      useInvertedBackground={true}
-      title="За нас"
-      description="EVOMAG е доверен партньор, предлагащ изключително обслужване и качествени продукти. Ние сме тук 24/7, за да ви помогнем с избора на най-добрите решения."
-      imageSrc="http://img.b2bpic.net/free-photo/young-woman-with-dyed-hair-near-shop_23-2149488667.jpg"
-      imageAlt="retail shop exterior storefront"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <MediaAbout
+            useInvertedBackground={true}
+            title="За нас"
+            description="EVOMAG е доверен партньор, предлагащ изключително обслужване и качествени продукти. Ние сме тук 24/7, за да ви помогнем с избора на най-добрите решения."
+            imageSrc="http://img.b2bpic.net/free-photo/young-woman-with-dyed-hair-near-shop_23-2149488667.jpg"
+            imageAlt="retail shop exterior storefront"
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardMedia
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          title: "Денонощно обслужване",
-          description: "На разположение по всяко време на денонощието.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg",
-          imageAlt: "professional male customer portrait",
-        },
-        {
-          id: "2",
-          title: "Професионален екип",
-          description: "Винаги усмихнати и готови да съдействат.",
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-employee-preparing-bag-with-purchase-elderly-client-modern-boutique-fashionable-woman-buying-stylish-casual-wear-store-making-electronic-payment-pos-terminal_482257-71889.jpg?_wi=2",
-          imageAlt: "professional male customer portrait",
-        },
-        {
-          id: "3",
-          title: "Разумни цени",
-          description: "Отлично качество на достъпни цени.",
-          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_52683-100423.jpg?_wi=2",
-          imageAlt: "professional male customer portrait",
-        },
-      ]}
-      title="Нашите предимства"
-      description="Защо клиентите избират EVOMAG:"
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardMedia
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            title="Нашите предимства"
+            description="Защо клиентите избират EVOMAG:"
+            features={[
+              { id: "1", title: "Денонощно обслужване", description: "На разположение по всяко време на денонощието.", tag: "24/7", imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg", imageAlt: "professional male customer portrait" },
+              { id: "2", title: "Професионален екип", description: "Винаги усмихнати и готови да съдействат.", tag: "Екип", imageSrc: "http://img.b2bpic.net/free-photo/african-american-employee-preparing-bag-with-purchase-elderly-client-modern-boutique-fashionable-woman-buying-stylish-casual-wear-store-making-electronic-payment-pos-terminal_482257-71889.jpg", imageAlt: "professional male customer portrait" },
+              { id: "3", title: "Разумни цени", description: "Отлично качество на достъпни цени.", tag: "Оферти", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_52683-100423.jpg", imageAlt: "professional male customer portrait" },
+            ]}
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardThree
-      textboxLayout="default"
-      useInvertedBackground={true}
-      metrics={[
-        {
-          id: "m1",
-          icon: Star,
-          title: "Клиенти",
-          value: "1000+",
-        },
-        {
-          id: "m2",
-          icon: Clock,
-          title: "Часа работа",
-          value: "24/7",
-        },
-        {
-          id: "m3",
-          icon: ThumbsUp,
-          title: "Отзиви",
-          value: "500+",
-        },
-      ]}
-      title="Статистика"
-      description="Доверие, изградено с времето."
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardThree
+            textboxLayout="default"
+            useInvertedBackground={true}
+            animationType="slide-up"
+            metrics={[
+              { id: "m1", icon: Star, title: "Клиенти", value: "1000+" },
+              { id: "m2", icon: Clock, title: "Часа работа", value: "24/7" },
+              { id: "m3", icon: ThumbsUp, title: "Отзиви", value: "500+" },
+            ]}
+            title="Статистика"
+            description="Доверие, изградено с времето."
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="Страхотно обслужване, винаги на ниво!"
-      rating={5}
-      author="MarT0"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/mujer-joven-divirtiendose-en-el-centro-comercial_1098-2392.jpg",
-          alt: "happy female customer shopping",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-woman-looking-discounts_1098-2404.jpg",
-          alt: "Young woman looking for discounts",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/fashion-girl-posing-shopping-center_23-2148225672.jpg",
-          alt: "Fashion girl posing at shopping center",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
-          alt: "Close up portrait of young handsome successful man",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-130180.jpg",
-          alt: "Closeup of attractive africanamerican woman smiling and looking happy standing over yellow backgroun",
-        },
-      ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardFifteen
+            useInvertedBackground={false}
+            testimonial="Страхотно обслужване, винаги на ниво!"
+            rating={5}
+            author="MarT0"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/mujer-joven-divirtiendose-en-el-centro-comercial_1098-2392.jpg", alt: "happy female customer shopping" },
+              { src: "http://img.b2bpic.net/free-photo/young-woman-looking-discounts_1098-2404.jpg", alt: "Young woman looking for discounts" },
+              { src: "http://img.b2bpic.net/free-photo/fashion-girl-posing-shopping-center_23-2148225672.jpg", alt: "Fashion girl posing at shopping center" },
+              { src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Close up portrait of young handsome successful man" },
+              { src: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-130180.jpg", alt: "Closeup of attractive africanamerican woman smiling and looking happy standing over yellow backgroun" },
+            ]}
+            ratingAnimation="slide-up"
+            avatarsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitMedia
-      textboxLayout="split"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "f1",
-          title: "Кога работите?",
-          content: "Работим 24 часа, 7 дни в седмицата.",
-        },
-        {
-          id: "f2",
-          title: "Предлагате ли отстъпки?",
-          content: "Да, често предлагаме промоции и отстъпки на нашите клиенти.",
-        },
-        {
-          id: "f3",
-          title: "Какви продукти предлагате?",
-          content: "Технологии, аксесоари и IQOS устройства.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/call-center-senior-agent-uses-ai-tech-enhance-customer-interactions_482257-117995.jpg"
-      title="Често задавани въпроси"
-      description="Полезни отговори на вашите въпроси."
-      faqsAnimation="slide-up"
-      imageAlt="customer service support desk"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqSplitMedia
+            textboxLayout="split"
+            useInvertedBackground={true}
+            faqs={[
+              { id: "f1", title: "Кога работите?", content: "Работим 24 часа, 7 дни в седмицата." },
+              { id: "f2", title: "Предлагате ли отстъпки?", content: "Да, често предлагаме промоции и отстъпки на нашите клиенти." },
+              { id: "f3", title: "Какви продукти предлагате?", content: "Технологии, аксесоари и IQOS устройства." },
+            ]}
+            imageSrc="http://img.b2bpic.net/free-photo/call-center-senior-agent-uses-ai-tech-enhance-customer-interactions_482257-117995.jpg"
+            title="Често задавани въпроси"
+            description="Полезни отговори на вашите въпроси."
+            faqsAnimation="slide-up"
+            imageAlt="customer service support desk"
+            mediaAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="Контакти"
-      title="Свържете се с нас"
-      description="Имате въпроси? Пишете ни!"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="Контакти"
+            title="Свържете се с нас"
+            description="Имате въпроси? Пишете ни!"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "Меню",
-          items: [
-            {
-              label: "Начало",
-              href: "#hero",
-            },
-            {
-              label: "За нас",
-              href: "#about",
-            },
-          ],
-        },
-        {
-          title: "Контакти",
-          items: [
-            {
-              label: "Помощ",
-              href: "#faq",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 EVOMAG OOD. Всички права запазени."
-      bottomRightText="Дизайн от Webild"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterSimple
+            columns={[
+              {
+                title: "Меню",                items: [
+                  { label: "Начало", href: "#hero" },
+                  { label: "За нас", href: "#about" },
+                ],
+              },
+              {
+                title: "Контакти",                items: [{ label: "Помощ", href: "#faq" }],
+              },
+            ]}
+            bottomLeftText="© 2024 EVOMAG OOD. Всички права запазени."
+            bottomRightText="Дизайн от Webild"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1