Update src/app/styles/variables.css

Merge version_2 into main

src/app/page.tsx

@@ -16,16 +16,16 @@ import { Sparkles, Zap, Settings, Users, Eye, Rocket, TrendingUp, Building2, Mai
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="text-shift"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="pill"
-      contentWidth="mediumLarge"
-      sizing="largeSmallSizeMediumTitles"
-      background="circleGradient"
-      cardStyle="inset"
-      primaryButtonStyle="primary-glow"
-      secondaryButtonStyle="radial-glow"
-      headingFontWeight="bold"
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="background-highlight"
+      borderRadius="rounded"
+      contentWidth="medium"
+      sizing="mediumLargeSizeLargeTitles"
+      background="none"
+      cardStyle="solid"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
         <NavbarStyleApple
@@ -44,15 +44,15 @@ export default function LandingPage() {
         <HeroBillboardRotatedCarousel
           title="Ärikliendile ehitatud finantseerimislahendused"
           description="Kiired otsused, paindlikud tingimused ja usaldusväärne partner teie ettevõtte kasvu toetamiseks. Rahastame asjatundlikult ja usaldusega."
-          background={{ variant: "animated-grid" }}
+          background={{ variant: "plain" }}
           tag="Äriklient"
           tagIcon={Sparkles}
-          tagAnimation="slide-up"
+          tagAnimation="none"
           buttons={[
-            { text: "Avalduse esitamine", href: "#contact" },
+            { text: "Hangi rahastus nüüd", href: "#contact" },
             { text: "Lisateave", href: "#features" }
           ]}
-          buttonAnimation="slide-up"
+          buttonAnimation="none"
           carouselItems={[
             { id: "1", imageSrc: "http://img.b2bpic.net/free-photo/female-colleagues-sitting-workplace-together-using-computer-near-paper-diagram-business-communication-mentorship-concept_74855-11690.jpg", imageAlt: "Business lending meeting" },
             { id: "2", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-employees-discussing_23-2148349937.jpg", imageAlt: "Financial trust environment" },
@@ -62,7 +62,7 @@ export default function LandingPage() {
             { id: "6", imageSrc: "http://img.b2bpic.net/free-photo/good-transaction-is-success_329181-19300.jpg", imageAlt: "Transparent pricing structure" }
           ]}
           autoPlay={true}
-          autoPlayInterval={4000}
+          autoPlayInterval={5000}
         />
       </div>
 
@@ -88,9 +88,9 @@ export default function LandingPage() {
             { icon: Users, title: "Ekspertne tugi", description: "Meie finantsspetsialistid toetavad teid kogu protsessi jooksul" },
             { icon: Eye, title: "Läbipaistev hinnakirjad", description: "Pole peidetud tasusid, kõik on selgelt kirjeldatud" }
           ]}
-          animationType="slide-up"
+          animationType="none"
           textboxLayout="default"
-          useInvertedBackground={true}
+          useInvertedBackground={false}
         />
       </div>
 
@@ -130,7 +130,7 @@ export default function LandingPage() {
               ]
             }
           ]}
-          animationType="slide-up"
+          animationType="none"
           textboxLayout="default"
           useInvertedBackground={false}
           carouselMode="buttons"
@@ -149,9 +149,9 @@ export default function LandingPage() {
               id: "2",              value: "€50M+",              title: "Jaotatud rahastamine",              description: "Äridele antud laenusumma",              imageSrc: "http://img.b2bpic.net/free-vector/business-growth-money-savings-statistics_24877-49806.jpg",              imageAlt: "Funding amount"
             }
           ]}
-          animationType="slide-up"
+          animationType="none"
           textboxLayout="default"
-          useInvertedBackground={true}
+          useInvertedBackground={false}
         />
       </div>
 
@@ -179,7 +179,7 @@ export default function LandingPage() {
               id: "6",              name: "Reet Võrk",              handle: "Omanik",              testimonial: "Personaalsel lähenemisel ja ekspertsel nõustamisel on LHV Lending paremini kui paljud teised.",              imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",              imageAlt: "Reet Võrk"
             }
           ]}
-          animationType="slide-up"
+          animationType="none"
           textboxLayout="default"
           useInvertedBackground={false}
           speed={40}
@@ -210,10 +210,10 @@ export default function LandingPage() {
               id: "6",              title: "Kas on võimalik varajane tagasimakse?",              content: "Jah, varajane tagasimaksmise võimalus on saadaval. Selle üksikasjad lepitakse lepingus."
             }
           ]}
-          faqsAnimation="slide-up"
+          faqsAnimation="none"
           textboxLayout="default"
-          useInvertedBackground={true}
-          animationType="smooth"
+          useInvertedBackground={false}
+          animationType="instant"
         />
       </div>
 
@@ -223,7 +223,7 @@ export default function LandingPage() {
           tagIcon={Mail}
           title="Kontakt ja avaldus"
           description="Alustage oma rahastuse ajalugu. Täitke lihtne vorm ja meie meeskond teiega ühendust võtab."
-          background={{ variant: "animated-grid" }}
+          background={{ variant: "plain" }}
           useInvertedBackground={false}
           inputPlaceholder="teie@ettevõte.ee"
           buttonText="Saada avaldus"

src/app/styles/variables.css

@@ -13,12 +13,12 @@
   --background: #f5f5f5;
   --card: #ffffff;
   --foreground: #1c1c1c;
-  --primary-cta: #b82b40;
+  --primary-cta: #1c1c1c;
   --primary-cta-text: #f5f5f5;
   --secondary-cta: #ffffff;
   --secondary-cta-text: #1c1c1c;
-  --accent: #b90941;
-  --background-accent: #e8a8b6;
+  --accent: #8a8a8a;
+  --background-accent: #e8e6e1;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);