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>
+                <h1>The ultimate child sink</h1>
-                <h2>The water-saving sink for your child - portable, playful, and supporting independence</h2>
+                <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">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>
+                <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>
+                <h3>Piqpoq Intro</h3>
-                <p>Watch how the Smart Toddler Sink transforms daily routines</p>
+                <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 className="play-button">▶</div>
               </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>
+                  <h3>🚿 Perfect Height and Pressure</h3>
-                  <p>Designed specifically for toddlers aged 1+ with adjustable height settings</p>
+                  <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>
+                  <h3>🔄 Play Mode</h3>
-                  <p>Intelligent water recycling system for endless play with minimal waste</p>
+                  <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>
+                  <h3>💧 Cleaning mode</h3>
-                  <p>Switch between play mode and cleaning mode with a simple flip</p>
+                  <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>
+                  <h3>🌍 Take It Anywhere</h3>
-                  <p>No plumbing required - use anywhere in your home or garden</p>
+                  <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 for Little Ones</h3>
-                  <h3>Perfect Height for Little Hands</h3>
+				  <img src="/img/sink_height.jpg" height="600px" />
-                  <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>
                 </div>
                 <div className="demo-content" id="demo-water-saving">
-                  <div className="demo-visual">💧</div>
+                  <h3>Simple Water Recycling</h3>
-                  <h3>Smart Water Recycling</h3>
+                  <img src="/img/waterplay.gif" height="600px" />
-                  <p>Clean water circulates through the system, allowing hours of play while teaching conservation. Dirty water is collected separately for easy disposal.</p>
                 </div>
                 <div className="demo-content" id="demo-dual-mode">
-                  <div className="demo-visual">🔄</div>
+                  <h3>Wash Comfortably</h3>
-                  <h3>Play & Clean Modes</h3>
+					<img src="/img/wash.gif" height="600px" />
-                  <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>
                 </div>
                 <div className="demo-content" id="demo-portable">
-                  <div className="demo-visual">🌍</div>
+                  <h3>A sink with wheels</h3>
-                  <h3>Take It Anywhere</h3>
+					<img src="/img/move.gif" height="600px" />
-                  <p>Battery-powered pump means no plumbing connections needed. Perfect for terraces, gardens, playrooms, or any space where your child wants to play.</p>
                 </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.'],
+                ['🚿', '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.'],
-                ['💧', 'Water-Saving Play Mode', 'Kids can play with water for hours while reusing the same clean water. No waste, endless fun.'],
+                ['🛟', 'Safer washes', 'No more climbing on stools or raising your child with one hand, while washing them with the other.'],
-                ['🔄', 'Dual-Mode Design', 'Flip the washbasin angle to switch between water play and real cleaning. Dirty water goes to a separate container.'],
+				['💧', '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', 'No plumbing needed! Use it anywhere - garden, terrace, balcony, or move it room to room.'],
+				['🌍', 'Completely Portable', 'Place it wherever you want. 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.'],
+				['🐠', 'Playful and Guiding', 'Bring your family up to speed on water conservation awareness and adapt sustainable practices together from a young age.'],
-                ['⚡', 'Water Education', 'Supporting children\'s independence and helping them understand water and its conservation 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 {