diff --git a/index.html b/index.html index 013b0cf..d071455 100644 --- a/index.html +++ b/index.html @@ -100,12 +100,12 @@ flexibil si capabil sa raspunda necesitatilor de dezvoltare.

- - Descopera ROA + + Descopera ROA + + + Vezi Demo -
@@ -144,8 +144,8 @@ ROA Auto - - Eficientizeaza activitatea service-ului! + + Eficientizeaza activitatea service-ului! @@ -155,8 +155,8 @@

Sistem specializat pentru calculul devizelor de lucrări, managementul proiectelor și estimarea costurilor de construcții.

- - Afla mai mult + + Afla mai mult @@ -168,20 +168,20 @@

Descarca Romfast Suport

- - Descarca + + Descarca

Ammyy Admin

- - Acceseaza + + Acceseaza

TeamViewer

- - Acceseaza + + Acceseaza
diff --git a/professional-theme.css b/professional-theme.css index 84f1225..29ec908 100644 --- a/professional-theme.css +++ b/professional-theme.css @@ -77,34 +77,14 @@ body { border: 1px solid var(--border) !important; border-radius: var(--radius) !important; box-shadow: var(--shadow) !important; - transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; position: relative !important; - overflow: hidden !important; -} - -.professional-card::before { - content: '' !important; - position: absolute !important; - top: -1px !important; - left: -1px !important; - right: -1px !important; - bottom: -1px !important; - background: var(--button-gradient) !important; - border-radius: var(--radius) !important; - z-index: -1 !important; - opacity: 0 !important; - transition: opacity 0.3s ease !important; + transition: none !important; + transform: none !important; } .professional-card:hover { - background: var(--card-hover) !important; - box-shadow: var(--shadow-lg) !important; - transform: translateY(-4px) !important; - border-color: transparent !important; -} - -.professional-card:hover::before { - opacity: 1 !important; + transition: none !important; + transform: none !important; } /* Soft professional blue buttons */ @@ -113,74 +93,29 @@ body { color: var(--primary-foreground) !important; border-radius: var(--radius-lg) !important; border: none !important; - box-shadow: var(--shadow-sm) !important; - transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; - position: relative !important; - overflow: hidden !important; font-weight: 600 !important; -} - -.professional-btn-primary::before { - content: '' !important; - position: absolute !important; - top: 0 !important; - left: -100% !important; - width: 100% !important; - height: 100% !important; - background: var(--red-gradient) !important; - transition: left 0.3s ease !important; -} - -.professional-btn-primary:hover::before { - left: 0 !important; + text-decoration: none !important; + display: inline-block !important; + padding: 12px 24px !important; } .professional-btn-primary:hover { - box-shadow: var(--shadow-md) !important; - transform: translateY(-1px) !important; -} - -.professional-btn-primary span { - position: relative !important; - z-index: 1 !important; + opacity: 0.9 !important; } .professional-btn-secondary { - background: var(--card) !important; + background: transparent !important; color: var(--primary) !important; - border: 2px solid var(--primary) !important; + border: none !important; border-radius: var(--radius-lg) !important; - transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; font-weight: 500 !important; - position: relative !important; - overflow: hidden !important; -} - -.professional-btn-secondary::before { - content: '' !important; - position: absolute !important; - top: 0 !important; - left: 0 !important; - width: 0 !important; - height: 100% !important; - background: var(--primary) !important; - transition: width 0.3s ease !important; - z-index: 0 !important; + text-decoration: underline !important; + display: inline-block !important; + padding: 12px 24px !important; } .professional-btn-secondary:hover { - color: var(--primary-foreground) !important; - border-color: var(--primary) !important; - transform: translateY(-1px) !important; -} - -.professional-btn-secondary:hover::before { - width: 100% !important; -} - -.professional-btn-secondary span { - position: relative !important; - z-index: 1 !important; + color: var(--secondary) !important; } /* Muted red accent button for urgent actions */ @@ -189,15 +124,14 @@ body { color: var(--accent-foreground) !important; border-radius: var(--radius-lg) !important; border: none !important; - box-shadow: var(--shadow-sm) !important; - transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; font-weight: 600 !important; + text-decoration: none !important; + display: inline-block !important; + padding: 12px 24px !important; } .professional-btn-urgent:hover { - box-shadow: var(--shadow-md) !important; - transform: translateY(-1px) !important; - filter: brightness(1.05) !important; + opacity: 0.9 !important; } /* Professional navbar with soft gradient */ @@ -254,26 +188,6 @@ body { align-items: center !important; justify-content: center !important; margin: 0 auto 1.5rem auto !important; - box-shadow: var(--shadow-md) !important; - transition: all 0.3s ease !important; - position: relative !important; - overflow: hidden !important; -} - -.professional-icon-wrapper::before { - content: '' !important; - position: absolute !important; - top: -50% !important; - left: -50% !important; - width: 200% !important; - height: 200% !important; - background: radial-gradient(circle, rgba(255, 255, 255, 0.15) 30%, transparent 70%) !important; - opacity: 0 !important; - transition: opacity 0.3s ease !important; -} - -.professional-card:hover .professional-icon-wrapper::before { - opacity: 1 !important; } /* Logo styling */ @@ -303,6 +217,13 @@ h1, h2, h3 { background: var(--card) !important; border: 2px solid var(--accent) !important; box-shadow: var(--shadow-xl) !important; + transition: none !important; + transform: none !important; +} + +.professional-card-featured:hover { + transition: none !important; + transform: none !important; } .professional-card-featured .professional-icon-wrapper { @@ -319,13 +240,10 @@ h1, h2, h3 { background: var(--card) !important; border: 1px solid var(--border) !important; border-radius: var(--radius) !important; - transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; padding: 2rem !important; } .professional-support-card:hover { - box-shadow: var(--shadow-lg) !important; - transform: translateY(-2px) !important; border-color: var(--primary) !important; }