Update src/app/shop/page.tsx

Merge version_1 into main

src/app/about/page.tsx

@@ -2,12 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import FooterBase from '@/components/sections/footer/FooterBase';
+import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
-import SplitAbout from '@/components/sections/about/SplitAbout';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import { Award, Droplet, Star, Users } from "lucide-react";
 
-export default function LandingPage() {
+export default function AboutPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -22,138 +27,70 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Главная",
-          id: "/",
-        },
-        {
-          name: "Магазин",
-          id: "/shop",
-        },
-        {
-          name: "О нас",
-          id: "/about",
-        },
-        {
-          name: "Контакты",
-          id: "/contact",
-        },
-      ]}
-      button={{
-        text: "Корзина",
-        href: "/cart",
-      }}
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ds1sas"
-      logoAlt="Kur Parfume Logo"
-      brandName="Kur Parfume"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Главная", id: "/" },
+              { name: "Магазин", id: "/shop" },
+              { name: "О нас", id: "/about" },
+              { name: "Контакты", id: "/contact" }
+            ]}
+            button={{
+              text: "Корзина",              href: "/cart"
+            }}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ds1sas"
+            logoAlt="Kur Parfume Logo"
+            brandName="Kur Parfume"
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <SplitAbout
-      textboxLayout="default"
-      useInvertedBackground={true}
-      imagePosition="right"
-      title="О бренде Kur Parfume"
-      description="Kur Parfume — это ода искусству создания ароматов. Мы верим, что каждый человек уникален, и его парфюм должен отражать эту индивидуальность. Мы тщательно отбираем самые редкие и высококачественные ингредиенты со всего мира, чтобы предложить вам не просто духи, а настоящее произведение искусства."
-      bulletPoints={[
-        {
-          title: "Эксклюзивность",
-          description: "Только самые редкие и уникальные ароматы, которые вы не найдёте в масс-маркете.",
-        },
-        {
-          title: "Качество",
-          description: "Гарантия подлинности и долговечности каждого флакона.",
-        },
-        {
-          title: "Страсть",
-          description: "Наш подход основан на глубокой любви к парфюмерии и желании делиться ею с вами.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/adult-reusing-materials-creative-ways_23-2149409426.jpg"
-      imageAlt="Изысканные ингредиенты для парфюма"
-      mediaAnimation="slide-up"
-    />
-  </div>
+        <div id="about-us" data-section="about-us">
+          <MetricSplitMediaAbout
+            title="Наша История и Ценности"
+            description="Kur Parfume — это не просто магазин, это философия ароматов, где каждая капля рассказывает уникальную историю. Мы стремимся предлагать эксклюзивную нишевую парфюмерию, созданную с любовью и страстью к искусству ароматов. Наша миссия — помочь вам найти свой идеальный аромат, который подчеркнет вашу индивидуальность и оставит незабываемое впечатление."
+            metrics={[
+              { value: "10 000+", title: "Довольных клиентов" },
+              { value: "50+", title: "Уникальных ароматов" },
+              { value: "7+", title: "Лет на рынке" }
+            ]}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-ph13gx3u.jpg?_wi=1"
+            imageAlt="Основатель Kur Parfume"
+            useInvertedBackground={false}
+            mediaAnimation="slide-up"
+            metricsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Luxury Essence",
-        "Aroma Masters",
-        "Scented Gallery",
-        "Elite Fragrances",
-        "Prestige Scents",
-        "Golden Drops",
-        "Velvet Aura",
-      ]}
-      title="Нам доверяют лучшие"
-      description="Мы гордимся сотрудничеством с ведущими поставщиками и экспертами в мире нишевой парфюмерии, гарантируя непревзойденное качество и эксклюзивность нашей продукции."
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Навигация",
-          items: [
-            {
-              label: "Главная",
-              href: "/",
-            },
-            {
-              label: "Магазин",
-              href: "/shop",
-            },
-            {
-              label: "О нас",
-              href: "/about",
-            },
-            {
-              label: "Контакты",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Поддержка",
-          items: [
-            {
-              label: "WhatsApp",
-              href: "https://wa.me/79899407488",
-            },
-            {
-              label: "FAQ",
-              href: "/shop#faq",
-            },
-            {
-              label: "Политика конфиденциальности",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Социальные сети",
-          items: [
-            {
-              label: "Instagram",
-              href: "https://instagram.com/kurparfume",
-            },
-          ],
-        },
-      ]}
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ds1sas"
-      logoAlt="Kur Parfume Logo"
-      logoText="Kur Parfume"
-      copyrightText="© 2024 Kur Parfume. Все права защищены."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Навигация",                items: [
+                  { label: "Главная", href: "/" },
+                  { label: "Магазин", href: "/shop" },
+                  { label: "О нас", href: "/about" },
+                  { label: "Контакты", href: "/contact" }
+                ]
+              },
+              {
+                title: "Поддержка",                items: [
+                  { label: "WhatsApp", href: "https://wa.me/79899407488" },
+                  { label: "FAQ", href: "/shop#faq" },
+                  { label: "Политика конфиденциальности", href: "#" }
+                ]
+              },
+              {
+                title: "Социальные сети",                items: [
+                  { label: "Instagram", href: "https://instagram.com/kurparfume" }
+                ]
+              }
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ds1sas"
+            logoAlt="Kur Parfume Logo"
+            logoText="Kur Parfume"
+            copyrightText="© 2024 Kur Parfume. Все права защищены."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/contact/page.tsx

@@ -2,11 +2,16 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
 import FooterBase from '@/components/sections/footer/FooterBase';
+import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
+import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
 
-export default function LandingPage() {
+export default function ContactPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -21,113 +26,67 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Главная",
-          id: "/",
-        },
-        {
-          name: "Магазин",
-          id: "/shop",
-        },
-        {
-          name: "О нас",
-          id: "/about",
-        },
-        {
-          name: "Контакты",
-          id: "/contact",
-        },
-      ]}
-      button={{
-        text: "Корзина",
-        href: "/cart",
-      }}
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ds1sas"
-      logoAlt="Kur Parfume Logo"
-      brandName="Kur Parfume"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Главная", id: "/" },
+              { name: "Магазин", id: "/shop" },
+              { name: "О нас", id: "/about" },
+              { name: "Контакты", id: "/contact" }
+            ]}
+            button={{
+              text: "Корзина",              href: "/cart"
+            }}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ds1sas"
+            logoAlt="Kur Parfume Logo"
+            brandName="Kur Parfume"
+          />
+        </div>
 
-  <div id="contact-section" data-section="contact-section">
-      <ContactText
-      useInvertedBackground={true}
-      background={{
-        variant: "rotated-rays-static",
-      }}
-      text="Мы всегда рады помочь вам в выборе идеального аромата. Свяжитесь с нами для консультации или заказа."
-      buttons={[
-        {
-          text: "Написать в WhatsApp",
-          href: "https://wa.me/79899407488",
-        },
-        {
-          text: "Связаться через Instagram",
-          href: "https://instagram.com/kurparfume",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact-us" data-section="contact-us">
+          <ContactCTA
+            tag="Свяжитесь с нами"
+            title="Мы всегда на связи"
+            description="Есть вопросы об ароматах, заказе или доставке? Мы готовы помочь! Напишите нам в WhatsApp или Instagram."
+            buttons={[
+              { text: "Написать в WhatsApp", href: "https://wa.me/79899407488" },
+              { text: "Написать в Instagram", href: "https://instagram.com/kurparfume" }
+            ]}
+            background={{ variant: "radial-gradient" }}
+            useInvertedBackground={false}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Навигация",
-          items: [
-            {
-              label: "Главная",
-              href: "/",
-            },
-            {
-              label: "Магазин",
-              href: "/shop",
-            },
-            {
-              label: "О нас",
-              href: "/about",
-            },
-            {
-              label: "Контакты",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Поддержка",
-          items: [
-            {
-              label: "WhatsApp",
-              href: "https://wa.me/79899407488",
-            },
-            {
-              label: "FAQ",
-              href: "/shop#faq",
-            },
-            {
-              label: "Политика конфиденциальности",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Социальные сети",
-          items: [
-            {
-              label: "Instagram",
-              href: "https://instagram.com/kurparfume",
-            },
-          ],
-        },
-      ]}
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ds1sas"
-      logoAlt="Kur Parfume Logo"
-      logoText="Kur Parfume"
-      copyrightText="© 2024 Kur Parfume. Все права защищены."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Навигация",                items: [
+                  { label: "Главная", href: "/" },
+                  { label: "Магазин", href: "/shop" },
+                  { label: "О нас", href: "/about" },
+                  { label: "Контакты", href: "/contact" }
+                ]
+              },
+              {
+                title: "Поддержка",                items: [
+                  { label: "WhatsApp", href: "https://wa.me/79899407488" },
+                  { label: "FAQ", href: "/shop#faq" },
+                  { label: "Политика конфиденциальности", href: "#" }
+                ]
+              },
+              {
+                title: "Социальные сети",                items: [
+                  { label: "Instagram", href: "https://instagram.com/kurparfume" }
+                ]
+              }
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ds1sas"
+            logoAlt="Kur Parfume Logo"
+            logoText="Kur Parfume"
+            copyrightText="© 2024 Kur Parfume. Все права защищены."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/page.tsx

@@ -16,14 +16,14 @@ export default function LandingPage() {
     <ThemeProvider
         defaultButtonVariant="shift-hover"
         defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
-        contentWidth="smallMedium"
+        borderRadius="soft"
+        contentWidth="mediumLarge"
         sizing="large"
-        background="fluid"
-        cardStyle="inset"
-        primaryButtonStyle="double-inset"
-        secondaryButtonStyle="layered"
-        headingFontWeight="semibold"
+        background="noise"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="radial-glow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="medium"
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
@@ -34,7 +34,7 @@ export default function LandingPage() {
         {
           name: "Магазин",          id: "/shop"},
         {
-          name: "О нас",          id: "/about"},
+        name: "О нас",          id: "/about"},
         {
           name: "Контакты",          id: "/contact"},
       ]}
@@ -58,17 +58,15 @@ export default function LandingPage() {
       ]}
       slides={[
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781011134169-4ztlfq8j.jpg?_wi=1",          imageAlt: "Парфюм Molecules 02"},
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-3tntryhs.jpg?_wi=1",          imageAlt: "Luxury perfume bottle on dark background"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781011134169-q52wbvp3.jpg?_wi=1",          imageAlt: "Парфюм Blue Talisman"},
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-ph13gx3u.jpg?_wi=2",          imageAlt: "Close-up of elegant perfume bottle with gold cap"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781011134169-m62rdl4j.jpg?_wi=1",          imageAlt: "Парфюм Madawi Gold"},
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-dw1kacv3.jpg?_wi=1",          imageAlt: "Perfume bottle with shimmering gold elements"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781011134169-oy0szbre.jpg?_wi=1",          imageAlt: "Парфюм Matsukita"},
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-kblugs9v.jpg?_wi=1",          imageAlt: "Perfume bottle with abstract lighting and reflections"},
         {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781011134169-jpm1dw95.jpg?_wi=1",          imageAlt: "Парфюм Sauvage Dior"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/autumn-still-life-assortment_23-2149080528.jpg",          imageAlt: "Роскошный флакон духов"},
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-07bhhl2c.jpg?_wi=1",          imageAlt: "Perfume bottle with brand logo detail"},
       ]}
       autoplayDelay={5000}
       showDimOverlay={true}
@@ -79,21 +77,21 @@ export default function LandingPage() {
       <ProductCardOne
       animationType="scale-rotate"
       textboxLayout="default"
-      gridVariant="two-columns-alternating-heights"
+      gridVariant="three-columns-all-equal-width"
       useInvertedBackground={true}
       products={[
         {
-          id: "1",          name: "Amber Noir",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-sustainably-produced-alcoholic-beverage_23-2150162937.jpg",          imageAlt: "Amber Noir"},
+          id: "1",          name: "Amber Noir",          price: "",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-3tntryhs.jpg?_wi=2",          imageAlt: "Amber Noir perfume bottle"},
         {
-          id: "2",          name: "Aqua Vitae",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/nail-polish-brush_23-2147710593.jpg",          imageAlt: "Aqua Vitae"},
+          id: "2",          name: "Aqua Vitae",          price: "",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-ph13gx3u.jpg?_wi=3",          imageAlt: "Aqua Vitae perfume bottle"},
         {
-          id: "3",          name: "Oud Mystique",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-vegan-alcohol-arrangement_23-2149337761.jpg",          imageAlt: "Oud Mystique"},
+          id: "3",          name: "Oud Mystique",          price: "",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-dw1kacv3.jpg?_wi=2",          imageAlt: "Oud Mystique perfume bottle"},
         {
-          id: "4",          name: "Rose Elixir",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/valentines-day-still-life-design_23-2149246319.jpg",          imageAlt: "Rose Elixir"},
+          id: "4",          name: "Rose Elixir",          price: "",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-kblugs9v.jpg?_wi=2",          imageAlt: "Rose Elixir perfume bottle"},
         {
-          id: "5",          name: "Spiced Vanille",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/ceremonial-wedding-candles-with-white-ribbons-engagement-ring-perfume-wooden-floor_8353-10520.jpg",          imageAlt: "Spiced Vanille"},
+          id: "5",          name: "Spiced Vanille",          price: "",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-07bhhl2c.jpg?_wi=2",          imageAlt: "Spiced Vanille perfume bottle"},
         {
-          id: "6",          name: "Green Serenity",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/selective-focus-shot-green-leaves_181624-41744.jpg",          imageAlt: "Green Serenity"},
+          id: "6",          name: "Green Serenity",          price: "",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-3tntryhs.jpg?_wi=3",          imageAlt: "Green Serenity perfume bottle"},
       ]}
       title="Изысканные Ароматы"
       description="Погрузитесь в нашу коллекцию нишевой парфюмерии, созданной для самых искушённых ценителей."
@@ -110,15 +108,15 @@ export default function LandingPage() {
       useInvertedBackground={false}
       testimonials={[
         {
-          id: "1",          name: "Анна Иванова",          date: "12/03/2023",          title: "Идеальный аромат!",          quote: "Я в восторге от парфюма Oud Mystique! Он стойкий и невероятно глубокий. Получаю комплименты каждый день. Настоящая находка!",          tag: "Древесный",          avatarSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23081.jpg",          avatarAlt: "Анна Иванова",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781011134169-4ztlfq8j.jpg?_wi=2",          imageAlt: "elegant woman portrait sophisticated"},
+          id: "1",          name: "Анна Иванова",          date: "12/03/2023",          title: "Идеальный аромат!",          quote: "Я в восторге от парфюма Oud Mystique! Он стойкий и невероятно глубокий. Получаю комплименты каждый день. Настоящая находка!",          tag: "Древесный",          avatarSrc: "http://img.b2bpic.net/free-photo/cute-girl-with-shopping-bag-city_1157-23081.jpg",          avatarAlt: "Анна Иванова",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-3tntryhs.jpg?_wi=4",          imageAlt: "Luxury perfume bottle"},
         {
-          id: "2",          name: "Дмитрий Петров",          date: "05/02/2023",          title: "Высшее качество",          quote: "Kur Parfume предлагает нечто уникальное. Aqua Vitae — мой новый фаворит, свежий и элегантный. Очень доволен покупкой и сервисом.",          tag: "Свежий",          avatarSrc: "http://img.b2bpic.net/free-photo/businessman-posing-restaurant_1157-45811.jpg",          avatarAlt: "Дмитрий Петров",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781011134169-q52wbvp3.jpg?_wi=2",          imageAlt: "elegant woman portrait sophisticated"},
+          id: "2",          name: "Дмитрий Петров",          date: "05/02/2023",          title: "Высшее качество",          quote: "Kur Parfume предлагает нечто уникальное. Aqua Vitae — мой новый фаворит, свежий и элегантный. Очень доволен покупкой и сервисом.",          tag: "Свежий",          avatarSrc: "http://img.b2bpic.net/free-photo/businessman-posing-restaurant_1157-45811.jpg",          avatarAlt: "Дмитрий Петров",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-ph13gx3u.jpg?_wi=4",          imageAlt: "Elegant perfume bottle"},
         {
-          id: "3",          name: "Елена Смирнова",          date: "18/01/2023",          title: "Истинное наслаждение",          quote: "Rose Elixir — это шедевр! Нежный, но при этом запоминающийся аромат. Сразу чувствуешь себя особенной. Спасибо, Kur Parfume!",          tag: "Цветочный",          avatarSrc: "http://img.b2bpic.net/free-photo/carefree-joyful-charming-cheeky-blond-woman-party-all-night-long-have-fun-smiling-happily-enjoying-awesome-evening-nightclub-dancing-silver-stylish-dress-winking-sassy-camera-red-background_1258-308174.jpg",          avatarAlt: "Елена Смирнова",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781011134169-m62rdl4j.jpg?_wi=2",          imageAlt: "elegant woman portrait sophisticated"},
+          id: "3",          name: "Елена Смирнова",          date: "18/01/2023",          title: "Истинное наслаждение",          quote: "Rose Elixir — это шедевр! Нежный, но при этом запоминающийся аромат. Сразу чувствуешь себя особенной. Спасибо, Kur Parfume!",          tag: "Цветочный",          avatarSrc: "http://img.b2bpic.net/free-photo/carefree-joyful-charming-cheeky-blond-woman-party-all-night-long-have-fun-smiling-happily-enjoying-awesome-evening-nightclub-dancing-silver-stylish-dress-winking-sassy-camera-red-background_1258-308174.jpg",          avatarAlt: "Елена Смирнова",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-dw1kacv3.jpg?_wi=3",          imageAlt: "Perfume bottle with gold elements"},
         {
-          id: "4",          name: "Сергей Козлов",          date: "29/11/2022",          title: "Премиум во всём",          quote: "Заказывал Amber Noir, и это просто потрясающе. Глубокий, тёплый, истинно мужской аромат. Доставка быстрая, упаковка роскошная.",          tag: "Восточный",          avatarSrc: "http://img.b2bpic.net/free-photo/black-woman-with-big-afro-hair-watching-camera-smiling_633478-2768.jpg",          avatarAlt: "Сергей Козлов",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781011134169-oy0szbre.jpg?_wi=2",          imageAlt: "elegant woman portrait sophisticated"},
+          id: "4",          name: "Сергей Козлов",          date: "29/11/2022",          title: "Премиум во всём",          quote: "Заказывал Amber Noir, и это просто потрясающе. Глубокий, тёплый, истинно мужской аромат. Доставка быстрая, упаковка роскошная.",          tag: "Восточный",          avatarSrc: "http://img.b2bpic.net/free-photo/black-woman-with-big-afro-hair-watching-camera-smiling_633478-2768.jpg",          avatarAlt: "Сергей Козлов",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-kblugs9v.jpg?_wi=3",          imageAlt: "Perfume bottle with abstract light"},
         {
-          id: "5",          name: "Ольга Кузнецова",          date: "01/10/2022",          title: "Неповторимый шарм",          quote: "Green Serenity - это именно то, что я искала! Чистый, природный и очень стойкий. Идеально подходит для повседневного использования.",          tag: "Зеленый",          avatarSrc: "http://img.b2bpic.net/free-photo/stylish-woman-talking-phone-office_23-2147670306.jpg",          avatarAlt: "Ольга Кузнецова",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781011134169-jpm1dw95.jpg?_wi=2",          imageAlt: "elegant woman portrait sophisticated"},
+          id: "5",          name: "Ольга Кузнецова",          date: "01/10/2022",          title: "Неповторимый шарм",          quote: "Green Serenity - это именно то, что я искала! Чистый, природный и очень стойкий. Идеально подходит для повседневного использования.",          tag: "Зеленый",          avatarSrc: "http://img.b2bpic.net/free-photo/stylish-woman-talking-phone-office_23-2147670306.jpg",          avatarAlt: "Ольга Кузнецова",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-07bhhl2c.jpg?_wi=3",          imageAlt: "Perfume bottle with logo reflected"},
       ]}
       title="Что говорят наши клиенты"
       description="Отзывы наших довольных покупателей, которые уже открыли для себя мир исключительных ароматов."
@@ -157,13 +155,13 @@ export default function LandingPage() {
       description="Мы предлагаем нечто большее, чем просто духи – мы создаём незабываемые впечатления."
       features={[
         {
-          title: "Эксклюзивные Коллекции",          description: "Постоянно обновляемый ассортимент уникальных нишевых ароматов от ведущих парфюмеров.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3k8gw4",          imageAlt: "luxury brand partner logo minimal",          buttonIcon: Star
+          title: "Эксклюзивные Коллекции",          description: "Постоянно обновляемый ассортимент уникальных нишевых ароматов от ведущих парфюмеров.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-3tntryhs.jpg?_wi=5",          imageAlt: "luxury brand partner logo minimal",          buttonIcon: Star
         },
         {
-          title: "Премиальное Качество Ингредиентов",          description: "Мы используем только самые редкие и высококачественные компоненты со всего мира.",          imageSrc: "http://img.b2bpic.net/free-photo/hand-drawn-phrase-no-isolated-white-sheet_171337-10892.jpg",          imageAlt: "premium ingredients symbol",          buttonIcon: Award
+          title: "Премиальное Качество Ингредиентов",          description: "Мы используем только самые редкие и высококачественные компоненты со всего мира.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-ph13gx3u.jpg?_wi=5",          imageAlt: "premium ingredients symbol",          buttonIcon: Award
         },
         {
-          title: "Индивидуальный Подход",          description: "Наши эксперты помогут вам найти аромат, который идеально подчеркнет вашу индивидуальность.",          imageSrc: "http://img.b2bpic.net/free-vector/luxury-logo-design-template_23-2150880423.jpg",          imageAlt: "personalized service icon",          buttonIcon: Users
+          title: "Индивидуальный Подход",          description: "Наши эксперты помогут вам найти аромат, который идеально подчеркнет вашу индивидуальность.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-dw1kacv3.jpg?_wi=4",          imageAlt: "personalized service icon",          buttonIcon: Users
         }
       ]}
     />
@@ -210,4 +208,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/shop/page.tsx

@@ -2,12 +2,63 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FaqSplitText from '@/components/sections/faq/FaqSplitText';
-import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
-import ProductCardOne from '@/components/sections/product/ProductCardOne';
+import FooterBase from '@/components/sections/footer/FooterBase';
+import ProductCatalog from '@/components/ecommerce/productCatalog/ProductCatalog';
+import React, { useState } from "react";
+
+export default function ShopPage() {
+  const [search, setSearch] = useState("");
+  const [selectedAroma, setSelectedAroma] = useState("Все");
+  const [selectedPrice, setSelectedPrice] = useState("Все");
+
+  const productsData = [
+    {
+      id: "1",      name: "Golden Bloom",      category: "Цветочный",      description: "Изысканный букет цветов с тонкими нотками ванили и мускуса, создающий ощущение роскоши и уюта. Идеально подходит для вечернего выхода.",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-3tntryhs.jpg?_wi=6",      imageAlt: "Golden Bloom perfume",      price: "",      rating: 5,
+      reviewCount: "25"},
+    {
+      id: "2",      name: "Ocean Whisper",      category: "Свежий",      description: "Прохладный, морской аромат, напоминающий о свежем бризе и бескрайних океанских просторах. С нотами цитруса и морской соли.",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-ph13gx3u.jpg?_wi=6",      imageAlt: "Ocean Whisper perfume",      price: "",      rating: 4.8,
+      reviewCount: "30"},
+    {
+      id: "3",      name: "Mystic Wood",      category: "Древесный",      description: "Глубокий и загадочный древесный аромат с оттенками сандала, кедра и легкими пряными аккордами. Для тех, кто ценит таинственность.",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-dw1kacv3.jpg?_wi=5",      imageAlt: "Mystic Wood perfume",      price: "",      rating: 4.9,
+      reviewCount: "18"},
+    {
+      id: "4",      name: "Desert Rose",      category: "Восточный",      description: "Теплый и обволакивающий восточный аромат с нотами розы, уда и амбры. Идеален для создания атмосферы загадочности и страсти.",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-kblugs9v.jpg?_wi=4",      imageAlt: "Desert Rose perfume",      price: "",      rating: 4.7,
+      reviewCount: "22"},
+    {
+      id: "5",      name: "Green Meadow",      category: "Свежий",      description: "Яркий и жизнерадостный аромат свежескошенной травы, листьев и легких цветочных акцентов. Переносит на летний луг.",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Etvl6dRUA43IBVgyF5jqKQbVlr/uploaded-1781012343814-07bhhl2c.jpg?_wi=4",      imageAlt: "Green Meadow perfume",      price: "",      rating: 4.5,
+      reviewCount: "15"},
+    {
+      id: "6",      name: "Spiced Amber",      category: "Восточный",      description: "Насыщенный аромат амбры с пряными нотками корицы, гвоздики и ванили. Создает ощущение тепла и уюта, идеален для холодного времени года.",      imageSrc: "http://img.b2bpic.net/free-photo/red-background-perfume_23-2148785023.jpg",      imageAlt: "Spiced Amber perfume",      price: "",      rating: 4.6,
+      reviewCount: "19"},
+    {
+      id: "7",      name: "Citrus Zest",      category: "Свежий",      description: "Бодрящий и искрящийся цитрусовый аромат с нотами лимона, апельсина и грейпфрута. Придает энергию и свежесть на весь день.",      imageSrc: "http://img.b2bpic.net/free-photo/orange-slices-dark-background-close-up_23-2147774182.jpg",      imageAlt: "Citrus Zest perfume",      price: "",      rating: 4.7,
+      reviewCount: "10"},
+    {
+      id: "8",      name: "Velvet Oud",      category: "Древесный",      description: "Роскошный и глубокий аромат уда, дополненный бархатистыми нотами кожи и пачули. Символ элегантности и силы.",      imageSrc: "http://img.b2bpic.net/free-photo/dark-background-perfume-bottle_23-2148785057.jpg",      imageAlt: "Velvet Oud perfume",      price: "",      rating: 5,
+      reviewCount: "35"},
+    {
+      id: "9",      name: "Moonlit Garden",      category: "Цветочный",      description: "Нежный цветочный аромат ночного сада, наполненного благоуханием жасмина, туберозы и мускуса. Идеально для романтических вечеров.",      imageSrc: "http://img.b2bpic.net/free-photo/close-up-perfume-bottle-with-flower_23-2147710570.jpg",      imageAlt: "Moonlit Garden perfume",      price: "",      rating: 4.8,
+      reviewCount: "12"},
+    {
+      id: "10",      name: "Smoky Vetiver",      category: "Древесный",      description: "Элегантный и интригующий аромат ветивера с дымными оттенками и землистыми нотами. Подчеркивает индивидуальность и уверенность.",      imageSrc: "http://img.b2bpic.net/free-photo/close-up-perfume-bottle_23-2147710582.jpg",      imageAlt: "Smoky Vetiver perfume",      price: "",      rating: 4.9,
+      reviewCount: "20"},
+  ];
+
+  const filteredProducts = productsData.filter(product => {
+    const matchesSearch = product.name.toLowerCase().includes(search.toLowerCase()) || product.description.toLowerCase().includes(search.toLowerCase());
+    const matchesAroma = selectedAroma === "Все" || product.category.includes(selectedAroma);
+    // Price filter is dummy since prices are hidden, so it always returns true
+    const matchesPrice = selectedPrice === "Все" || true; // placeholder for hidden prices
+
+    return matchesSearch && matchesAroma && matchesPrice;
+  });
+
+  const handleProductClick = (productName) => {
+    const whatsappLink = `https://wa.me/79899407488?text=Здравствуйте%2C%20я%20хочу%20узнать%20больше%20о%20парфюме%20"${encodeURIComponent(productName)}"%20из%20вашего%20каталога.`;
+    window.open(whatsappLink, '_blank');
+  };
 
-export default function LandingPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -22,201 +73,79 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Главная",
-          id: "/",
-        },
-        {
-          name: "Магазин",
-          id: "/shop",
-        },
-        {
-          name: "О нас",
-          id: "/about",
-        },
-        {
-          name: "Контакты",
-          id: "/contact",
-        },
-      ]}
-      button={{
-        text: "Корзина",
-        href: "/cart",
-      }}
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ds1sas"
-      logoAlt="Kur Parfume Logo"
-      brandName="Kur Parfume"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Главная", id: "/" },
+              { name: "Магазин", id: "/shop" },
+              { name: "О нас", id: "/about" },
+              { name: "Контакты", id: "/contact" },
+            ]}
+            button={{ text: "Корзина", href: "/cart" }}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ds1sas"
+            logoAlt="Kur Parfume Logo"
+            brandName="Kur Parfume"
+          />
+        </div>
 
-  <div id="shop-products" data-section="shop-products">
-      <ProductCardOne
-      animationType="scale-rotate"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={true}
-      products={[
-        {
-          id: "1",
-          name: "Amber Noir",
-          price: "",
-          imageSrc: "http://img.b2bpic.net/free-photo/tasty-beverage-with-lemon-top-view_23-2148340066.jpg",
-          imageAlt: "Amber Noir",
-        },
-        {
-          id: "2",
-          name: "Aqua Vitae",
-          price: "",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-plant-front-view_23-2148835357.jpg",
-          imageAlt: "Aqua Vitae",
-        },
-        {
-          id: "3",
-          name: "Oud Mystique",
-          price: "",
-          imageSrc: "http://img.b2bpic.net/free-photo/make-up-brushes-lipstick-broken-face-powder-dark-background_23-2147970827.jpg",
-          imageAlt: "Oud Mystique",
-        },
-        {
-          id: "4",
-          name: "Rose Elixir",
-          price: "",
-          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-beautiful-flowers_23-2149307872.jpg",
-          imageAlt: "Rose Elixir",
-        },
-        {
-          id: "5",
-          name: "Spiced Vanille",
-          price: "",
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-latern-still-life_23-2150300226.jpg",
-          imageAlt: "Spiced Vanille",
-        },
-        {
-          id: "6",
-          name: "Green Serenity",
-          price: "",
-          imageSrc: "http://img.b2bpic.net/free-photo/natural-argan-oil-dropper-composition_23-2149016648.jpg",
-          imageAlt: "Green Serenity",
-        },
-        {
-          id: "7",
-          name: "Tropical Bliss",
-          price: "",
-          imageSrc: "http://img.b2bpic.net/free-photo/mango-still-life_23-2151542115.jpg",
-          imageAlt: "Tropical Bliss",
-        },
-        {
-          id: "8",
-          name: "Midnight Leather",
-          price: "",
-          imageSrc: "http://img.b2bpic.net/free-photo/glass-whiskey-with-cigar-table-close-up-photo-alcohol-cigar_1157-39195.jpg",
-          imageAlt: "Midnight Leather",
-        },
-      ]}
-      title="Полный Каталог Парфюмерии"
-      description="Откройте для себя нашу полную коллекцию уникальных ароматов. Используйте фильтры, чтобы найти свой идеальный парфюм."
-      buttons={[
-        {
-          text: "Заказать через WhatsApp",
-          href: "https://wa.me/79899407488",
-        },
-      ]}
-    />
-  </div>
+        <div id="shop-catalog" data-section="shop-catalog">
+          <ProductCatalog
+            layout="page"
+            products={filteredProducts.map(product => ({
+              ...product,
+              onProductClick: () => handleProductClick(product.name),
+            }))}
+            searchValue={search}
+            onSearchChange={setSearch}
+            searchPlaceholder="Поиск по ароматам..."
+            filters={[
+              {
+                label: "Тип Аромата",                options: ["Все", "Сладкий", "Свежий", "Древесный", "Восточный", "Цветочный", "Пряный"],
+                selected: selectedAroma,
+                onChange: setSelectedAroma,
+              },
+              {
+                label: "Ценовой Диапазон",                options: ["Все", "Низкий", "Средний", "Высокий"],
+                selected: selectedPrice,
+                onChange: setSelectedPrice,
+              },
+            ]}
+            emptyMessage="По вашему запросу ничего не найдено."
+            className="py-16"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqSplitText
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "1",
-          title: "Как сделать заказ?",
-          content: "Вы можете выбрать любой аромат в нашем каталоге и нажать кнопку «Заказать». Вас перенаправит в WhatsApp для оформления заказа и уточнения всех деталей.",
-        },
-        {
-          id: "2",
-          title: "Как осуществляется доставка?",
-          content: "Мы предлагаем быструю и надёжную доставку по всей России. Детали и стоимость обсуждаются индивидуально через WhatsApp при оформлении заказа.",
-        },
-        {
-          id: "3",
-          title: "Каковы условия оплаты?",
-          content: "Оплата производится после подтверждения заказа и деталей доставки через WhatsApp. Мы принимаем различные способы оплаты, которые будут предложены вам нашим менеджером.",
-        },
-        {
-          id: "4",
-          title: "Можно ли вернуть или обменять товар?",
-          content: "В соответствии с законодательством РФ, парфюмерно-косметические товары надлежащего качества не подлежат обмену и возврату. Однако, если у вас возникли проблемы с заказом, свяжитесь с нами.",
-        },
-      ]}
-      sideTitle="Часто задаваемые вопросы"
-      sideDescription="Здесь вы найдете ответы на самые популярные вопросы о нашей парфюмерии, доставке и заказах."
-      faqsAnimation="slide-up"
-      textPosition="left"
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Навигация",
-          items: [
-            {
-              label: "Главная",
-              href: "/",
-            },
-            {
-              label: "Магазин",
-              href: "/shop",
-            },
-            {
-              label: "О нас",
-              href: "/about",
-            },
-            {
-              label: "Контакты",
-              href: "/contact",
-            },
-          ],
-        },
-        {
-          title: "Поддержка",
-          items: [
-            {
-              label: "WhatsApp",
-              href: "https://wa.me/79899407488",
-            },
-            {
-              label: "FAQ",
-              href: "/shop#faq",
-            },
-            {
-              label: "Политика конфиденциальности",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "Социальные сети",
-          items: [
-            {
-              label: "Instagram",
-              href: "https://instagram.com/kurparfume",
-            },
-          ],
-        },
-      ]}
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ds1sas"
-      logoAlt="Kur Parfume Logo"
-      logoText="Kur Parfume"
-      copyrightText="© 2024 Kur Parfume. Все права защищены."
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              {
+                title: "Навигация",                items: [
+                  { label: "Главная", href: "/" },
+                  { label: "Магазин", href: "/shop" },
+                  { label: "О нас", href: "/about" },
+                  { label: "Контакты", href: "/contact" },
+                ],
+              },
+              {
+                title: "Поддержка",                items: [
+                  { label: "WhatsApp", href: "https://wa.me/79899407488" },
+                  { label: "FAQ", href: "/shop#faq" },
+                  { label: "Политика конфиденциальности", href: "#" },
+                ],
+              },
+              {
+                title: "Социальные сети",                items: [
+                  { label: "Instagram", href: "https://instagram.com/kurparfume" },
+                ],
+              },
+            ]}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ds1sas"
+            logoAlt="Kur Parfume Logo"
+            logoText="Kur Parfume"
+            copyrightText="© 2024 Kur Parfume. Все права защищены."
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0d0d0d;
+  --background: #0a0a0a;
   --card: #1a1a1a;
-  --foreground: #f0f0f0;
-  --primary-cta: #d4af37;
+  --foreground: #f5f5f5;
+  --primary-cta: #ffdf7d;
   --primary-cta-text: #0d0d0d;
-  --secondary-cta: #f0f0f0;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #0d0d0d;
-  --accent: #a37b00;
-  --background-accent: #262626;
+  --accent: #b8860b;
+  --background-accent: #8b6914;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);