Update src/app/styles/variables.css

Merge version_1 into main

src/app/page.tsx

@@ -2,14 +2,15 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactText from '@/components/sections/contact/ContactText';
+import ContactFaq from '@/components/sections/contact/ContactFaq';
+import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import FaqBase from '@/components/sections/faq/FaqBase';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
 import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import { Phone } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -30,29 +31,17 @@ export default function LandingPage() {
       <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Начало",
+          name: "Начало",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "За мен",
+          name: "За мен",          id: "about"},
-          id: "about",
-        },
         {
-          name: "Услуги",
+          name: "Услуги",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "Отзиви",
+          name: "Отзиви",          id: "testimonials"},
-          id: "testimonials",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "faq"},
-          id: "faq",
-        },
         {
-          name: "Свържи се",
+          name: "Свържи се",          id: "contact"},
-          id: "contact",
-        },
       ]}
       brandName="Pavlov Photography"
     />
@@ -61,46 +50,23 @@ export default function LandingPage() {
   <div id="hero" data-section="hero">
       <HeroBillboardRotatedCarousel
       background={{
-        variant: "plain",
+        variant: "plain"}}
-      }}
       title="Теодор Павлов · Фотограф в София"
       description="Снимки, които продават. Имоти, автомобили и продукти — заснети с внимание към детайла и предадени до 48 часа."
       tag="Снимки, които продават"
       buttons={[
         {
-          text: "Виж пакетите",
+          text: "Виж пакетите",          href: "#pricing"},
-          href: "#pricing",
-        },
         {
-          text: "Свържи се",
+          text: "Свържи се",          href: "#contact"},
-          href: "#contact",
-        },
       ]}
       carouselItems={[
-        {
+        { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407633.jpg?_wi=1" },
-          id: "1",
+        { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/freelancer-sitting-hood-working-remotely_23-2148155097.jpg?_wi=1" },
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407633.jpg?_wi=1",
+        { id: "3", imageSrc: "http://img.b2bpic.net/free-photo/stacked-cookies-yellow-background_23-2147938113.jpg?_wi=1" },
-        },
+        { id: "4", imageSrc: "http://img.b2bpic.net/free-photo/green-architectural-city-buildings_23-2149554116.jpg" },
-        {
+        { id: "5", imageSrc: "http://img.b2bpic.net/free-photo/retro-car-parked-grass_158595-1890.jpg" },
-          id: "2",
+        { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727960.jpg" },
-          imageSrc: "http://img.b2bpic.net/free-photo/freelancer-sitting-hood-working-remotely_23-2148155097.jpg?_wi=1",
-        },
-        {
-          id: "3",
-          imageSrc: "http://img.b2bpic.net/free-photo/stacked-cookies-yellow-background_23-2147938113.jpg?_wi=1",
-        },
-        {
-          id: "4",
-          imageSrc: "http://img.b2bpic.net/free-photo/green-architectural-city-buildings_23-2149554116.jpg",
-        },
-        {
-          id: "5",
-          imageSrc: "http://img.b2bpic.net/free-photo/retro-car-parked-grass_158595-1890.jpg",
-        },
-        {
-          id: "6",
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-chef-preparing-food-kitchen_23-2149727960.jpg",
-        },
       ]}
     />
   </div>
@@ -111,18 +77,9 @@ export default function LandingPage() {
       title="Работя с внимание към детайла"
       description="Казвам се Теодор Павлов — снимам имоти, коли и продукти в София и региона. Подхождам индивидуално към всяка поръчка — целта ми е снимките да работят за теб и да помагат на клиентите ти да вземат решение."
       metrics={[
-        {
+        { value: "48ч", title: "Предаване" },
-          value: "48ч",
+        { value: "3+", title: "Категории" },
-          title: "Предаване",
+        { value: "€20", title: "От цена" },
-        },
-        {
-          value: "3+",
-          title: "Категории",
-        },
-        {
-          value: "€20",
-          title: "От цена",
-        },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/portrait-cheerful-photographer-studio_158595-501.jpg"
       mediaAnimation="slide-up"
@@ -137,62 +94,20 @@ export default function LandingPage() {
       useInvertedBackground={false}
       plans={[
         {
-          id: "basic",
+          id: "basic",          title: "Пакет Базов",          price: "€30",          period: "за малки имоти",          features: ["До 10 обработени снимки", "Предаване до 48 часа", "Стандартна обработка"],
-          title: "Пакет Базов",
+          button: { text: "Избери", href: "#contact" },
-          price: "€30",
+          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407633.jpg?_wi=2"},
-          period: "за малки имоти",
-          features: [
-            "До 10 обработени снимки",
-            "Предаване до 48 часа",
-            "Стандартна обработка",
-            "Google Drive / WeTransfer",
-          ],
-          button: {
-            text: "Избери",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-minimal-decorated-room_23-2150407633.jpg?_wi=2",
-          imageAlt: "professional interior photography apartment",
-        },
         {
-          id: "standard",
+          id: "standard",          title: "Пакет Стандарт",          price: "€60",          period: "за коли и продукти",          features: ["До 20 обработени снимки", "Предаване до 24 часа", "Стандартна обработка"],
-          title: "Пакет Стандарт",
+          button: { text: "Избери", href: "#contact" },
-          price: "€60",
+          imageSrc: "http://img.b2bpic.net/free-photo/freelancer-sitting-hood-working-remotely_23-2148155097.jpg?_wi=2"},
-          period: "за коли и продукти",
-          features: [
-            "До 20 обработени снимки",
-            "Предаване до 24 часа",
-            "Стандартна обработка",
-            "Google Drive / WeTransfer",
-          ],
-          button: {
-            text: "Избери",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/freelancer-sitting-hood-working-remotely_23-2148155097.jpg?_wi=2",
-          imageAlt: "automotive photography exterior street",
-        },
         {
-          id: "pro",
+          id: "pro",          title: "Пакет Професионален",          price: "€100",          period: "цялостен подход",          features: ["До 40 обработени снимки", "Предаване до 24 часа", "Стандартна обработка"],
-          title: "Пакет Професионален",
+          button: { text: "Избери", href: "#contact" },
-          price: "€100",
+          imageSrc: "http://img.b2bpic.net/free-photo/stacked-cookies-yellow-background_23-2147938113.jpg?_wi=2"},
-          period: "цялостен подход",
-          features: [
-            "До 40 обработени снимки",
-            "Предаване до 24 часа",
-            "Стандартна обработка",
-            "Google Drive / WeTransfer",
-          ],
-          button: {
-            text: "Избери",
-            href: "#contact",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/stacked-cookies-yellow-background_23-2147938113.jpg?_wi=2",
-          imageAlt: "product photography studio lighting",
-        },
       ]}
       title="Избери своя пакет"
-      description="Ясни цени без скрити такси. Стандартна обработка (светлина, цветове, изправяне) е включена."
+      description="Ясни цени без скрити такси. Стандартна обработка включена."
     />
   </div>
 
@@ -202,30 +117,9 @@ export default function LandingPage() {
       testimonial="Много коректен и точен. Снимките дойдоха навреме, обработени чисто. Имотът се продаде за седмица след публикацията."
       rating={5}
       author="Мария П. — Клиент, имот"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg",
-          alt: "Мария П.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/car-buyer-liking-new-vehicle-interior-vehicle-dealership_342744-733.jpg",
-          alt: "Георги И.",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/young-beautiful-woman-holding-book_23-2148396358.jpg",
-          alt: "Клиент Продукти",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-posing-smiling-desk_23-2148372216.jpg",
-          alt: "Клиент Имоти",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg",
-          alt: "Допълнителен клиент",
-        },
-      ]}
       ratingAnimation="slide-up"
       avatarsAnimation="slide-up"
+      avatars={[{ src: "http://img.b2bpic.net/free-photo/this-is-my-way-relax_329181-1143.jpg", alt: "Мария П." }]}
     />
   </div>
 
@@ -234,71 +128,48 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
+        { id: "1", title: "Как да запазя час?", content: "Свържи се с мен по телефон или чрез формата за контакт." },
-          id: "1",
+        { id: "2", title: "Кога получавам снимките?", content: "Снимките се предават до 24–48 часа." },
-          title: "Как да запазя час?",
-          content: "Свържи се с мен по телефон или чрез формата за контакт. Уточняваме дата, час и вид на заснемането — и сме готови.",
-        },
-        {
-          id: "2",
-          title: "Кога получавам снимките?",
-          content: "Снимките се предават до 24–48 часа след заснемането в дигитален формат чрез Google Drive или WeTransfer.",
-        },
-        {
-          id: "3",
-          title: "Включена ли е обработката?",
-          content: "Да — стандартна обработка (светлина, цветове, изправяне) е включена във всички пакети.",
-        },
       ]}
       title="Често задавани въпроси"
-      description="Всичко, което трябва да знаете преди да запазите час."
+      description="Всичко, което трябва да знаете."
       faqsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
-      <ContactText
+      <ContactFaq
-      useInvertedBackground={true}
+        ctaTitle="Готови да започнем?"
-      background={{
+        ctaDescription="Пишете ми или се обадете, за да обсъдим Вашия проект."
-        variant: "plain",
+        ctaButton={{ text: "Свържи се сега", href: "#contact" }}
-      }}
+        ctaIcon={Phone}
-      text="Готов да заснемем? Свържи се и уговаряме час. Без задължения, без скрити такси. Телефон: 0889 755 406 | Имейл: teodorpavlovformal@gmail.com"
+        animationType="slide-up"
-    />
+        useInvertedBackground={true}
+        faqs={[
+            { id: "f1", title: "Къде работите?", content: "Работя в гр. София и региона." },
+            { id: "f2", title: "Какви са сроковете?", content: "Стандартното предаване е до 48 часа." }
+        ]}
+      />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
+      <FooterBaseCard
+      logoText="Pavlov Photography"
       columns={[
         {
-          items: [
+          title: "Навигация",          items: [
-            {
+            { label: "За мен", href: "#about" },
-              label: "За мен",
+            { label: "Услуги", href: "#pricing" },
-              href: "#about",
-            },
-            {
-              label: "Услуги",
-              href: "#pricing",
-            },
-            {
-              label: "Контакт",
-              href: "#contact",
-            },
           ],
         },
         {
-          items: [
+          title: "Контакти",          items: [
-            {
+            { label: "София и региона", href: "#" },
-              label: "София и региона",
+            { label: "0889 755 406", href: "tel:0889755406" },
-              href: "#",
-            },
-            {
-              label: "© 2026 Pavlov Photography",
-              href: "#",
-            },
           ],
-        },
+        }
       ]}
-      logoText="Pavlov Photography"
+      copyrightText="© 2026 Pavlov Photography"
     />
   </div>
       </ReactLenis>

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-lato), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;
@@ -24,5 +24,5 @@ h3,
 h4,
 h5,
 h6 {
-  font-family: var(--font-lato), sans-serif;
+  font-family: var(--font-montserrat), sans-serif;
 }

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #f5f4ef;
+  --background: #f6f0e9;
-  --card: #dad6cd;
+  --card: #efe7dd;
-  --foreground: #2a2928;
+  --foreground: #2b180a;
-  --primary-cta: #2a2928;
+  --primary-cta: #2b180a;
   --primary-cta-text: #f5f4ef;
-  --secondary-cta: #ecebea;
+  --secondary-cta: #efe7dd;
   --secondary-cta-text: #2a2928;
-  --accent: #ffffff;
+  --accent: #94877c;
-  --background-accent: #c6b180;
+  --background-accent: #afa094;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);