If you see this page, the nginx web server is successfully installed and +working. Further configuration is required.
+ +For online documentation and support please refer to
+nginx.org.
+Commercial support is available at
+nginx.com.
Thank you for using nginx.
+ + + diff --git a/addons/theme_clicks2cart/static/src/scss/theme.scss b/addons/theme_clicks2cart/static/src/scss/theme.scss index e41d81d..a7422ae 100644 --- a/addons/theme_clicks2cart/static/src/scss/theme.scss +++ b/addons/theme_clicks2cart/static/src/scss/theme.scss @@ -423,17 +423,17 @@ header#top { // Product Grid Cards .s_col_product_card { position: relative; - background: #fff; - border: 1px solid #f0f0f0; + // background: #fff; + // border: 1px solid #f0f0f0; padding: 15px; transition: all 0.4s ease; text-align: center; margin-bottom: 20px; - &:hover { - box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); - transform: translateY(-5px); - } + // &:hover { + // box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08); + // transform: translateY(-5px); + // } .s_col_badge { position: absolute; @@ -522,7 +522,7 @@ header#top { transform: translate(-50%, -45%); width: 100%; height: 600px; - background-image: url('/theme_clicks2cart/static/src/img/brush_splash.png'); + background-image: url('/theme_clicks2cart/static/src/img/wedding_brush_splash.png'); background-repeat: no-repeat; background-position: center; background-size: 110% auto; @@ -711,7 +711,7 @@ header#top { // Holiday Section (Exact Mockup Match) // ========================================= .s_holiday_section { - padding: 120px 0; + // padding: 120px 0; position: relative; background-color: #fff; overflow: hidden; @@ -949,6 +949,7 @@ header#top { } } + // Floating Petals // Floating Petals .s_holiday_petal_float { position: absolute; @@ -956,4 +957,271 @@ header#top { z-index: 2; opacity: 0.6; } +} + +// ========================================= +// Custom Footer (Jenstore Style) +// ========================================= +footer#bottom.o_footer { + background-image: url('https://landing.engotheme.com/html/jenstore/demo/css/img/BG-footer.png'); + background-size: 100% 100%; + background-position: top center; + background-repeat: no-repeat; + padding-top: 250px !important; + padding-bottom: 50px; + border-top: none !important; + + // Pull the footer up slightly to overlap the previous section for a seamless wave effect + margin-top: -60px !important; + position: relative; + z-index: 10; + + // Ensure the background color is entirely transparent + // This allows the full png shape (including side waves) to define the bounds. + background-color: transparent !important; + + // Remove Odoo default borders + &.border-top { + border-top: none !important; + } + + .footer-title { + font-family: 'Playfair Display', serif; + font-size: 1.3rem; + font-weight: 800; + color: #000; + margin-bottom: 30px; + } + + .footer-links { + li { + margin-bottom: 15px; + + a { + color: #888 !important; + text-decoration: none !important; + font-size: 0.95rem; + font-family: 'Outfit', sans-serif; + font-weight: 400; + transition: all 0.3s ease; + + &:hover { + color: #e6b3a3 !important; + padding-left: 5px; + } + } + } + } + + .footer-newsletter-card { + background: #fff; + padding: 50px 40px; + position: relative; + overflow: hidden; + // box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05); + min-height: 350px; + + .newsletter-image { + position: absolute; + right: 20px; + bottom: 0; + max-height: 250px; + pointer-events: none; + z-index: 1; + } + + .newsletter-content { + position: relative; + z-index: 5; + max-width: 70%; + } + + h2 { + font-family: 'Playfair Display', serif; + font-weight: 700; + font-size: 2.5rem; + margin-bottom: 10px; + color: #000; + } + + p { + color: #888; + font-family: 'Outfit', sans-serif; + font-size: 0.95rem; + line-height: 1.6; + margin-bottom: 30px; + } + + .newsletter-form { + max-width: 320px; + + .input-group { + border: 1px solid #1a1a1a; + border-radius: 0; + + input { + background: transparent; + border: none; + box-shadow: none; + padding: 12px 15px; + font-size: 0.95rem; + + &::placeholder { + color: #888; + font-family: inherit; + } + } + } + + .btn-subscribe { + background: #000; + color: #fff; + border: none; + border-radius: 0; + padding: 12px 40px; + font-family: 'Playfair Display', serif; + font-weight: 700; + font-size: 1.1rem; + letter-spacing: 1px; + margin-top: 15px; + display: inline-block; + transition: all 0.3s ease; + + &:hover { + background: #e6b3a3; + color: #fff; + transform: translateY(-2px); + } + } + } + } + + .footer-bottom { + margin-top: 60px; + padding-top: 30px; + border-top: 1px solid rgba(0, 0, 0, 0.05); + color: #888; + font-family: 'Outfit', sans-serif; + font-size: 0.85rem; + + .footer-logo { + h5 { + font-family: 'Playfair Display', serif; + font-weight: 700; + color: #000; + margin-bottom: 0; + } + + span { + font-family: 'Outfit', sans-serif; + text-transform: uppercase; + letter-spacing: 3px; + font-size: 0.6rem; + display: block; + } + } + + a { + color: #777 !important; + text-decoration: none !important; + + &:hover { + color: #000 !important; + } + } + } + + // Social icons + .social-links { + a { + color: #000 !important; + font-size: 1rem; + transition: color 0.3s ease; + + &:hover { + color: #e6b3a3 !important; + } + } + } +} + +// ========================================= +// Countdown & Brands Section +// ========================================= +.s_sale_countdown { + .s_countdown_bg { + // Use the watercolor splash PNG as background - it is already transparent on edges + background-image: url('https://landing.engotheme.com/html/jenstore/demo/img/counter.png'); + background-size: 100% 100%; + background-repeat: no-repeat; + background-position: center center; + background-color: transparent; + overflow: hidden; + position: relative; + + .btn-dark { + transition: all 0.3s ease; + + &:hover { + background-color: #e6b3a3 !important; + border-color: #e6b3a3 !important; + transform: translateY(-2px); + } + } + } +} + +.s_brand_logos { + img { + transition: transform 0.4s ease, filter 0.4s ease; + + &:hover { + transform: scale(1.1); + filter: grayscale(0) !important; + } + } + + span, + i { + transition: color 0.3s ease; + } + + div.col-4:hover { + + span, + i { + color: #e6b3a3 !important; + } + } +} + +// ========================================= +// Wedding Section (Jenstore style) +// ========================================= +.s_wedding_section { + overflow: hidden; + + .s_wedding_card { + box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); + + &:hover { + box-shadow: 0 6px 30px rgba(0, 0, 0, 0.12); + transform: translateY(-4px); + } + } + + // Floating bottom-right flower decoration + .s_cat_floating_flower { + position: absolute; + bottom: -60px; + right: -30px; + width: 280px; + height: 280px; + background-image: url('https://landing.engotheme.com/html/jenstore/demo/img/decor-flower.png'); + background-size: contain; + background-repeat: no-repeat; + background-position: bottom right; + pointer-events: none; + z-index: 3; + } } \ No newline at end of file diff --git a/addons/theme_clicks2cart/views/layout.xml b/addons/theme_clicks2cart/views/layout.xml index ea4b099..2b5839d 100644 --- a/addons/theme_clicks2cart/views/layout.xml +++ b/addons/theme_clicks2cart/views/layout.xml @@ -82,49 +82,94 @@