homepage updates

docs/Build_Guide/bom.md

@@ -17,6 +17,7 @@ sidebar_position: 1
 
 - [DC pump (5V)](https://www.amazon.es/dp/B0B24G8WP7)
 - 1m of hose in adequate size for the pump you purchase, can be found in local hardware or aquiarium stores
+- Cloth mesh to filter out solid particles - We used a surgical cap for this: Cheap and does the job to perfection.
 
 **For the Switch Box**
 

src/pages/index.js

@@ -61,32 +61,22 @@ export default function Home() {
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
       </Head>
       <div className="custom-landing-page">
-        {/* Header */}
-        <header>
-          <div className="container">
-            <div className="header-content">
-              <div className="logo">Smart Toddler Sink</div>
-            </div>
-          </div>
-        </header>
-
         {/* Hero Section */}
         <section className="hero">
           <div className="container">
             <div className="hero-layout">
               <div className="hero-content">
-                <h1>Smart Toddler Sink</h1>
-                <h2>The water-saving sink for your child - portable, playful, and supporting independence</h2>
-                <p className="hero-description">Get started with water conservation and independence building for toddlers aged 1+. No plumbing needed - the sink guides your child through hands-on learning about water use, cleanliness, and responsibility while having fun.</p>
+                <h1>The ultimate child sink</h1>
+                <h2>Piqpoc is a water-saving sink for toddlers that support their playtime and independence. Build it with ease, and place it anywhere since no plumbing is required.</h2>
+                <p className="hero-description">Enable your children to use water independently as soon as they start walking and save water while having fun.</p>
                 <div className="cta-buttons">
                   <a href="#" className="btn btn-primary">Get Started</a>
                   <a href="#" className="btn btn-secondary">Learn More</a>
                 </div>
               </div>
               <div className="video-placeholder">
-                <h3>See It In Action</h3>
-                <p>Watch how the Smart Toddler Sink transforms daily routines</p>
-                <div className="play-button">▶</div>
+                <h3>Piqpoq Intro</h3>
+                <iframe width="560" height="315" src="https://www.youtube.com/embed/F98diWo9d2I?si=uK8vXJUAjty3QRIk" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
               </div>
             </div>
           </div>
@@ -95,46 +85,43 @@ export default function Home() {
         {/* How It Works */}
         <section className="how-it-works">
           <div className="container">
-            <h2>How It Works</h2>
+            <h2>Unique Features of Piqpoc</h2>
             <div className="how-it-works-content">
               <div className="features-nav">
                 <div className="feature-nav-item active" data-feature="height">
-                  <h3>🚿 Perfect Height</h3>
-                  <p>Designed specifically for toddlers aged 1+ with adjustable height settings</p>
+                  <h3>🚿 Perfect Height and Pressure</h3>
+                  <p>The sink is designed with a lower and adjustable height for toddlers, eliminating the need for stools or assistance. Your child can independently and safely reach the faucet and washbasin. The pressure of the faucet is also adequate for their little hands, eliminating waste in each wash.</p>
                 </div>
                 <div className="feature-nav-item" data-feature="water-saving">
-                  <h3>💧 Water Conservation</h3>
-                  <p>Intelligent water recycling system for endless play with minimal waste</p>
+                  <h3>🔄 Play Mode</h3>
+                  <p>A simple water filtering and circulation mechanism enables endless play with minimal waste. As long as the sink is tilted to play-mode, the same water gets circulated forever.</p>
                 </div>
                 <div className="feature-nav-item" data-feature="dual-mode">
-                  <h3>🔄 Dual Mode</h3>
-                  <p>Switch between play mode and cleaning mode with a simple flip</p>
+                  <h3>💧 Cleaning mode</h3>
+                  <p>Switch between play-mode and cleaning-mode with an easy action. Simply tilt the washbasin to the right to switch to hand washing. The sink directs the water to the disposal container in this mode.</p>
                 </div>
                 <div className="feature-nav-item" data-feature="portable">
-                  <h3>🌍 Portable Design</h3>
-                  <p>No plumbing required - use anywhere in your home or garden</p>
+                  <h3>🌍 Take It Anywhere</h3>
+                  <p>No plumbing required - use it anywhere in your home or outdoors. The sink is powered through a USB port which means you can run it with a mobile phone charger or a 5V battery. Perfect for terraces, gardens, playrooms, or any space where your child wants to play.</p>
                 </div>
               </div>
+		
               <div className="feature-demo">
                 <div className="demo-content active" id="demo-height">
-                  <div className="demo-visual">🚿</div>
-                  <h3>Perfect Height for Little Hands</h3>
-                  <p>The sink is designed at the ideal height for toddlers, eliminating the need for stools or assistance. Your child can independently reach the faucet and washbasin.</p>
+                  <h3>Perfect for Little Ones</h3>
+				  <img src="/img/sink_height.jpg" height="600px" />
                 </div>
                 <div className="demo-content" id="demo-water-saving">
-                  <div className="demo-visual">💧</div>
-                  <h3>Smart Water Recycling</h3>
-                  <p>Clean water circulates through the system, allowing hours of play while teaching conservation. Dirty water is collected separately for easy disposal.</p>
+                  <h3>Simple Water Recycling</h3>
+                  <img src="/img/waterplay.gif" height="600px" />
                 </div>
                 <div className="demo-content" id="demo-dual-mode">
-                  <div className="demo-visual">🔄</div>
-                  <h3>Play & Clean Modes</h3>
-                  <p>Simply flip the washbasin angle to switch between water play and actual hand washing. The system automatically directs water to the appropriate container.</p>
+                  <h3>Wash Comfortably</h3>
+					<img src="/img/wash.gif" height="600px" />
                 </div>
                 <div className="demo-content" id="demo-portable">
-                  <div className="demo-visual">🌍</div>
-                  <h3>Take It Anywhere</h3>
-                  <p>Battery-powered pump means no plumbing connections needed. Perfect for terraces, gardens, playrooms, or any space where your child wants to play.</p>
+                  <h3>A sink with wheels</h3>
+					<img src="/img/move.gif" height="600px" />
                 </div>
               </div>
             </div>
@@ -147,12 +134,12 @@ export default function Home() {
             <h2>Why Kids & Parents Love It</h2>
             <div className="features-grid">
               {[
-                ['🚿', 'Perfect Height & Pressure', 'Designed for little hands from age 1+. No more climbing on stools or struggling with adult sinks.'],
-                ['💧', 'Water-Saving Play Mode', 'Kids can play with water for hours while reusing the same clean water. No waste, endless fun.'],
-                ['🔄', 'Dual-Mode Design', 'Flip the washbasin angle to switch between water play and real cleaning. Dirty water goes to a separate container.'],
-                ['🌍', 'Completely Portable', 'No plumbing needed! Use it anywhere - garden, terrace, balcony, or move it room to room.'],
-                ['🛠️', 'DIY-Friendly', 'Built from simple, affordable materials so that any family can have one.'],
-                ['⚡', 'Water Education', 'Supporting children\'s independence and helping them understand water and its conservation from a young age.']
+                ['🚿', 'Independent kids, accessible cleaning', 'Designed so that little ones can indepently wash themselves. Stop kids from struggling with adult sinks and faucets. Turns on/off with a child friendly button.'],
+                ['🛟', 'Safer washes', 'No more climbing on stools or raising your child with one hand, while washing them with the other.'],
+				['💧', 'Reduced waste of water', 'Kids can play with water for hours while reusing the same clean water. No waste, endless fun. Cleaning mode also uses less water thanks to reduced pressure.'],
+				['🌍', 'Completely Portable', 'Place it wherever you want. No plumbing needed! Use it anywhere - garden, terrace, balcony, or move it room to room.'],
+				['🐠', 'Playful and Guiding', 'Bring your family up to speed on water conservation awareness and adapt sustainable practices together from a young age.'],
+				['🛠️', 'Designed for everyone', 'Built from simple, affordable materials that should be available in most places on earth, so that any family can have one. DIY or buy it, regardless of the path, you\'ll save a lot of water.'],
               ].map(([icon, title, desc], idx) => (
                 <div className="feature-card" key={idx}>
                   <span className="feature-icon">{icon}</span>
@@ -191,7 +178,7 @@ export default function Home() {
         {/* Footer */}
         <footer>
           <div className="container">
-            <p>© 2025 Piqpoc Toddler Sink. Helping families have fun, sustainably.</p>
+            <p>© 2025 Piqpoc Toddler Sink. Helping families have more fun.</p>
           </div>
         </footer>
       </div>

src/pages/toddlerSinkHome.css

@@ -46,10 +46,10 @@
   position: relative;
   color: white;
   padding: 80px 0;
-  background: url('https://www.datocms-assets.com/32427/1604049232-student-kit-hero.jpg?auto=format&max-w=2000') center/cover;
+  background: url('/img/step3/step5.jpg') center/cover;
   min-height: 80vh;
   display: flex;
-  align-items: center;
+  align-items: right;
 }
 
 .hero::before {
@@ -106,6 +106,8 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
+  height: 320px;
+  width: 560px;
 }
 
 .video-placeholder h3 {