document.addEventListener("DOMContentLoaded", function() { const fadeInSections = document.querySelectorAll('.fade-in-section'); const observer = new IntersectionObserver(entries => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); // Stop observing after it's visible } }); }); fadeInSections.forEach(section => { observer.observe(section); }); }); h1 { text-align: center; } p { font-size: 16px; line-height: 1.6; padding-top: 0.7rem; } li { font-size: 16px; line-height: 1.6; } h2 { font-style: normal; } /* Banner container */ .banner-container { width: 100%; /* height: 40vh; */ overflow: hidden; background-color: #f3f3f3; position: relative; } /* Banner content */ .banner { display: flex; width: 400vw; animation: slide 20s infinite; } /* Individual slide */ .banner img { width: 100vw; height: 100%; object-fit: contain; } /* Animation keyframes */ @keyframes slide { 0% { transform: translateX(0); } 20% { transform: translateX(0); } /* First image stays for 20% */ 25% { transform: translateX(-100vw); } 45% { transform: translateX(-100vw); } /* Second image stays */ 50% { transform: translateX(-200vw); } 70% { transform: translateX(-200vw); } /* Third image stays */ 75% { transform: translateX(-300vw); } 100% { transform: translateX(-300vw); } /* Fourth image stays */ } /* Default for desktop */ .responsive-image { width: 20%; } .responsive-video { position: relative; padding-bottom: 56.25%; /* 16:9 aspect ratio */ padding-left:10%; padding-right:10%; height: 0; overflow: hidden; max-width: 100%; background: #000; } .responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Adjust image size for mobile (screens smaller than 768px) */ @media (max-width: 768px) { .responsive-image { width: 50%; /* Set image to 50% of the screen width on mobile */ } .banner-container { width: 100%; /* Set width to 100% of the screen on mobile */ } } /* Further adjust for very small screens (less than 480px) */ @media (max-width: 480px) { .responsive-image { width: 80%; /* Larger size for smaller screens */ } } /* First container styles */ .centered-container { padding-left: 10%; padding-right: 10%; padding-top: 2%; padding-bottom: 2%; } /* Second container with two columns */ .two-column-container { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; padding-top: 2%; padding-bottom: 2%; } /* Left column (text) */ .left-column { width: 48%; } /* Right column (image) */ .right-column { width: 48%; } /* Responsive Image */ .right-column img { max-width: 100%; height: auto; } /* Media Queries for Mobile */ @media (max-width: 768px) { /* First container reverts to default paragraph behavior */ .centered-container { padding-left: 0; padding-right: 0; } /* Stack the columns vertically on mobile */ .two-column-container { flex-direction: column; } /* Columns take full width on mobile */ .left-column, .right-column { width: 100%; margin-bottom: 20px; /* Add spacing between stacked elements */ } } /* Container for image and caption */ .image-container { position: relative; /* Positioning context for caption */ display: inline-block; /* Ensures it wraps only around the image */ } /* The image */ .image-container img { display: block; max-width: 100%; /* Makes the image responsive */ height: auto; } /* Caption style */ .caption { position: absolute; bottom: 10px; /* Positioned 10px from the bottom */ right: 10px; /* Positioned 10px from the right */ background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent black background */ color: #fff; /* White text */ padding: 5px 10px; font-size: 14px; border-radius: 5px; } /* Center the promo banner container */ .promobanner { text-align: center; /* Centers the image container */ padding: 5% 10%; } /* Optional: Add some responsive behavior to the image */ .promobanner img { max-width: 100%; height: auto; } .fade-in-section { opacity: 0; transition: opacity 2s ease-in-out; } .fade-in-section.visible { opacity: 1; } .btn { padding: 10px 20px; background-color: #4CAF50; /* Green */ color: white; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; transition: background-color 0.3s ease, transform 0.3s ease; } .btn:hover { background-color: #45a049; /* Darker Green */ transform: scale(1.05); /* Slightly enlarges the button on hover */ } .btn:active { background-color: #3e8e41; /* Even darker green on click */ } AP-S450 Beautiful Design, Exceptional Sound, Endless Inspiration Enjoy a Premium Playing Experience in Any Living Space. Crafted with over 40 years of Japanese design excellence, the AP-S450 is the slimline digital piano you can trust to deliver exceptional sound and touch. Designed to empower your musical journey, it offers unparalleled quality, ensuring every note inspires confidence and creativity.

Captivating Elegance From Every Perspective From the first glance, the AP-S450's elegant, compact design captivates the imagination.

With a wealth of new features inside, this slimline Celviano digital piano is available in three beautiful colours that lend an air of sophistication to any setting, with all models featuring a reflective front panel that recalls the familiar characteristics of a polished acoustic grand.

AP-S450WE Precision At Your Fingertips Introducing Casio's revolutionary Smart Hybrid Hammer Action, a premium quality key action that brings you closer to the touch of an acoustic grand piano than ever before. Crafted using the finest resin and Austrian spruce wood, exactly the same material as that found in a traditional acoustic piano.

This new key action is a masterpiece of Japanese engineering, the result of over 40 years of pioneering research and design, seamlessly combining the authentic touch of an acoustic piano's keys with smart sensor technology, ensuring a responsive and expressive playing experience.

Hybrid key action with spruce wood Beauty in Sound The AP-S450 boasts 25 keyboard-based tones in total, including 2 Concert Grand piano tones: Hamburg (newly sampled for this model) and New York. The Hamburg tone exudes richness and lyrical warmth, while the New York tone offers a brighter sound, characterised by resonant overtones.

In addition, you'll find a whole range of vintage electric piano tones, organs, bass and much more, taken from our highly-acclaimed PX-S stage pianos.

Enjoy two distinctive Grand Piano tones Immersive, Expressive Dynamics The AP-S450’s advanced 4-speaker system is designed to fill your space with rich, beautiful sound. With speakers thoughtfully placed for the best sound projection and two amplifiers to enhance audio clarity, even at lower volumes, you’ll enjoy a seamless and dynamic listening experience every time you play.

Alternatively, headphones can be connected for silent practice.

Expressive, authentic sound Enhanced Pedal Design Elevate your performance with the AP-S450's revolutionary pedal design, including continuous variability for the damper pedal. This precise control unlocks possibilities for the most demanding performance techniques, taking your musical expression to new heights.

Continuous damper pedal Making Piano Practice More Visual Introducing the Visual Information Bar - a new feature that helps empower and enhance your piano practice.

Using a dynamic LED display that can be varied in brightness, the AP-S450 can be set to display key velocity (how hard or softly you play the keys), sustain (damper) pedal depth, and your tempo visually, producing new insights that aid your study.

Visual Information Bar Bluetooth Audio and MIDI Seamlessly integrate with your digital world through Bluetooth Audio and MIDI capabilities. Wirelessly stream audio for immersive play-alongs, connect to online tutorials via Bluetooth MIDI, and take command of functions with the Casio Music Space app. Elevate your playing experience with the AP-S450, where innovation meets timeless craftsmanship.

Bluetooth Audio and MIDI 5-Year warranty Experience peace of mind with your purchase: The AP-S450 includes a 5-year, on-site warranty. In the highly unlikely event that your instrument requires the attention of one of our specialist engineers, all parts and labour charges are included within this period.

Delivery and assembly included Our commitment to your satisfaction begins with complimentary UK delivery. But it doesn't stop there – our team of specialists takes care of every detail, assembling the AP-S450 with precision to guarantee an effortless setup. We go the extra mile by handling the removal and recycling of all packaging, leaving you to focus solely on the enchanting sounds and stylish design of your new digital piano.

Delivery and assembly included Product Information AP-S450WEC5 Smart Hybrid Hammer Action Keyboard with resin / Austrian Spruce wood key mater