
<!doctype html>
<html lang="en"><!--


   _____   _                       _    _               _                  _                _ 
  / ____| | |                     | |  | |             | |                | |              | |
 | (___   | |_    __ _   _   _    | |__| |  _   _    __| |  _ __    __ _  | |_    ___    __| |
  \___ \  | __|  / _` | | | | |   |  __  | | | | |  / _` | | '__|  / _` | | __|  / _ \  / _` |
  ____) | | |_  | (_| | | |_| |   | |  | | | |_| | | (_| | | |    | (_| | | |_  |  __/ | (_| |
 |_____/   \__|  \__,_|  \__, |   |_|  |_|  \__, |  \__,_| |_|     \__,_|  \__|  \___|  \__,_|
                          __/ |              __/ |                                            
                         |___/              |___/                                             


                                           _   _     _     
                                          (_) | |   | |    
                               __      __  _  | |_  | |__  
                               \ \ /\ / / | | | __| | '_ \ 
                                \ V  V /  | | | |_  | | | |
                                 \_/\_/   |_|  \__| |_| |_|

                                                           
 __          __          _                   __  __   _               _               
 \ \        / /         | |                 |  \/  | (_)             | |              
  \ \  /\  / /    __ _  | |_    ___   _ __  | \  / |  _   _ __     __| |   ___   _ __ 
   \ \/  \/ /    / _` | | __|  / _ \ | '__| | |\/| | | | | '_ \   / _` |  / _ \ | '__|
    \  /\  /    | (_| | | |_  |  __/ | |    | |  | | | | | | | | | (_| | |  __/ | |   
     \/  \/      \__,_|  \__|  \___| |_|    |_|  |_| |_| |_| |_|  \__,_|  \___| |_|                                                              













-->
<head><meta charset="us-ascii">
<meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="theme-color" content="#000000"><meta name="description" content="WaterMinder - the best water tracker app. Track daily water intake with smart reminders, Apple Watch support, widgets, and hydration history. Download free on iOS &amp; Android."><meta name="keywords" content="waterminder, hydration, water tracker, water log, water intake, water alarm, health, fitness, mobile, iOS, Android, app"><meta name="author" content="WaterMinder"><meta property="og:image" content="https://waterminder.com/images/waterminder-funnmedia.jpg"/><meta property="og:title" content="WaterMinder - Best Water Tracker App for Hydration"/><meta property="og:description" content="Track your daily water intake with smart reminders, Apple Watch support, and beautiful widgets. Free on iOS and Android."/><meta property="og:url" content="https://waterminder.com"/><meta property="og:type" content="website"/><meta property="og:site_name" content="WaterMinder"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@WaterMinder_app"/><meta name="twitter:title" content="WaterMinder - Best Water Tracker App for Hydration"/><meta name="twitter:description" content="Track your daily water intake with smart reminders, Apple Watch support, and beautiful widgets. Free on iOS and Android."/><meta name="twitter:image" content="https://waterminder.com/images/waterminder-funnmedia.jpg"/><meta name="apple-itunes-app" content="app-id=653031147, app-clip-bundle-id=com.waterminder.waterminder.Clip"><!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
<!-- Site title -->
	<title>WaterMinder - best water tracker app for your hydration needs!</title>
    <link rel="canonical" href="https://waterminder.com" />
    <link rel="alternate" type="text/plain" href="/llms.txt" title="LLM-friendly site description">
	<link href="./images/favicon/apple-icon-57x57.png" rel="apple-touch-icon" sizes="57x57" />
	<link href="./images/favicon/apple-icon-60x60.png" rel="apple-touch-icon" sizes="60x60" />
	<link href="./images/favicon/apple-icon-72x72.png" rel="apple-touch-icon" sizes="72x72" />
	<link href="./images/favicon/apple-icon-76x76.png" rel="apple-touch-icon" sizes="76x76" />
	<link href="./images/favicon/apple-icon-114x114.png" rel="apple-touch-icon" sizes="114x114" />
	<link href="./images/favicon/apple-icon-120x120.png" rel="apple-touch-icon" sizes="120x120" />
	<link href="./images/favicon/apple-icon-144x144.png" rel="apple-touch-icon" sizes="144x144" />
	<link href="./images/favicon/apple-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" />
	<link href="./images/favicon/apple-icon-180x180.png" rel="apple-touch-icon" sizes="180x180" />
	<link href="./images/favicon/android-icon-192x192.png" rel="icon" sizes="192x192" type="image/png" />
	<link href="./images/favicon/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png" />
	<link href="./images/favicon/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png" />
	<link href="./images/favicon/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png" />
	<link href="./images/favicon/manifest.json" rel="manifest" /><meta name="msapplication-TileColor" content="#ffffff"><meta name="msapplication-TileImage" content="./images/favicon/ms-icon-144x144.png"><meta name="theme-color" content="#ffffff"><!-- tailwind css 3 -->
	<link href="./style/output.css" rel="stylesheet" /><!-- font-awesome 6 -->
	<link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css" integrity="sha512-1sCRPdkRXhBV2PBLUdRb4tMg1w2YPf37qatUFeS7zlBy7jJI8Lf4VHwWfZZfpXtYSLy85pkm9GaYVYMfw5BC1A==" referrerpolicy="no-referrer" rel="stylesheet" /><!-- font -->
	<link href="https://fonts.googleapis.com" rel="preconnect" />
	<link crossorigin="" href="https://fonts.gstatic.com" rel="preconnect" />
	<link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&amp;display=swap" rel="stylesheet" /><!-- ionicons --><script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script><script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script><!-- owl carousel css -->
	<link c="" crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css" integrity="sha512-tS3S5qG0BlhnQROyJXvNjeEM4UpMXHrQfTGmbQ1gKmelCxlSEBUaxhRBj/EFTzpbP4RVSrpEikbmdJobCvhE3g==" referrerpolicy="no-referrer" rel="stylesheet" />
	<link crossorigin="anonymous" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css" integrity="sha512-sMXtMNL1zRzolHYKEujM2AqCLUR9F2C4/05cdbxjjLSRvMQIciEPCQZo++nk7go3BtSuK9kfa/s+a4f4i5pLkw==" referrerpolicy="no-referrer" rel="stylesheet" /><!-- aos css -->
	<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
	<link href="./css/custom-aos.css" rel="stylesheet" /><!-- bubble css -->
	<link href="./css/bubble.css" rel="stylesheet" />
	<!-- preconnect hints -->
	<link rel="preconnect" href="https://unpkg.com" />
	<link rel="preconnect" href="https://cdnjs.cloudflare.com" />
	<!-- JSON-LD Structured Data -->
	<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"WaterMinder","operatingSystem":"iOS, macOS, watchOS, Android","applicationCategory":"HealthApplication","description":"Track your daily water intake with smart reminders. Stay hydrated and feel better.","url":"https://waterminder.com","offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.7","ratingCount":"50000"},"author":{"@type":"Organization","name":"FunnMedia","url":"https://funnmedia.com"}}</script>
	<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"FunnMedia","url":"https://funnmedia.com","logo":"https://waterminder.com/WM-icon.png","sameAs":["https://x.com/WaterMinder_app","https://x.com/funnmedia"]}</script>
	<script type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://waterminder.com"}]}</script>
	<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"How do you add WaterMinder widgets to your home screen?","acceptedAnswer":{"@type":"Answer","text":"Adding WaterMinder widgets to your home screen will help you track your water intake and log it without even opening the app. It can be added by tapping and holding on the home screen, then tapping the + symbol and searching for WaterMinder."}},{"@type":"Question","name":"How do you add Siri shortcuts for the WaterMinder App?","acceptedAnswer":{"@type":"Answer","text":"Siri Shortcuts are available in iOS 12 or later. Go to WaterMinder > Settings > Siri Shortcuts and choose the shortcuts you want to add."}},{"@type":"Question","name":"How do you customize existing cups in WaterMinder?","acceptedAnswer":{"@type":"Answer","text":"In WaterMinder, there are two types of cups: Default cups and custom cups. You can edit the default cup in the settings menu and add new cups by clicking the plus button."}},{"@type":"Question","name":"How hydrating are drinks other than water?","acceptedAnswer":{"@type":"Answer","text":"Water is the most effective source of hydration. Other drinks like juices, smoothies, tea, and coffee can also contribute to hydration, but the impact of plain water is the highest."}},{"@type":"Question","name":"Can you install the WaterMinder app on the Apple Watch?","acceptedAnswer":{"@type":"Answer","text":"Yes, you can install WaterMinder on the Apple Watch by going to the Watch app on your phone and downloading it from there."}},{"@type":"Question","name":"How much water should I drink?","acceptedAnswer":{"@type":"Answer","text":"The minimum water intake for every individual should be around 8 glasses every day. The ideal water intake ranges around 13 cups for men and 9 cups for women. It further depends on your body."}},{"@type":"Question","name":"Does coffee or tea count towards my daily goal?","acceptedAnswer":{"@type":"Answer","text":"Yes, coffee or tea counts towards your daily intake goal. Despite water being the best source of hydration, coffee or tea are also sources of hydration as they contain water."}},{"@type":"Question","name":"How do reminders work?","acceptedAnswer":{"@type":"Answer","text":"The WaterMinder app gives you regular reminders to stay hydrated throughout the day. There are different types of reminders available in the application."}},{"@type":"Question","name":"How do I change my daily water intake Goal?","acceptedAnswer":{"@type":"Answer","text":"The WaterMinder app assigns a default daily Water Intake Goal based on your weight. You can change the Water Intake Goal to suit your environment, lifestyle, and what your body is telling you."}}]}</script>
</head>
<body class="antialiased dark:bg-black dark:text-white overflow-x-hidden" id="app"><!-- header start -->
<header class="fixed w-full z-40 shadow-sm"><!-- nav start -->
<nav class="bg-white dark:bg-black">
<div class="max-w-container py-5 max-w-[1440px]">
<div class="md:flex justify-between items-center">
<div class="flex justify-between items-center"><a class="flex items-center" href="/"><img alt="WaterMinder app icon" class="w-10 h-10 md:w-12 md:h-12" src="./images/waterminder-app-icon.png" /> <span class="md:text-2xl font-bold ml-4 text-gray-900 dark:text-white">WaterMinder</span> <!-- <img src="./images/logo.svg" alt="logo" class="dark:hidden">
                            <img src="./images/logo-white.svg" alt="logo" class="hidden dark:inline"> --> </a><button class="md:hidden cursor-pointer text-2xl"><ion-icon name="menu" onclick="toggleMenu(this)"></ion-icon></button></div>

<ul class="menu md:flex md:items-center p-4 mt-0 md:mt-0 space-y-4 md:space-y-0 md:space-x-6 bg-light dark:bg-dark-2 md:!bg-transparent md:z-auto absolute md:static w-full left-0 md:w-auto close-menu" id="menu">
	<li><a class="nav-link" href="https://waterminder.com">Home</a></li>
	<li><a class="nav-link" href="#apple-watch">Apple Watch</a></li>
	<li><a class="nav-link" href="#features">Features</a></li>
	<li><a class="nav-link" href="#press">Press</a></li>
	<li><a class="nav-link" href="#reviews">Reviews</a></li>
	<li><a class="nav-link" href="#book">Book</a></li>
	<li><a class="nav-link" href="https://cottonbureau.com/people/kriss-smolka-waterminder#cottonbureau-app">Merch</a></li>
	<li><a class="nav-link" href="https://blog.waterminder.com">Blog</a></li>
	<li><a class="nav-link" href="https://funnmedia.zendesk.com/hc/en-us">Support</a></li>
	<li><!-- theme --><button class="cursor-pointer text-xl text-primary-500 dark:hidden"><ion-icon name="moon" onclick="toggleTheme(this)"></ion-icon></button><button class="cursor-pointer text-xl text-primary-500 hidden dark:inline"><ion-icon name="sunny" onclick="toggleTheme(this)"></ion-icon></button></li>
</ul>
</div>
</div>
</nav>
</header>
<!-- header end --><!-- main start -->

<main><!-- hero section start -->
<section class="section ">
<div class="max-w-container mt-12"><!-- 2 col grid using grid -->
<div class="grid md:grid-cols-2 gap-4 items-center"><!-- grid item -->
<div class="relative"><img alt="watch" class="dark:hidden animate-rotate" src="./images/hero-o.png" /> <img alt="watch" class="hidden dark:inline animate-rotate" src="./images/hero-o-dark.png" />
<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full show-light"><img alt="WaterMinder app screen" class="w-1/2 mx-auto animate-hover-y drop-shadow-2xl " src="./images/hero-m-14.png" /></div>

<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full show-dark"><img alt="WaterMinder app screen black" class="w-1/2 mx-auto animate-hover-y drop-shadow-2xl " src="./images/hero-m-14-dark.png" /></div>
</div>
<!-- grid item -->

<div class="md:ml-8 mt-4 md:mt-0">
<h1 class="text-4xl md:text-5xl font-bold">Track your daily water intake with WaterMinder.</h1>

<p class="mt-2">Achieve your hydration goals with our water tracking app!</p>

<div class="mt-5"><img alt="Editor's choice award" class="dark:hidden" src="./images/award.svg" /> <img alt="Editor's choice award white" class="hidden dark:inline" src="./images/award-white.svg" /></div>

<div class="flex mt-5 gap-4 dark:hidden"><a href="https://apps.apple.com/app/apple-store/id653031147?pt=2102403&amp;ct=website&amp;mt=8" rel="noopener noreferrer" target="_blank"><img alt="WaterMinder app for ios" src="./images/ios.svg" /> </a> <a href="https://play.google.com/store/apps/details?id=com.funnmedia.waterminder" rel="noopener noreferrer" target="_blank"> <img alt="WaterMinder app for Android" src="./images/android.svg" /> </a> <a href="https://itunes.apple.com/us/app/waterminder/id1415257369?mt=12&amp;at=1010lHKK" rel="noopener noreferrer" target="_blank"> <img alt="WaterMinder app for Mac store" src="./images/mac.svg" /> </a></div>

<div class="mt-5 gap-4 hidden dark:flex"><a href="https://apps.apple.com/app/apple-store/id653031147?pt=2102403&amp;ct=website&amp;mt=8" rel="noopener noreferrer" target="_blank"><img alt="Download Water tracker for ios" src="./images/ios-white.svg" /> </a> <a href="https://play.google.com/store/apps/details?id=com.funnmedia.waterminder" rel="noopener noreferrer" target="_blank"> <img alt="Download Water tracker for android " src="./images/android-white.svg" /> </a> <a href="https://itunes.apple.com/us/app/waterminder/id1415257369?mt=12&amp;at=1010lHKK" rel="noopener noreferrer" target="_blank"> <img alt="Download Water tracker for mac" src="./images/mac-white.svg" /> </a></div>
</div>
</div>
</div>
</section>
<!-- hero section end --><!-- section start -->

<section class="section bg-light dark:bg-dark-2">
<div class="max-w-container">
<div class="section-title-wrapper">
<h2 class="section-title text-center max-w-4xl mx-auto" data-aos="none" data-aos-duration="1500">The all-around water tracker app that helps you stay hydrated all day, every day!</h2>

<p></p>
</div>

<div class="show-light">
<div class="grid md:grid-cols-3 gap-4 items-center justify-center mt-5"><!-- grid item --><img alt="App hydration reminder" class="w-60 mx-auto drop-shadow-2xl" data-aos="fade-right" data-aos-duration="1500" src="./images/sections/s-1-m-1-14.png" / loading="lazy"> <img alt="daily hydration tracker" class="w-60 mx-auto drop-shadow-2xl" data-aos="fade-up" data-aos-duration="1500" src="./images/sections/s-1-m-2-14.png" / loading="lazy"> <img alt="waterminder feature" class="w-60 mx-auto drop-shadow-2xl" data-aos="fade-left" data-aos-duration="1500" src="./images/sections/s-1-m-3-14.png" / loading="lazy"></div>
</div>

<div class="show-dark">
<div class="grid md:grid-cols-3 gap-4 items-center justify-center mt-5"><!-- grid item --><img alt="waterminder hydration tracking" class="w-60 mx-auto drop-shadow-2xl" data-aos="fade-right" data-aos-duration="1500" src="./images/sections/s-1-m-1-14-dark.png" / loading="lazy"> <img alt="current hydration feature" class="w-60 mx-auto drop-shadow-2xl" data-aos="fade-up" data-aos-duration="1500" src="./images/sections/s-1-m-2-14-dark.png" / loading="lazy"> <img alt="drinks tracking" class="w-60 mx-auto drop-shadow-2xl" data-aos="fade-left" data-aos-duration="1500" src="./images/sections/s-1-m-3-14-dark.png" / loading="lazy"></div>
</div>
</div>
</section>
<!-- section end --><!-- section start -->

<section class="section relative bg-light-gradient dark:bg-dark-gradient dark:bg-slate-800 text-white text-center" id="apple-watch">
<div class="max-w-container ">
<div class="section-title-wrapper">
<h2 class="section-title text-center max-w-4xl mx-auto" data-aos="none" data-aos-duration="1500">Track your hydration progress and log water intake on your Apple Watch too!</h2>

<p class="my-6" data-aos="none" data-aos-duration="1500">You don&#39;t even need to take your phone out of your pocket to use WaterMinder to help you stay hydrated. You can log drinks directly from your wrist, receive reminders for when you need to hydrate, get water intake on apple watch now.<br />
<br />
You can also see your achievements and two-week hydration history, plus you can customize the Home Screen layouts and choose from a range of complications, helping to keep you motivated while you track water!</p>
</div>

<div class="grid md:grid-cols-3 gap-4 justify-center mt-5"><!-- grid item --><img alt="waterminder watch" class="w-60 mx-auto drop-shadow-2xl" data-aos="fade-down" data-aos-duration="1000" data-aos-easing="linear" src="./images/sections/new-s-2-w- 01.png" / loading="lazy"> <img alt="waterminder hydration feature" class="w-60 mx-auto drop-shadow-2xl" data-aos="fade-down" data-aos-duration="1200" data-aos-easing="linear" src="./images/sections/new-s-2-w- 02.png" / loading="lazy"> <img alt="waterminder watch feature" class="w-60 mx-auto drop-shadow-2xl" data-aos="fade-down" data-aos-duration="1500" data-aos-easing="linear" src="./images/sections/new-s-2-w- 03.png" / loading="lazy"></div>
</div>
<!--Waves Container-->

<div class="absolute w-full bottom-0"><svg class="waves" preserveaspectratio="none" shape-rendering="auto" viewbox="0 24 150 28" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <path d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" id="gentle-wave"></path> </defs> <g class="parallax dark:hidden -z-10"> <use fill="rgba(255,255,255,0.7" x="48" xlink:href="#gentle-wave" y="0"></use> <use fill="rgba(255,255,255,0.5)" x="48" xlink:href="#gentle-wave" y="3"></use> <use fill="rgba(255,255,255,0.3)" x="48" xlink:href="#gentle-wave" y="5"></use> <use fill="#fff" x="48" xlink:href="#gentle-wave" y="7"></use> </g> <g class="parallax hidden dark:block -z-10"> <use fill="rgba(0,0,0,0.7" x="48" xlink:href="#gentle-wave" y="0"></use> <use fill="rgba(0,0,0,0.5)" x="48" xlink:href="#gentle-wave" y="3"></use> <use fill="rgba(0,0,0,0.3)" x="48" xlink:href="#gentle-wave" y="5"></use> <use fill="#000" x="48" xlink:href="#gentle-wave" y="7"></use> </g> </svg></div>
<!--Waves end--><!-- <img src="./images/wave.png" alt="" class="absolute w-full bottom-0 dark:hidden -z-10" loading="lazy"> --><!-- <img src="./images/wave-dark.png" alt="" class="absolute w-full bottom-0 hidden dark:block -z-10" loading="lazy"> --></section>
<!-- section end --><!-- section start -->

<section class="section">
<div class="max-w-container ">
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 items-center justify-center mt-5">
<div class="md:p-20 text-center" data-aos="none" data-aos-delay="1000" data-aos-duration="3000"><span><svg class="box-icon mx-auto" fill="none" viewbox="0 0 77 77" xmlns="http://www.w3.org/2000/svg"> <rect fill="#E6EFFE" height="77" rx="15" width="77"></rect> <path d="M31.123 23.25C25.8072 23.25 21.498 27.5585 21.498 32.875C21.498 38.447 24.6717 43.704 29.9199 48.5165C31.7112 50.158 33.6399 51.5983 35.5526 52.8915C36.2231 53.343 36.8501 53.7526 37.4122 54.0938C37.7549 54.3021 37.9808 54.4526 38.123 54.5313C38.6515 54.8253 39.3446 54.8253 39.8731 54.5313C40.0153 54.4526 40.2412 54.3021 40.5839 54.0938C41.146 53.7526 41.773 53.343 42.4434 52.8915C44.3562 51.5983 46.2849 50.158 48.0762 48.5165C53.3244 43.704 56.4981 38.447 56.4981 32.875C56.4981 27.5585 52.1889 23.25 46.8731 23.25C43.854 23.25 40.9063 24.895 39.0527 27.296C37.2453 24.853 34.3079 23.25 31.123 23.25ZM31.123 26.75C33.2474 26.75 35.2312 27.828 36.373 29.4835C36.484 29.6445 37.3588 30.9308 37.5214 31.1793C38.1985 32.217 39.7091 32.2485 40.4199 31.2335C40.5928 30.9868 41.5033 29.7058 41.6231 29.5395C42.815 27.8735 44.9012 26.75 46.8731 26.75C50.2558 26.75 52.9981 29.4923 52.9981 32.875C52.9981 37.2553 50.2654 41.6775 45.6699 45.8915C44.0158 47.407 42.2532 48.7896 40.4747 49.9918C39.9369 50.3558 39.4573 50.6393 38.998 50.9211C38.5388 50.6393 38.0592 50.3558 37.5214 49.9918C35.7429 48.7896 33.9803 47.407 32.3262 45.8915C27.7307 41.6775 24.998 37.2553 24.998 32.875C24.998 29.4923 27.7403 26.75 31.123 26.75Z" fill="#3981D3"></path> <path d="M31.125 26.75C33.2493 26.75 35.2331 27.828 36.375 29.4835C36.486 29.6445 37.3608 30.9308 37.5234 31.1793C38.2004 32.217 39.711 32.2485 40.4219 31.2335C40.5948 30.9868 41.5053 29.7057 41.625 29.5395C42.8169 27.8735 44.9031 26.75 46.875 26.75C50.2578 26.75 53 29.4923 53 32.875C53 37.2553 50.2674 41.6775 45.6719 45.8915C44.0178 47.407 42.2552 48.7896 40.4767 49.9918C39.9389 50.3558 39.4592 50.6393 39 50.9211C38.5408 50.6393 38.0611 50.3558 37.5234 49.9918C35.7448 48.7896 33.9822 47.407 32.3281 45.8915C27.7326 41.6775 25 37.2553 25 32.875C25 29.4923 27.7423 26.75 31.125 26.75Z" fill="#3981D3" fill-opacity="0.4"></path> </svg> </span>

<div class="section-title-wrapper">
<h2>Create Healthy Habits</h2>

<p class="text-lg">In the hustle and bustle of modern life, WaterMinder can help you make healthy hydration a habit. Remember, it only takes <strong>21 days</strong> to create a healthy hydration habit!</p>
</div>
</div>

<div class="grid place-content-center"><img alt="healthy habits feature" class="w-60 drop-shadow-2xl show-light" data-aos="fade-up" data-aos-duration="3000" src="./images/sections/s-3-m-1-14.png" / loading="lazy"> <img alt="hydration everyday feature" class="w-60 drop-shadow-2xl show-dark" data-aos="fade-up" data-aos-duration="3000" src="./images/sections/s-3-m-1-14-dark.png" / loading="lazy"></div>
</div>
</div>
</section>
<!-- section end --><!-- section start -->

<section class="section bg-light dark:bg-dark-2">
<div class="max-w-container ">
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 items-center justify-center mt-5">
<div class="grid place-content-center"><img alt="waterminder history feature" class="w-60 drop-shadow-2xl show-light" data-aos="fade-up" data-aos-duration="3000" src="./images/sections/s-4-m-1-14.png" / loading="lazy"> <img alt="waterminder history feature" class="w-60 drop-shadow-2xl show-dark" data-aos="fade-up" data-aos-duration="3000" src="./images/sections/s-4-m-1-14-dark.png" / loading="lazy"></div>

<div class="md:p-20 text-center" data-aos="none" data-aos-delay="1000" data-aos-duration="3000"><span><svg class="box-icon mx-auto" fill="none" viewbox="0 0 77 77" xmlns="http://www.w3.org/2000/svg"> <rect fill="white" height="77" rx="15" width="77"></rect> <path d="M22 39.3488C22 38.2442 22.8954 37.3488 24 37.3488H29.9767C31.0813 37.3488 31.9767 38.2442 31.9767 39.3488V55H22V39.3488Z" fill="#B0CDED"></path> <path d="M33.5117 30.907C33.5117 29.8024 34.4071 28.907 35.5117 28.907H41.4885C42.593 28.907 43.4885 29.8024 43.4885 30.907V55H33.5117V30.907Z" fill="#3981D3"></path> <path d="M45.0234 24C45.0234 22.8954 45.9189 22 47.0234 22H53.0002C54.1048 22 55.0002 22.8954 55.0002 24V55H45.0234V24Z" fill="#3981D3"></path> </svg> </span>

<div class="section-title-wrapper">
<h2>Track Your Progress,<br />
Achieve Hydration Goals</h2>

<p class="text-lg">WaterMinder makes it quick and easy to set your water intake goals and then track your daily water intake progress. You can also view previous dates with a simple tap.</p>
</div>
</div>
</div>
</div>
</section>
<!-- section end --><!-- section start -->

<section class="section">
<div class="max-w-container ">
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 items-center justify-center mt-5">
<div class="md:p-20 text-center" data-aos="none" data-aos-delay="1000" data-aos-duration="3000"><span><svg class="box-icon mx-auto" fill="none" viewbox="0 0 77 77" xmlns="http://www.w3.org/2000/svg"> <rect fill="#E6EFFE" height="77" rx="15" width="77"></rect> <path clip-rule="evenodd" d="M31.5221 18.903C35.292 15.699 40.708 15.699 44.4779 18.903L44.827 18.9308C49.5148 19.3039 53.2489 23.1636 53.639 28.0395C56.787 31.7236 56.787 37.2764 53.639 40.9605C53.3838 44.1499 51.6978 46.9046 49.25 48.533V59.25C49.25 60.4926 48.2426 61.5 47 61.5H45.875C44.75 61.5 38 59.25 38 59.25C35.4838 60.0887 31.25 61.5 30.125 61.5H29C27.7574 61.5 26.75 60.4926 26.75 59.25V48.533C24.3022 46.9046 22.6162 44.1499 22.361 40.9605C19.213 37.2764 19.213 31.7236 22.361 28.0395C22.7511 23.1636 26.4852 19.3039 31.173 18.9308L31.5221 18.903ZM51.5 34.5C51.5 41.9558 45.4558 48 38 48C30.5442 48 24.5 41.9558 24.5 34.5C24.5 27.0442 30.5442 21 38 21C45.4558 21 51.5 27.0442 51.5 34.5Z" fill="#3981D3" fill-rule="evenodd"></path> <path d="M47 34.5C47 39.4706 42.9706 43.5 38 43.5C33.0294 43.5 29 39.4706 29 34.5C29 29.5294 33.0294 25.5 38 25.5C42.9706 25.5 47 29.5294 47 34.5Z" fill="#3981D3" fill-opacity="0.4"></path> </svg> </span>

<div class="section-title-wrapper">
<h2>Earn Achievements, Enhance Motivation</h2>

<p class="text-lg">Get some hydration motivation by collecting WaterMinder badges and achievements, then share your success with friends for additional support with tracking your hydration.</p>
</div>
</div>

<div class="grid place-content-center"><img alt="waterminder handbook feature dark screen" class="w-60 drop-shadow-2xl show-light" data-aos="fade-up" data-aos-duration="3000" src="./images/sections/s-5-m-1-14.png" / loading="lazy"> <img alt="waterminder handbook feature dark screen" class="w-60 drop-shadow-2xl show-dark" data-aos="fade-up" data-aos-duration="3000" src="./images/sections/s-5-m-1-14-dark.png" / loading="lazy"></div>
</div>
</div>
</section>
<!-- section end --><!-- section start -->

<section class="section bg-light dark:bg-dark-2">
<div class="max-w-container ">
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 items-center justify-center mt-5">
<div class="grid place-content-center"><img alt="Water intake goals meature" class="w-60 drop-shadow-2xl show-light" data-aos="fade-up" data-aos-duration="3000" src="./images/sections/s-6-m-1-14.png" / loading="lazy"> <img alt="Water intake goals" class="w-60 drop-shadow-2xl show-dark" data-aos="fade-up" data-aos-duration="3000" src="./images/sections/s-6-m-1-14-dark.png" / loading="lazy"></div>

<div class="md:p-20 text-center" data-aos="none" data-aos-delay="1000" data-aos-duration="3000"><svg class="box-icon mx-auto" fill="none" viewbox="0 0 77 77" xmlns="http://www.w3.org/2000/svg"> <rect fill="white" height="77" rx="15" width="77"></rect> <path d="M30.123 23.25C24.8072 23.25 20.498 27.5585 20.498 32.875C20.498 38.447 23.6717 43.704 28.9199 48.5165C30.7112 50.158 32.6399 51.5983 34.5526 52.8915C35.2231 53.343 35.8501 53.7526 36.4122 54.0938C36.7549 54.3021 36.9808 54.4526 37.123 54.5313C37.6515 54.8253 38.3446 54.8253 38.8731 54.5313C39.0153 54.4526 39.2412 54.3021 39.5839 54.0938C40.146 53.7526 40.773 53.343 41.4434 52.8915C43.3562 51.5983 45.2849 50.158 47.0762 48.5165C52.3244 43.704 55.4981 38.447 55.4981 32.875C55.4981 27.5585 51.1889 23.25 45.8731 23.25C42.854 23.25 39.9063 24.895 38.0527 27.296C36.2453 24.853 33.3079 23.25 30.123 23.25ZM30.123 26.75C32.2474 26.75 34.2312 27.828 35.373 29.4835C35.484 29.6445 36.3588 30.9308 36.5214 31.1793C37.1985 32.217 38.7091 32.2485 39.4199 31.2335C39.5928 30.9868 40.5033 29.7058 40.6231 29.5395C41.815 27.8735 43.9012 26.75 45.8731 26.75C49.2558 26.75 51.9981 29.4923 51.9981 32.875C51.9981 37.2553 49.2654 41.6775 44.6699 45.8915C43.0158 47.407 41.2532 48.7896 39.4747 49.9918C38.9369 50.3558 38.4573 50.6393 37.998 50.9211C37.5388 50.6393 37.0592 50.3558 36.5214 49.9918C34.7429 48.7896 32.9803 47.407 31.3262 45.8915C26.7307 41.6775 23.998 37.2553 23.998 32.875C23.998 29.4923 26.7403 26.75 30.123 26.75Z" fill="#3981D3"></path> <path d="M30.125 26.75C32.2493 26.75 34.2331 27.828 35.375 29.4835C35.486 29.6445 36.3608 30.9308 36.5234 31.1793C37.2004 32.217 38.711 32.2485 39.4219 31.2335C39.5948 30.9868 40.5053 29.7057 40.625 29.5395C41.8169 27.8735 43.9031 26.75 45.875 26.75C49.2578 26.75 52 29.4923 52 32.875C52 37.2553 49.2674 41.6775 44.6719 45.8915C43.0178 47.407 41.2552 48.7896 39.4767 49.9918C38.9389 50.3558 38.4592 50.6393 38 50.9211C37.5408 50.6393 37.0611 50.3558 36.5234 49.9918C34.7448 48.7896 32.9822 47.407 31.3281 45.8915C26.7326 41.6775 24 37.2553 24 32.875C24 29.4923 26.7423 26.75 30.125 26.75Z" fill="#3981D3" fill-opacity="0.4"></path> </svg>

<div class="section-title-wrapper">
<h2>Easy to Use &ndash; Drink, Tap, Repeat</h2>

<p class="text-lg">Staying hydrated every day is easy with water reminder app - WaterMinder. You&#39;ll get a reminder to have a drink. Drink then tap to log the drink in the app. Repeat and stay hydrated!</p>
</div>
</div>
</div>
</div>
</section>
<!-- section end --><!-- section start -->

<section class="section">
<div class="max-w-container ">
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 items-center justify-center mt-5">
<div class="md:p-20 text-center" data-aos="none" data-aos-delay="1000" data-aos-duration="3000"><span><svg class="box-icon mx-auto" fill="none" viewbox="0 0 77 77" xmlns="http://www.w3.org/2000/svg"> <rect fill="#E6EFFE" height="77" rx="15" width="77"></rect> <path clip-rule="evenodd" d="M34.4695 38.9379L29.3332 44.0743L29.3284 44.0695L28.7222 43.4863C28.3113 43.0773 27.7936 42.96 27.2684 43.0113C26.7414 43.0627 26.3176 43.2956 25.9951 43.7779L25.3365 44.7611L25.3336 44.7654C24.3455 46.2401 22.6605 48.755 22.3099 49.2798C21.8216 50.0061 21.9192 51.0111 22.5402 51.6291L24.3828 53.4631C25.0038 54.0812 25.9546 54.1765 26.6861 53.6924L32.214 50.0244C33.1814 49.3825 33.2367 47.9319 32.4849 47.2148L31.9155 46.6774L37.065 41.5278C35.606 40.0517 35.4671 39.9159 35.0704 39.5279C34.9279 39.3885 34.752 39.2165 34.4695 38.9379ZM44.3696 37.8688C42.2738 35.801 40.1836 33.7269 38.1215 31.6256C38.5258 31.1252 38.9444 30.6079 39.3677 30.0859C41.9308 26.925 44.8071 23.4148 45.611 22.6109C47.7588 20.463 51.2412 20.463 53.3891 22.6109C55.537 24.7588 55.537 28.2412 53.3891 30.3891C53.0121 30.766 51.9252 31.6829 50.6323 32.754C49.2951 33.8617 47.6282 35.2232 46.0026 36.5441C45.449 36.9939 44.8999 37.4393 44.3696 37.8688Z" fill="#3981D3" fill-opacity="0.4" fill-rule="evenodd"></path> <path d="M29.857 21.5C27.9817 21.5 26.0899 22.1962 24.6583 23.6271C21.7931 26.4889 21.7748 31.1407 24.6381 34.0025C26.4731 35.8347 29.0065 36.5071 31.4977 35.9849C38.565 43.041 32.765 37.165 40.9987 45.5047C40.742 46.6259 40.7457 47.9267 41.0665 49.114C42.0876 52.901 46.1791 55.2938 49.9773 54.244L44.5036 48.9839L45.4385 44.4585L50.0213 43.4857L55.2622 49.0004C55.5756 47.8095 55.5884 46.5398 55.2457 45.2647C54.4611 42.3333 52.0506 40.2721 49.2202 39.8782C48.3678 39.7609 47.4018 39.7939 46.5164 39.9917C43.3135 36.8367 40.1101 33.6797 36.986 30.4463C37.5011 28.0884 36.8357 25.4647 35.0007 23.6308C33.569 22.1999 31.7341 21.5 29.857 21.5ZM28.6545 24.4204L33.0632 25.5948L34.2436 30.0121L30.9862 33.2641L26.594 32.0787L25.3989 27.6981L28.6545 24.4204Z" fill="#3981D3"></path> </svg> </span>

<div class="section-title-wrapper">
<h2>Rich Customizations for Optimized Hydration</h2>

<p class="text-lg">You can customize WaterMinder to create a truly personalized experience. Customizations include different Home Screen layouts, daily goals, cup sizes, notifications, and more!</p>
</div>
</div>

<div class="grid place-content-center"><img alt="app hydration feature" class="w-60 drop-shadow-2xl show-light" data-aos="fade-up" data-aos-duration="3000" src="./images/sections/s-7-m-1-14.png" / loading="lazy"> <img alt="Daily cup intake" class="w-60 drop-shadow-2xl show-dark" data-aos="fade-up" data-aos-duration="3000" src="./images/sections/s-7-m-1-14-dark.png" / loading="lazy"></div>
</div>
</div>
</section>
<!-- section end --><!-- section start -->

<section class="section bg-light dark:bg-dark-2">
<div class="max-w-container ">
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 items-center justify-center mt-5">
<div class="grid place-content-center">
<div class="flex items-center"><!-- <img src="./images/sections/s-8-mw-1-14.png" alt="" class="w-96" data-aos="fade-up"
                                data-aos-duration="3000" loading="lazy"> --><img alt="hydration remainder" class="w-60 drop-shadow-2xl show-light" data-aos="fade-up" data-aos-duration="2500" src="./images/sections/s-8-m-1-14.png" / loading="lazy"> <img alt="waterminder remainder feature" class="w-60 drop-shadow-2xl show-dark" data-aos="fade-up" data-aos-duration="2500" src="./images/sections/s-8-m-1-14-dark.png" / loading="lazy"> <img alt="WATCH REMAINDER" class="w-28 drop-shadow-2xl" data-aos="fade-up" data-aos-duration="3000" src="./images/sections/s-8-w-1-14.png" / loading="lazy"></div>
</div>

<div class="md:p-20 text-center" data-aos="none" data-aos-delay="1000" data-aos-duration="3000"><span><svg class="box-icon mx-auto" fill="none" viewbox="0 0 77 77" xmlns="http://www.w3.org/2000/svg"> <rect fill="white" height="77" rx="15" width="77"></rect> <path clip-rule="evenodd" d="M32.5 54.5001C32.5 53.4876 33.3208 52.6667 34.3333 52.6667H41.6667C42.6792 52.6667 43.5 53.4876 43.5 54.5001C43.5 55.5126 42.6792 56.3334 41.6667 56.3334H34.3333C33.3208 56.3334 32.5 55.5126 32.5 54.5001Z" fill="#3981D3" fill-opacity="0.4" fill-rule="evenodd"></path> <path d="M27 30.6667C27 24.5916 31.9249 19.6667 38 19.6667C44.0751 19.6667 49 24.5916 49 30.6667V35.7219C49 37.1806 49.5795 38.5795 50.6109 39.611L53.4261 42.4261C54.1137 43.1138 54.5 44.0464 54.5 45.0189V45.3334C54.5 47.3585 52.8584 49.0001 50.8333 49.0001H25.1667C23.1416 49.0001 21.5 47.3585 21.5 45.3334V45.0189C21.5 44.0464 21.8863 43.1138 22.5739 42.4261L25.3891 39.611C26.4205 38.5795 27 37.1806 27 35.7219V30.6667Z" fill="#3981D3"></path> </svg> </span>

<div class="section-title-wrapper">
<h2>Smart Reminders Tailored to You</h2>

<p class="text-lg">WaterMinder lets you set up water reminder that fit in with your daily schedule, helping you stay hydrated throughout the day.</p>
</div>
</div>
</div>
</div>
</section>
<!-- section end --><!-- section start -->

<section class="section">
<div class="max-w-container ">
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 items-center justify-center mt-5">
<div class="md:p-20 text-center" data-aos="none" data-aos-delay="1000" data-aos-duration="3000"><span><svg class="box-icon mx-auto" fill="none" viewbox="0 0 77 77" xmlns="http://www.w3.org/2000/svg"> <rect fill="#E6EFFE" height="77" rx="15" width="77"></rect> <path d="M43.1439 58.8334H32.8564C28.6543 58.8334 25.1085 55.7042 24.5877 51.5334L21.9189 28.1001C21.6085 25.6126 23.5481 23.4167 26.0543 23.4167H49.9481C52.4543 23.4167 54.3939 25.6126 54.0835 28.1001L51.4148 51.5334C50.8918 55.7042 47.346 58.8334 43.1439 58.8334Z" fill="#3981D3" opacity="0.35"></path> <path d="M46.8188 35.5855C43.948 37.5126 40.2771 37.6626 36.9917 36.5855C35.3376 36.0438 33.5438 35.8126 31.6771 35.9626C28.4396 36.223 25.4855 37.6938 23.2646 39.9022L24.5896 51.5334C25.1084 55.7042 28.6542 58.8334 32.8563 58.8334H43.1438C47.3459 58.8334 50.8917 55.7042 51.4126 51.5334L53.4188 33.9188C50.9688 33.7292 48.6751 34.3376 46.8188 35.5855ZM31.7501 54.6667C30.6001 54.6667 29.6667 53.7334 29.6667 52.5834C29.6667 51.4334 30.6001 50.5001 31.7501 50.5001C32.9001 50.5001 33.8334 51.4334 33.8334 52.5834C33.8334 53.7334 32.9001 54.6667 31.7501 54.6667ZM31.7501 44.2501C30.6001 44.2501 29.6667 43.3167 29.6667 42.1667C29.6667 41.0167 30.6001 40.0834 31.7501 40.0834C32.9001 40.0834 33.8334 41.0167 33.8334 42.1667C33.8334 43.3167 32.9001 44.2501 31.7501 44.2501ZM39.0417 50.5001C37.3167 50.5001 35.9167 49.1001 35.9167 47.3751C35.9167 45.6501 37.3167 44.2501 39.0417 44.2501C40.7667 44.2501 42.1667 45.6501 42.1667 47.3751C42.1667 49.1001 40.7667 50.5001 39.0417 50.5001Z" fill="#3981D3"></path> <path d="M37.9998 31.7499C39.1504 31.7499 40.0832 30.8172 40.0832 29.6666C40.0832 28.516 39.1504 27.5833 37.9998 27.5833C36.8492 27.5833 35.9165 28.516 35.9165 29.6666C35.9165 30.8172 36.8492 31.7499 37.9998 31.7499Z" fill="#3981D3"></path> <path d="M37.9998 19.2499C39.1504 19.2499 40.0832 18.3172 40.0832 17.1666C40.0832 16.016 39.1504 15.0833 37.9998 15.0833C36.8492 15.0833 35.9165 16.016 35.9165 17.1666C35.9165 18.3172 36.8492 19.2499 37.9998 19.2499Z" fill="#3981D3"></path> <path d="M45.2915 25.5C47.0174 25.5 48.4165 24.1009 48.4165 22.375C48.4165 20.6491 47.0174 19.25 45.2915 19.25C43.5656 19.25 42.1665 20.6491 42.1665 22.375C42.1665 24.1009 43.5656 25.5 45.2915 25.5Z" fill="#3981D3"></path> </svg> </span>

<div class="section-title-wrapper">
<h2>Log What You Drink, When You Drink</h2>

<p class="text-lg">While there are some drinks that are healthier than others, everything you drink contributes to your hydration. Log all your drinks in WaterMinder to see your hydration summary.</p>
</div>
</div>

<div class="grid place-content-center"><img alt="waterminder feature" class="w-60 drop-shadow-2xl show-light" data-aos="fade-up" data-aos-duration="3000" src="./images/sections/s-9-m-1-14.png" / loading="lazy"> <img alt="Track tea intake" class="w-60 drop-shadow-2xl show-dark" data-aos="fade-up" data-aos-duration="3000" src="./images/sections/s-9-m-1-14-dark.png" / loading="lazy"></div>
</div>
</div>
</section>
<!-- section end --><!-- section start -->

<section class="section bg-light dark:bg-dark-2">
<div class="max-w-container">
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 items-center justify-center mt-5">
<div class="grid place-content-center"><img alt="track caffein intake" class="w-60 drop-shadow-2xl show-light" data-aos="fade-up" data-aos-duration="3000" src="./images/sections/s-10-m-1-14.png" / loading="lazy"> <img alt="waterminder edit feature" class="w-60 drop-shadow-2xl show-dark" data-aos="fade-up" data-aos-duration="3000" src="./images/sections/s-10-m-1-14-dark.png" / loading="lazy"></div>

<div class="md:p-20 text-center" data-aos="none" data-aos-delay="1000" data-aos-duration="3000"><span><svg class="box-icon mx-auto" fill="none" viewbox="0 0 77 77" xmlns="http://www.w3.org/2000/svg"> <rect fill="white" height="77" rx="15" width="77"></rect> <path d="M45.625 50.75H29.2917C24.7816 50.75 21.125 47.0934 21.125 42.5833V24.2083C21.125 21.9523 22.9523 20.125 25.2083 20.125H49.7083C51.9644 20.125 53.7917 21.9523 53.7917 24.2083V42.5833C53.7917 47.0934 50.135 50.75 45.625 50.75Z" fill="#B0CDED" opacity="0.35"></path> <path d="M35.4167 26.25V20.125H31.3333V26.25C29.0773 26.25 27.25 28.0773 27.25 30.3333V34.4167C27.25 36.6727 29.0773 38.5 31.3333 38.5H35.4167C37.6727 38.5 39.5 36.6727 39.5 34.4167V30.3333C39.5 28.0773 37.6727 26.25 35.4167 26.25Z" fill="#3981D3"></path> <path d="M53.7915 28.2915V42.5832H55.8332C58.0892 42.5832 59.9165 40.7559 59.9165 38.4998V32.3748C59.9165 30.1188 58.0892 28.2915 55.8332 28.2915H53.7915Z" fill="#3981D3"></path> <path d="M52.771 50.75C51.9829 50.75 22.9341 50.75 22.146 50.75C20.4555 50.75 19.0835 52.122 19.0835 53.8125C19.0835 55.503 20.4555 56.875 22.146 56.875C22.9341 56.875 51.9829 56.875 52.771 56.875C54.4615 56.875 55.8335 55.503 55.8335 53.8125C55.8335 52.122 54.4615 50.75 52.771 50.75Z" fill="#3981D3"></path> </svg> </span>

<div class="section-title-wrapper">
<h2>Cups, Cups, and Customized Cups</h2>

<p class="text-lg">The Cups in WaterMinder make it super simple to log your water intake. There are pre-set cups, and you can create your own to match what is in your kitchen.</p>
</div>
</div>
</div>
</div>
</section>
<!-- section end --><!-- section start -->

<section class="section">
<div class="max-w-container ">
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 items-center justify-center mt-5">
<div class="md:p-20 text-center" data-aos="none" data-aos-delay="1000" data-aos-duration="3000"><span><svg class="box-icon mx-auto" fill="none" viewbox="0 0 77 77" xmlns="http://www.w3.org/2000/svg"> <rect fill="#E6EFFE" height="77" rx="15" width="77"></rect> <path d="M30.2008 15.8169C22.2484 15.8169 15.8008 25.1129 15.8008 36.5808C15.8008 44.4378 18.8268 51.2762 23.2926 54.8019C22.9848 52.821 22.915 50.7343 23.1239 48.5687C23.6729 42.8752 26.0301 37.3145 29.7543 32.8295C31.0611 28.3466 29.0009 25.6848 28.8965 25.554C28.2251 24.7235 28.2522 23.4109 28.9668 22.626C29.6814 21.8432 30.8053 21.8567 31.4911 22.6706C32.4307 23.7835 33.5232 25.9828 33.7446 28.8835C36.306 26.8466 39.1194 25.413 41.9958 24.6821C39.3894 19.3271 35.0824 15.8169 30.2008 15.8169Z" fill="#B0CDED"></path> <path d="M46.1262 26.8601C41.557 26.9421 36.6129 29.342 32.6824 33.876C25.6948 41.9365 24.5639 53.6919 30.1512 60.1391C35.7384 66.5862 45.9308 65.2797 52.9184 57.2191C59.906 49.1586 61.0387 37.4033 55.4497 30.9561C53.0045 28.1354 49.68 26.7963 46.1262 26.8601ZM50.4329 34.7439C51.4139 34.7729 52.1945 35.6907 52.1801 36.8203C52.1495 39.6857 50.2333 45.6138 43.2223 47.5469C37.1725 49.2184 37.0014 54.3 36.9996 54.3519C36.9762 55.4898 36.1562 56.3945 35.168 56.3675C34.6892 56.353 34.2577 56.1245 33.9445 55.7632C33.6115 55.3791 33.4081 54.8422 33.4207 54.2546C33.4783 51.3871 35.432 45.4527 42.3926 43.532C48.3686 41.8813 48.594 36.9508 48.6012 36.7432C48.6372 35.6136 49.4537 34.7169 50.4329 34.7439Z" fill="#3981D3"></path> </svg> </span>

<div class="section-title-wrapper">
<h2>Track Your Caffeine Intake Too</h2>

<p class="text-lg">Stay on top of how much caffeine you drink every day with WaterMinder&#39;s caffeine tracking feature. Simply log what you drink and check your results.</p>
</div>
</div>

<div class="grid place-content-center relative" data-aos="fade-up" data-aos-duration="3000"><img alt="add caffein intake manually " class="w-60 drop-shadow-2xl show-light" src="./images/sections/s-11-m-1-14.png" / loading="lazy"> <img alt="add caffein intake manually dark screen" class="w-60 drop-shadow-2xl show-dark" src="./images/sections/s-11-m-1-14-dark.png" / loading="lazy">
<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full md:w-auto"><img alt="waterminder caffeine feature " class="animate-hover-y show-light" src="./images/sections/s-11-m-2.png" / loading="lazy"></div>
</div>
</div>
</div>
</section>
<!-- section end --><!-- section start -->

<section class="section bg-light dark:bg-dark-2">
<div class="max-w-container ">
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 items-center justify-center mt-5">
<div class="grid place-content-center"><img alt="hydration progress feature" class="w-60 drop-shadow-2xl show-light" data-aos="fade-up" data-aos-duration="3000" src="./images/sections/s-12-m-1-14.png" / loading="lazy"> <img alt="hydration progress feature dark screen" class="w-60 drop-shadow-2xl show-dark" data-aos="fade-up" data-aos-duration="3000" src="./images/sections/s-12-m-1-14-dark.png" / loading="lazy"></div>

<div class="md:p-20 text-center" data-aos="none" data-aos-delay="1000" data-aos-duration="3000"><span><svg class="box-icon mx-auto" fill="none" viewbox="0 0 77 77" xmlns="http://www.w3.org/2000/svg"> <rect fill="white" height="77" rx="15" width="77"></rect> <path d="M45.2917 17.25C40.114 17.25 35.9167 21.4479 35.9167 26.625C35.9167 31.8021 40.114 36 45.2917 36C50.4694 36 54.6667 31.8021 54.6667 26.625C54.6667 21.4479 50.4694 17.25 45.2917 17.25ZM38.1302 38.8C34.3092 40.3771 31.75 44.2417 31.75 48.5V52.6667C31.75 53.8167 32.6827 54.75 33.8333 54.75H56.75C57.9006 54.75 58.8333 53.8167 58.8333 52.6667V48.5C58.8333 44.3417 56.26 40.5708 52.4531 38.9292C51.9173 38.6979 51.2929 38.6917 50.7604 38.9292C48.9171 39.7563 47.1213 40.1667 45.2917 40.1667C43.4683 40.1667 41.6663 39.7333 39.7579 38.8646C39.2331 38.625 38.6631 38.5792 38.1302 38.8Z" fill="#3981D3"></path> <path d="M29.6665 19.3335C25.0642 19.3335 21.3332 23.0647 21.3332 27.6668C21.3332 32.2689 25.0642 36.0002 29.6665 36.0002C31.3944 36.0002 32.9717 35.5252 34.3598 34.5544C30.7998 29.2627 31.3044 24.196 33.2446 20.1147C32.1365 19.5897 30.9194 19.3335 29.6665 19.3335ZM23.5467 38.8002C19.7257 40.3772 17.1665 44.2418 17.1665 48.5002V52.6668C17.1665 53.8168 18.0992 54.7502 19.2498 54.7502L27.9015 54.7544C27.414 53.171 27.5573 50.6043 27.5894 48.5273C27.6571 44.1168 29.4811 40.9709 30.1955 40.1418C28.8825 40.1314 27.3069 39.8127 26.1509 39.321C25.8717 39.2022 25.7096 39.1085 25.1744 38.8647C24.6496 38.6252 24.0796 38.5793 23.5467 38.8002Z" fill="#3981D3" fill-opacity="0.4"></path> </svg> </span>

<div class="section-title-wrapper">
<h2>Share for Extra Support and Motivation</h2>

<p class="text-lg">You can share your hydration progress so your family or friends can see what you&rsquo;ve achieved and provide you with additional support and motivation. Start the water challenge!</p>
</div>
</div>
</div>
</div>
</section>
<!-- section end --><!-- section start -->

<section class="section text-center">
<div class="max-w-container ">
<div class="section-title-wrapper">
<div class="flex justify-center"><span><svg class="box-icon mx-auto" fill="none" viewbox="0 0 77 77" xmlns="http://www.w3.org/2000/svg"> <rect fill="#E6EFFE" height="77" rx="15" width="77"></rect> <path d="M39 24.9965C33.4595 25.0402 28.3548 28.8115 27.023 34.73C23.6263 36.1597 21.5 39.3359 21.5 43.1527C21.5 48.4202 25.658 52.9964 30.796 52.9964H47.75C52.5345 52.9964 56.5 49.5262 56.5 45.1214C56.5 41.9452 54.3108 39.1504 51.25 37.9027C51.2535 37.5894 51.25 37.2919 51.25 37.2464C51.3025 30.5335 45.6343 24.944 39 24.9965Z" fill="#3981D3"></path> <path d="M42.4857 37.25C42.0391 37.25 41.5734 37.4002 41.2316 37.7406L37.2529 41.7232L35.0184 39.4866C34.3364 38.8057 33.1922 38.8057 32.5102 39.4866C31.8299 40.1693 31.8299 41.3146 32.5102 41.9973L35.9987 45.4893C36.6808 46.1702 37.825 46.1702 38.507 45.4893L43.7398 40.2513C44.4201 39.5687 44.4201 38.4233 43.7398 37.7406C43.3979 37.4002 42.9322 37.25 42.4857 37.25Z" fill="#B0CDED"></path> </svg> </span></div>

<h2 class="section-title max-w-4xl mx-auto" data-aos="none" data-aos-duration="1500">One App, All Devices</h2>

<p class="my-6" data-aos="none" data-aos-duration="1500">WaterMinder is a universal iOS app, so it will synchronize and work across all your Apple devices.</p>
</div>
<!-- <div class="flex justify-center items-end">
                    <img src="./images/uni-app.svg" alt="" class="w-100" data-aos="fade-up" data-aos-easing="linear"
                        data-aos-duration="1500" loading="lazy">
                </div> -->

<div class="show-light">
<div class="flex items-end justify-center relative drop-shadow-2xl"><!-- watch --><img alt="waterminder watch" class="w-[2rem] sm:w-[4rem]  md:w-auto" data-aos="fade-right" data-aos-duration="3000" data-aos-easing="linear" src="./images/app/watch-14.png" / loading="lazy"> <!-- phone --> <img alt="hydration tracking" class="w-[2.5rem] sm:w-[5rem] md:w-auto mr-[-2rem] md:mr-[-8rem]  mb-[-0.5rem] md:mb-[-2rem] z-10 " data-aos="fade-right" data-aos-duration="2500" data-aos-easing="linear" src="./images/app/phone-14.png" / loading="lazy"> <!-- mac --> <img alt="desktop hydration tracking" class="w-[14rem] sm:w-[28rem] md:w-auto" data-aos="fade-up" data-aos-duration="1500" data-aos-easing="linear" src="./images/app/mac-14.png" / loading="lazy"> <!-- tab --> <img alt="Water reminder" class="w-[4rem] sm:w-[8rem] md:w-auto ml-[-3rem] md:ml-[-8rem]  mb-[-1rem] md:mb-[-3rem] " data-aos="fade-left" data-aos-duration="2800" data-aos-easing="linear" src="./images/app/tab-14.png" / loading="lazy"></div>
</div>

<div class="show-dark">
<div class="flex items-end justify-center relative drop-shadow-2xl"><!-- watch --><img alt="Water intake calculator app for watch" class="w-[2rem] sm:w-[4rem]  md:w-auto" data-aos="fade-right" data-aos-duration="3000" data-aos-easing="linear" src="./images/app/watch-14.png" / loading="lazy"> <!-- phone --> <img alt="Water intake calculator for phone" class="w-[2.5rem] sm:w-[5rem] md:w-auto mr-[-2rem] md:mr-[-8rem]  mb-[-0.5rem] md:mb-[-2rem] z-10 " data-aos="fade-right" data-aos-duration="2500" data-aos-easing="linear" src="./images/app/phone-14-dark.png" / loading="lazy"> <!-- mac --> <img alt="Water intake calculator fro mac" class="w-[14rem] sm:w-[28rem] md:w-auto" data-aos="fade-up" data-aos-duration="1500" data-aos-easing="linear" src="./images/app/mac-14-dark.png" / loading="lazy"> <!-- tab --> <img alt="Water intake calculator fro tablet " class="w-[4rem] sm:w-[8rem] md:w-auto ml-[-3rem] md:ml-[-8rem]  mb-[-1rem] md:mb-[-3rem] " data-aos="fade-left" data-aos-duration="2800" data-aos-easing="linear" src="./images/app/tab-14-dark.png" / loading="lazy"></div>
</div>
</div>

<div class="section-title-wrapper text-center">
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h2 class="section-title max-w-4xl mx-auto">Download NOW and start feeling better!</h2>

</div>

<div class="flex justify-center gap-4 dark:hidden">
<div><a href="https://apps.apple.com/app/apple-store/id653031147?pt=2102403&amp;ct=website&amp;mt=8" rel="noopener noreferrer" target="_blank"><img alt="water renider for ios" src="./images/ios.svg" / loading="lazy"> </a></div>

<div><a href="https://play.google.com/store/apps/details?id=com.funnmedia.waterminder" rel="noopener noreferrer" target="_blank"><img alt="water renider for android" src="./images/android.svg" / loading="lazy"> </a></div>

<div><a href="https://itunes.apple.com/us/app/waterminder/id1415257369?mt=12&amp;at=1010lHKK" rel="noopener noreferrer" target="_blank"><img alt="water renider for mac" src="./images/mac.svg" / loading="lazy"> </a></div>
</div>

<div class="hidden justify-center gap-4 dark:flex">
<div><a href="https://apps.apple.com/app/apple-store/id653031147?pt=2102403&amp;ct=website&amp;mt=8" rel="noopener noreferrer" target="_blank"><img alt="Download Water tracker for ios" src="./images/ios-white.svg" / loading="lazy"> </a></div>

<div><a href="https://play.google.com/store/apps/details?id=com.funnmedia.waterminder" rel="noopener noreferrer" target="_blank"><img alt="water renider for android white button" src="./images/android-white.svg" / loading="lazy"> </a></div>

<div><a href="https://itunes.apple.com/us/app/waterminder/id1415257369?mt=12&amp;at=1010lHKK" rel="noopener noreferrer" target="_blank"><img alt="Download Water tracker for mac" src="./images/mac-white.svg" / loading="lazy"> </a></div>
</div>

</section>
<!-- section end --><!-- section start -->

<section class="section bg-light-gradient dark:bg-dark-gradient text-white text-center" id="features">
<div class="max-w-container ">
<div class="section-title-wrapper">
<h2 class="section-title text-center max-w-4xl mx-auto" data-aos="none" data-aos-duration="1500">WaterMinder App is Packed With Features</h2>

<p class="my-6" data-aos="none" data-aos-duration="1500">Explore WaterMinder&#39;s other great features that will help you meet your daily hydration goal.<br />
The best water tracker app!</p>
</div>

<div class="grid md:grid-cols-3 gap-4 justify-center mt-5">
<div class="grid-item">
<div class="feature-card">
<div class="flex items-center gap-4 mb-2 p-4"><img alt="light and dark icon" class="box-icon" src="./images/features-icons/theme-4x.png" / loading="lazy">
<p>Light and Dark modes</p>
</div>

<div class="-mb-4 p-4 pb-0"><img alt="waterminder lightand dark feature" class="w-60 mx-auto drop-shadow-3xl" src="./images/more-features/1-14.png" / loading="lazy"></div>
</div>
</div>

<div class="grid-item flex flex-col justify-between">
<div class="feature-card p-7 mb-4">
<div class="flex items-center gap-4 mb-2"><img alt="hydration widget icon" class="box-icon" src="./images/features-icons/widgets-4x.png" / loading="lazy">
<p>Hydration Widgets</p>
</div>

<div><img alt="current hydration tracking feature" class="w-100 mx-auto  " src="./images/more-features/2-14.png" / loading="lazy"></div>
</div>

<div class="feature-card p-7">
<div class="flex items-center gap-4 mb-2"><img alt="waterminder siri shortcut icon" class="box-icon" src="./images/features-icons/siri-4x.png" / loading="lazy">
<p>Siri Shortcuts</p>
</div>

<div><img alt="" class="w-100 mx-auto " src="./images/more-features/3-14.png" / loading="lazy"></div>
</div>
</div>

<div class="grid-item">
<div class="feature-card">
<div class="flex items-center gap-4 mb-2 p-4"><img alt="healthkit integration icon" class="box-icon" src="./images/features-icons/heart-4x.png" / loading="lazy">
<p>HealthKit Integration</p>
</div>

<div class="-mb-4 p-4 pb-0 relative"><img alt="health access feature" class="w-60 mx-auto drop-shadow-3xl show-light" src="./images/more-features/4-14.png" / loading="lazy"> <img alt="health kit integration feature" class="w-60 mx-auto drop-shadow-3xl show-dark" src="./images/more-features/4-14-dark.png" / loading="lazy">
<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full"><img alt="apple health sync feature" class="w-72 mt-24 mx-auto animate-hover-y show-light" src="./images/more-features/4-2.png" / loading="lazy"></div>
</div>
</div>
</div>


<!-----added by dharmesh---->



<div class="grid-item">
  <div class="feature-card">
  <div class="flex items-center gap-4 mb-2 p-4"><img alt="Blue theme" class="box-icon" src="./images/features-icons/Bluethem-4x.png"/ loading="lazy">
  <p>Blue theme</p>
  </div>

<div class="-mb-4 p-4 pb-0"><img alt="Blue theme" class="w-60 mx-auto drop-shadow-3xl" src="./images/more-features/Blue them.png"/ loading="lazy"></div>
  </div>
  </div>

  <div class="grid-item">
    <div class="feature-card">
    <div class="flex items-center gap-4 mb-2 p-4"><img alt="Colorful Characters" class="box-icon" src="./images/features-icons/colorful characters-4x.png" / loading="lazy">
    <p>Colorful characters</p>
    </div>
    
    <div class="-mb-4 p-4 pb-0"><img alt="Colorful Characters" class="w-60 mx-auto drop-shadow-3xl show-light" src="./images/more-features/colorful characters.png" / loading="lazy"> <img alt="Colorful Characters" class="w-60 mx-auto drop-shadow-3xl show-dark" src="./images/more-features/colorful characters-darkmode.png" / loading="lazy"></div>
    </div>
    </div>

    <div class="grid-item">
      <div class="feature-card">
      <div class="flex items-center gap-4 mb-2 p-4"><img alt="Animal Characters" class="box-icon" src="./images/features-icons/animal characters4x.png" / loading="lazy">
      <p>Animal characters</p>
      </div>
      
      <div class="-mb-4 p-4 pb-0"><img alt="Animal Characters" class="w-60 mx-auto drop-shadow-3xl show-light" src="./images/more-features/animal characters.png" / loading="lazy"> <img alt="Animal Characters" class="w-60 mx-auto drop-shadow-3xl show-dark" src="./images/more-features/animalcharacters-darkmo.png" / loading="lazy"></div>
      </div>
      </div>






  





</div>

<div class="grid md:grid-cols-3 gap-4 justify-center mt-5">
<div class="grid-item">
<div class="feature-card">
<div class="flex items-center gap-4 mb-2 p-4"><img alt="weather feature icon" class="box-icon" src="./images/features-icons/weather-4x.png" / loading="lazy">
<p>Adjust Water Goal to Weather</p>
</div>

<div class="-mb-4 p-4 pb-0 relative"><img alt="weather feature" class="w-60 mx-auto drop-shadow-3xl show-light" src="./images/more-features/5-14.png" / loading="lazy"> <img alt="Teemprature feature" class="w-60 mx-auto drop-shadow-3xl show-dark" src="./images/more-features/5-14-dark.png" / loading="lazy">
<div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-full"><img alt="editweather waterminder feature" class="w-72 mt-28 mx-auto animate-hover-y show-light" src="./images/more-features/5-2.png" / loading="lazy"></div>
</div>
</div>
</div>

<div class="grid-item flex flex-col justify-between">
<div class="feature-card p-7 mb-4">
<div class="flex items-center gap-4 mb-2"><img alt="water complication icons" class="box-icon" src="./images/features-icons/watch-4x.png" / loading="lazy">
<p>Water Complications</p>
</div>

<div><img alt="water complication feature" class="w-100 mx-auto " src="./images/more-features/6-14.png" / loading="lazy"></div>
</div>

<div class="feature-card p-7">
<div class="flex items-center gap-4 mb-2"><img alt="hydration streaks icon" class="box-icon" src="./images/features-icons/streake-4x.png" / loading="lazy">
<p>Hydration Streaks</p>
</div>

<div><img alt="hydration measurement" class="w-100 mx-auto show-light" src="./images/more-features/7-14.png" / loading="lazy"> <img alt="hydration streaks feature" class="w-100 mx-auto show-dark" src="./images/more-features/7-14-dark.png" / loading="lazy"></div>
</div>
</div>

<div class="grid-item">
<div class="feature-card">
<div class="flex items-center gap-4 mb-2 p-4"><img alt="full personalisation icon" class="box-icon" src="./images/features-icons/personalize-4x.png" / loading="lazy">
<p>Full Personalization</p>
</div>

<div class="-mb-4 p-4 pb-0"><img alt="features of waterminder" class="w-60 mx-auto drop-shadow-3xl show-light" src="./images/more-features/8-14.png" / loading="lazy"> <img alt="waterminder fullpersonalisation feature" class="w-60 mx-auto drop-shadow-3xl show-dark" src="./images/more-features/8-14-dark.png" / loading="lazy"></div>
</div>
</div>
</div>

<div class="grid md:grid-cols-3 gap-4 justify-center mt-5">
<div class="grid-item">
<div class="feature-card">
<div class="flex items-center gap-4 mb-2 p-4"><img alt="progress ring layout" class="box-icon" src="./images/features-icons/ring-4x.png" / loading="lazy">
<p>Progress Ring Layout</p>
</div>

<div class="-mb-4 p-4 pb-0"><img alt="Current hydration status" class="w-60 mx-auto drop-shadow-3xl show-light" src="./images/more-features/9-14.png" / loading="lazy"> <img alt="current hydration feature" class="w-60 mx-auto drop-shadow-3xl show-dark" src="./images/more-features/9-14-dark.png" / loading="lazy"></div>
</div>
</div>

<div class="grid-item">
<div class="feature-card">
<div class="flex items-center gap-4 mb-2 p-4"><img alt="custom other drinkes icon" class="box-icon" src="./images/features-icons/drink-4x.png" / loading="lazy">
<p>Custom Other Drink Types</p>
</div>

<div class="-mb-4 p-4 pb-0"><img alt="drink tracker in waterminder" class="w-60 mx-auto drop-shadow-3xl show-light" src="./images/more-features/10-14.png" / loading="lazy"> <img alt="custom other drink types" class="w-60 mx-auto drop-shadow-3xl show-dark" src="./images/more-features/10-14-dark.png" / loading="lazy"></div>
</div>
</div>

<div class="grid-item">
<div class="feature-card">
<div class="flex items-center gap-4 mb-2 p-4"><img alt="waterminder history log" class="box-icon" src="./images/features-icons/logs-4x.png" / loading="lazy">
<p>History Log</p>
</div>

<div class="-mb-4 p-4 pb-0"><img alt="All logs of hydration - white screen" class="w-60 mx-auto drop-shadow-3xl show-light" src="./images/more-features/11-14.png" / loading="lazy"> <img alt="All logs of hydration" class="w-60 mx-auto drop-shadow-3xl show-dark" src="./images/more-features/11-14-dark.png" / loading="lazy"></div>
</div>
</div>
</div>

<div class="grid md:grid-cols-3 gap-4 justify-center mt-5">
<div class="grid-item">
<div class="feature-card">
<div class="flex items-center gap-4 mb-2 p-4"><img alt="waterminder accessbile feature" class="box-icon" src="./images/features-icons/accessible-4x.png" / loading="lazy">
<p>Accessible</p>
</div>

<div class="-mb-4 p-4 pb-0"><img alt="more water tracker features" class="w-60 mx-auto drop-shadow-3xl show-light" src="./images/more-features/12-14.png" / loading="lazy"> <img alt="more water tracker features dark" class="w-60 mx-auto drop-shadow-3xl show-dark" src="./images/more-features/12-14-dark.png" / loading="lazy"></div>
</div>
</div>

<div class="grid-item flex flex-col justify-between">
<div class="feature-card p-7 mb-4">
<div class="flex items-center gap-4 mb-2"><img alt="waterminder custom sound feature" class="box-icon" src="./images/features-icons/sound-4x.png" / loading="lazy">
<p>Custom Sounds</p>
</div>

<div><img alt="bubble splash " class="w-100 mx-auto  show-light" src="./images/more-features/13-14.png" / loading="lazy"> <img alt="waterminder feature" class="w-100 mx-auto  show-dark" src="./images/more-features/13-14-dark.png" / loading="lazy"></div>
</div>

<div class="feature-card p-7">
<div class="flex items-center gap-4 mb-2"><img alt="quick app actions" class="box-icon" src="./images/features-icons/quick-4x.png" / loading="lazy">
<p>Quick App Actions</p>
</div>

<div><img alt="quick app action feature" class="w-100 mx-auto" src="./images/more-features/14-14.png" / loading="lazy"></div>
</div>
</div>

<div class="grid-item">
<div class="feature-card">
<div class="flex items-center gap-4 mb-2 p-4"><img alt="haptic touch" class="box-icon" src="./images/features-icons/haptic-4x.png" / loading="lazy">
<p>Haptic Touch</p>
</div>

<div class="-mb-4 p-4 pb-0"><img alt="waterminder haptic touch" class="w-60 mx-auto drop-shadow-3xl" src="./images/more-features/15-14.png" / loading="lazy"></div>
</div>
</div>




</div>
</div>

<div class="ocean">
<div class="bubble bubble--1"></div>

<div class="bubble bubble--2"></div>

<div class="bubble bubble--3"></div>

<div class="bubble bubble--4"></div>

<div class="bubble bubble--5"></div>

<div class="bubble bubble--6"></div>

<div class="bubble bubble--7"></div>

<div class="bubble bubble--8"></div>

<div class="bubble bubble--9"></div>

<div class="bubble bubble--10"></div>

<div class="bubble bubble--11"></div>

<div class="bubble bubble--12"></div>
<!-- <div id="octocat"></div> --></div>
</section>
<!-- section end --><!-- section start -->

<section class="section" id="press">
<div class="max-w-container ">
<div class="section-title-wrapper text-center">
<h2 class="section-title max-w-4xl mx-auto">WaterMinder, As Seen On...</h2>

<p class="my-6">Check out the coverage & achievement of WaterMinder in the press.</p>
</div>

<div class="grid md:grid-cols-3 gap-4 justify-center mt-5 news-owl-carousel owl-carousel owl-theme">

<div class="grid-item">
        <div class="border rounded-3xl">
        <div><a href="https://www.macstories.net/reviews/waterminder-5-1-delivers-a-ground-up-redesign-of-its-apple-watch-app-and-more/"><img alt="macstories logo" class="w-full rounded-t-3xl h-48 object-cover" src="./images/news/macstories-logo.png" / loading="lazy"></a></div>
        
        <div class="p-4 text-lg space-y-2 text-center">
        <p class="font-medium">MacStories</p>
        
        <p>WaterMinder Redesign Review<br><br></p>
        </div>
        </div>
</div>

<div class="grid-item">
    <div class="border rounded-3xl">
    <div><a href="https://apps.apple.com/story/id1484100916?ign-itscg=10000&amp;ign-itsct=BestOfApps_SC09_PT006_WW%2F"><img alt="waterminder best app" class="w-full rounded-t-3xl h-48 object-cover" src="./images/news/2019-apple-best-apps.png" / loading="lazy"></a></div>
    
    <div class="p-4 text-lg space-y-2 text-center">
    <p class="font-medium">Apple&#39;s Best of 2019</p>
    
    <p>The Year&rsquo;s Top Apps <br><br></p>
    </div>
    </div>
</div>

<div class="grid-item">
    <div class="border rounded-3xl">
    <div><a href="https://9to5mac.com/2022/03/16/waterminder-updated-with-redesigned-watch-app-and-more/"><img alt="9to5 logo" class="w-full rounded-t-3xl h-48 object-cover" src="./images/news/9to5mac-logo.png" / loading="lazy"></a></div>
    
    <div class="p-4 text-lg space-y-2 text-center">
    <p class="font-medium">9to5Mac</p>
    
    <p>WaterMinder Apple Watch Review<br><br></p>
    </div>
    </div>
</div>

<div class="grid-item">
    <div class="border rounded-3xl">
    <div><a href="https://apps.apple.com/us/story/id1544531103"><img alt="apple devloper spotlight " class="Developer spotlight water tracker " src="./images/news/waterminder-developer-spotlight.png" / loading="lazy"></a></div>
    
    <div class="p-4 text-lg space-y-2 text-center">
    <p class="font-medium">Apple Developer Spotlight</p>
    
    <p>Drinking It All In <br><br></p>
    </div>
    </div>
</div>

<div class="grid-item">
    <div class="border rounded-3xl">
    <div><a href="https://www.healthline.com/health/hydration-top-iphone-android-apps-drinking-water#A-quick-look-at-the-best-hydration-apps"><img alt="" class="w-full rounded-t-3xl h-48 object-cover" src="./images/news/healthline.png" / loading="lazy"></a></div>
    
    <div class="p-4 text-lg space-y-2 text-center">
    <p class="font-medium">Healthline</p>
    
    <p>A quick look at the best hydration apps<br><br>
    </p>
    </div>
    </div>
</div>

<div class="grid-item">
        <div class="border rounded-3xl">
        <div><a href="https://www.vogue.in/content/these-4-simple-hacks-will-make-you-drink-more-water-everyday"><img alt="" class="w-full rounded-t-3xl h-48 object-cover" src="./images/news/vogueIndia.png" / loading="lazy"></a></div>
        
        <div class="p-4 text-lg space-y-2 text-center">
        <p class="font-medium">Vogue India</p>
        
        <p>These 4 simple hacks will make you drink more water everyday
        </p>
        </div>
        </div>
</div>   

<div class="grid-item">
    <div class="border rounded-3xl">
    <div><a href="https://www.makeuseof.com/best-wear-os-apps/"><img alt="" class="w-full rounded-t-3xl h-48 object-cover" src="./images/news/makeuseof.png" / loading="lazy"></a></div>
    
    <div class="p-4 text-lg space-y-2 text-center">
    <p class="font-medium">Make use of</p>
    
    <p>12 Essential Wear OS Apps Every Smartwatch User Should Download

    </p>
    </div>
    </div>
</div>

<div class="grid-item">
    <div class="border rounded-3xl">
    <div><a href="https://blog.proto.io/top-10-mobile-app-ui-august-2017/"><img alt="" class="w-full rounded-t-3xl h-48 object-cover" src="./images/news/Protoio.png" / loading="lazy"></a></div>
    
    <div class="p-4 text-lg space-y-2 text-center">
    <p class="font-medium">Proto</p>
    
    <p>Top 10 Mobile App UI of August 2017 <br><br>
    </p>
    </div>
    </div>
</div>

<div class="grid-item">
    <div class="border rounded-3xl">
    <div><a href="https://lifehacker.com/10-of-the-best-apps-to-track-every-new-years-resolution-1849922019/slides/9"><img alt="" class="w-full rounded-t-3xl h-48 object-cover" src="./images/news/Lifehacker.png" / loading="lazy"></a></div>
    
    <div class="p-4 text-lg space-y-2 text-center">
    <p class="font-medium">Lifehacker</p>
    
    <p>10 of the Best Apps to Track Every New Year's Resolution 

    </p>
    </div>
    </div>
</div>   


    

</div>
</div>
</section>
<!-- section end --><!-- section start -->

<section class="section bg-light dark:bg-dark-2" id="reviews">
<div class="max-w-container ">
<div class="section-title-wrapper text-center">
<h2 class="section-title max-w-4xl mx-auto" data-aos="text-fade-ltr" data-aos-duration="1500">User Reviews</h2>

<p class="my-6" data-aos="text-fade-ltr" data-aos-duration="1500">Don&#39;t just take our word for it &ndash; read what users have to say about the WaterMinder app.</p>
</div>

<div class="grid md:grid-cols-3 gap-4 justify-center mt-5 review-owl-carousel owl-carousel owl-theme text-black">
<div class="grid-item !h-full">
<div class="bg-white rounded-3xl p-4 text-center !h-full">
<div class="py-4 text-orange-400 text-xl"></div>

<div>
<p class="font-medium text-lg mb-2">Apple watch dream!!</p>

<p>I normally forget about drinking water or to engrossed in my work. I&#39;ve tried apps for reminders but my phone does not always get my attention. I got an apple watch last week to replace my Fitbit last week and stumbled across this app in looking for fitness apps that give the best apple watch experience and I love it. The watch app gives me the needed reminders and makes it easy to register immediately. [...]<br />
Highly recommended!!</p>

<div class="flex gap-2 justify-center items-center mt-auto">
<div>
<p></p>

<p></p>
</div>

<div class="text-lg">Octobers Own &#39;83</div>
</div>
</div>
</div>
</div>

<div class="grid-item h-full">
<div class="bg-white rounded-3xl p-4 text-center h-full">
<div class="py-4 text-orange-400 text-xl"></div>

<div>
<p class="font-medium text-lg mb-2">One of best apps</p>

<p>I got this app before but somewhere along I stopped tracking my water intake daily because I love to drink water and I was working out every day and figured that I was drinking enough. Several weeks ago I decided to start tracking again as I would forget to drink water at times so went to look for an app. [...]I really like this app and it is one of the BEST apps I have ever used and would RECOMMEND it highly.</p>

<div class="flex gap-2 justify-center items-center mt-4">
<div>
<p></p>

<p></p>
</div>

<div class="text-lg">Chargerman165</div>
</div>
</div>
</div>
</div>

<div class="grid-item h-full">
<div class="bg-white rounded-3xl p-4 text-center h-full">
<div class="py-4 text-orange-400 text-xl"></div>

<div>
<p class="font-medium text-lg mb-2">Essential Health App</p>

<p>I never used to drink enough water. This makes it fun to see where I&rsquo;m at and where I should be throughout the day. The app is very easy to use. If you have a question their support is very responsive and helpful. They helped me customize my settings. I love this app. I even put its widget on my iPhone&rsquo;s Lock Screen.</p>

<div class="flex gap-2 justify-center items-center mt-4">
<div>
<p></p>

<p></p>
</div>

<div class="text-lg">ShellyDearly</div>
</div>
</div>
</div>
</div>

<div class="grid-item h-full">
<div class="bg-white rounded-3xl p-4 text-center h-full">
<div class="py-4 text-orange-400 text-xl"></div>

<div>
<p class="font-medium text-lg mb-2">Great drinking app!</p>

<p>I was searching for a water minder app for a long time and finally I found what I was looking for. Really good Apple Watch support, almost everything can be configured to my drinking habits therefore easy to add drinks. I still use it after weeks so it definitely worth for the price.</p>

<div class="flex gap-2 justify-center items-center mt-4">
<div>
<p></p>

<p></p>
</div>

<div class="text-lg">cs.geri</div>
</div>
</div>
</div>
</div>

<div class="grid-item h-full">
<div class="bg-white rounded-3xl p-4 text-center h-full">
<div class="py-4 text-orange-400 text-xl"></div>

<div>
<p class="font-medium text-lg mb-2">Great app</p>

<p>Love this app, The iPhone, iPad Apple Watch and Mac versions are really well designed, work really well. Its quickly become part of my daily core 5 apps i use on a daily basis. The developer responds very quickly to requests and help. Can&rsquo;t recommend this app more highly.</p>

<div class="flex gap-2 justify-center items-center mt-4">
<div>
<p></p>

<p></p>
</div>

<div class="text-lg">REM2000</div>
</div>
</div>
</div>
</div>

<div class="grid-item h-full">
<div class="bg-white rounded-3xl p-4 text-center h-full">
<div class="py-4 text-orange-400 text-xl"></div>

<div>
<p class="font-medium text-lg mb-2">One of two faves! Get it! Amazing!</p>

<p>Love that it syncs across devices. Customizable goal. After 5 years use just discovered I can set to weather conditions Ie HOT. Very terrific app!A?A?a??A?[Only request-customizable drinks i.e. No options now for diet soda, rice/almond/coconut milk. Important for those of us allergic to dairy, etc.] Otherwise amazing!! Great that it somehow syncs with my other hydration app (which doesn&#39;t sync across devices) but DOES do custom drinks so this app gives me accurate totals! Excellent app!</p>

<div class="flex gap-2 justify-center items-center mt-4">
<div>
<p></p>

<p></p>
</div>

<div class="text-lg">Grace full</div>
</div>
</div>
</div>
</div>

<div class="grid-item h-full">
<div class="bg-white rounded-3xl p-4 text-center h-full">
<div class="py-4 text-orange-400 text-xl"></div>

<div>
<p class="font-medium text-lg mb-2">New iOS 16 update</p>

<p>The new iOS 16 update is a complete redesign and looks great on iPhone and on WatchOS. Love it! I wish there was an alternative to the &ldquo;person&rdquo; progress tracker - currently only male or female. Please add an option that isn&rsquo;t a person at all, or alternative choices that are more inclusive.</p>

<div class="flex gap-2 justify-center items-center mt-4">
<div>
<p></p>

<p></p>
</div>

<div class="text-lg">k8seren</div>
</div>
</div>
</div>
</div>

<div class="grid-item h-full">
<div class="bg-white rounded-3xl p-4 text-center h-full">
<div class="py-4 text-orange-400 text-xl"></div>

<div>
<p class="font-medium text-lg mb-2">EXACTLY what I was looking for!</p>

<p>The WaterMinder app is perfect! It&#39;s amazingly simple (especially with an Apple Watch) and has always worked flawlessly. The available complications for my watch are exactly what I was looking for, too. I downloaded the app when it cost $3 and would gladly do so again. This is a MUST HAVE app for health conscious iPhone and Apple Watch users!</p>

<div class="flex gap-2 justify-center items-center mt-4">
<div>
<p></p>

<p></p>
</div>

<div class="text-lg">boilernole</div>
</div>
</div>
</div>
</div>

<div class="grid-item h-full">
<div class="bg-white rounded-3xl p-4 text-center h-full">
<div class="py-4 text-orange-400 text-xl"></div>

<div>
<p class="font-medium text-lg mb-2">Amazing!</p>

<p>Highly recommend, works super well, is highly configurable, has widgets for iPhone and Apple Watch, let&rsquo;s you also track other drinks. I use it to track my water and sometimes caffeine and haven&rsquo;t found any fault in 2 years!</p>

<div class="flex gap-2 justify-center items-center mt-4">
<div>
<p></p>

<p></p>
</div>

<div class="text-lg">EpicD4vid</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- section end -->



<!--added by dharmesh code--> <!-- section start  -->

<section class="section" id="press">
    <div class="max-w-container ">
    <div class="section-title-wrapper text-center">
    <h2 class="section-title max-w-4xl mx-auto">Blog</h2>
    
    <p class="my-6">Check out our latest blog post.</p>
    </div>
    
    <div class="grid md:grid-cols-3 gap-4 justify-center mt-5">


    <div class="grid-item">
            <div class="border rounded-3xl">
            <div><a href="https://blog.waterminder.com/tips/10-years-of-helping-millions-staying-hydrated-with-waterminder/" target="_blank"><img alt="" class="w-full rounded-t-3xl h-48 object-cover" src="./images/Blogs/10-Years-Of-Helping-Millions-Staying-Hydrated-With-WaterMinder.png" / loading="lazy"></a></div>
            
            <div class="p-4 text-lg space-y-2 text-center">
            <p class="font-medium"><a href="https://blog.waterminder.com/tips/10-years-of-helping-millions-staying-hydrated-with-waterminder/"target="_blank"> 10 Years Of Helping Millions Staying Hydrated With WaterMinder
            </a>
            </p>
            
            <p>Staying properly hydrated is essential for maintaining optimal health and well-being. Water is the elixir of life, serving as a vital component for our bodies to function efficiently. Water helps regulate body temperature, lubricate joints, transport nutrients, and...</p>
            </div>
            </div>
    </div>



   
    <div class="grid-item">
    <div class="border rounded-3xl">
    <div><a href="https://blog.waterminder.com/tips/use-waterminder-app-on-smartwatch/" target="_blank"><img alt="" class="w-full rounded-t-3xl h-48 object-cover" src="./images/Blogs/A guide for using WaterMinder App on smartwatch.png" / loading="lazy"></a></div>
    
    <div class="p-4 text-lg space-y-2 text-center">
    <p class="font-medium"><a href="https://blog.waterminder.com/tips/use-waterminder-app-on-smartwatch/"target="_blank"> Guide for using WaterMinder App on smartwatch</a>
    </p>
    
    <p>We are literally here to serve you. WaterMinder is the best water drinking reminder app that helps you stay hydrated throughout the day with personalized reminders. It helps you track every kind of liquid intake and hydration level more precisely. It is a widely used...</p>
    </div>
    </div>
    </div>

    <div class="grid-item">
        <div class="border rounded-3xl">
        <div><a href="https://blog.waterminder.com/tips/hydration-tips-health/" target="_blank"><img alt="" class="w-full rounded-t-3xl h-48 object-cover" src="./images/Blogs/Hydration Tips for People with Certain Health Conditions.png" / loading="lazy"></a></div>
        
        <div class="p-4 text-lg space-y-2 text-center">
        <p class="font-medium"><a href="https://blog.waterminder.com/tips/hydration-tips-health/" target="_blank">Hydration Tips for People with Certain Health Conditions </a>
        </p>
        
        <p>Hey, do you want to know a secret? Water is a major solution for almost all of your health issues. Everyone should consume eight glasses of water each day, as you may have heard. Although that advice is reasonable, it does not take into account each person's unique...</p>
        </div>
        </div>
        </div>


      

    
 
    </div>
    <div style="text-align: center; padding-top: 35px;; "><a class="card-link font-medium" href="https://blog.waterminder.com/" rel="noopener noreferrer" target="_blank"><span>View more</span></a></div>
    </div>
    
    </section>
    <!-- section end -->

    <!-- section start FAQ --> 

    <section class="section text-center section bg-light dark:bg-dark-2 " >
        <div class="max-w-container ">
        
      
        
        <h2 class="section-title max-w-4xl mx-auto" data-aos="none" data-aos-duration="1500">FAQs</h2>
        <p class="my-6" data-aos="none" data-aos-duration="1500">Most frequently asked questions by users</p>

   
    


        <div class="faq-container bg-light dark:bg-dark-2">
            <details class="faq-box" open>
              <summary class="faq-header bg-light dark:bg-dark-2">
                How do you add WaterMinder widgets to your home screen?
              </summary>
              <div class="faq-content">
                <p>
                    Adding WaterMinder widgets to your home screen will help you track your water intake and log it without even opening the app. 
                    It can be added to the home screen by tapping and holding on the home screen. Tap the + symbol. In the search box, start typing WaterMinder. 
                    Tap on the option for WaterMinder. Here is a  <a class="card-link font-medium" href="https://funnmedia.zendesk.com/hc/en-us/articles/360050083631-Adding-WaterMinder-Widgets-to-Your-Home-Screen" rel="noopener noreferrer" target="_blank"><span>detailed guide</span></a>  for adding the widget.
                </p>
              </div>
            </details>
      
            <details class="faq-box">
              <summary class="faq-header bg-light dark:bg-dark-2">
                How do you add Siri shortcuts for the WaterMinder App?
              </summary>
              <div class="faq-content">
                <p>
                    Siri Shortcuts are available in iOS 12 or later. This feature will allow you to quickly log your water intake, check your current hydration, or reach your remaining goal - simply by asking Siri. 
                    You can Go to WaterMinder > Settings > Siri Shortcuts and choose the shortcuts you want to add. 
                    Here is a <a class="card-link font-medium" href="https://funnmedia.zendesk.com/hc/en-us/articles/360016086612-Siri-Shortcuts-and-WaterMinder" rel="noopener noreferrer" target="_blank"><span>step by step guide </span></a>for adding Siri Shortcuts.
                </p>
              </div>
            </details>

            <details class="faq-box">
                <summary class="faq-header bg-light dark:bg-dark-2">
                    How do you customize existing cups in WaterMinder?
                </summary>
                <div class="faq-content">
                  <p>
                    In WaterMinder, there are two types of cups available, Default cups and custom cups. You can edit the settings for the default cup and also add new cups. You can go to the settings menu and edit the default cup. 
                    You can also add a new cup by clicking on the A?a??A?plusA?a??A? button. For more details, click <a class="card-link font-medium" href="https://funnmedia.zendesk.com/hc/en-us/articles/115006375608-Customizing-Existing-Cups" rel="noopener noreferrer" target="_blank"><span>here. </span></a>
                  </p>
                </div>
              </details>

            <details class="faq-box">
                <summary class="faq-header bg-light dark:bg-dark-2">
                    How hydrating are drinks other than water?
                </summary>
                <div class="faq-content">
                  <p>
                    The water content in our bodies is more than 75%. Water is the most effective source of hydration. There are other drinks too, like juices, smoothies, tea, coffee, etc., that can contribute to hydration. But the impact of plain water is the highest. Check out this 
                    <a class="card-link font-medium" href="https://funnmedia.zendesk.com/hc/en-us/articles/236355388-How-Hydrating-Are-Drinks-Other-Than-Water" rel="noopener noreferrer" target="_blank"><span>descriptive blog  </span></a>that explains the hydration impact of different drinks on our bodies. 
                  </p>
                </div>
            </details>

              <details class="faq-box">
                <summary class="faq-header bg-light dark:bg-dark-2">
                    Can you install the WaterMinder app on the Apple Watch?
                </summary>
                <div class="faq-content">
                  <p>
                    Yes, you can install the WaterMinderApp on the Apple Watch by going to the Watch app on your phone and downloading it from there. If you have already downloaded it on your phone, you can sync it with your watch. Check out our detailed guide here.
                    <a class="card-link font-medium" href="https://funnmedia.zendesk.com/hc/en-us/articles/215626608-Install-WaterMinder-on-Your-Apple-Watch" rel="noopener noreferrer" target="_blank"><span>here.</span></a>
                  </p>
                </div>
            </details>

            <details class="faq-box">
                <summary class="faq-header bg-light dark:bg-dark-2">
                    How do I recover lost data from the WaterMinder app after an update?
                </summary>
                <div class="faq-content">
                  <p>
                    After an update, it might happen that you lose the data and can't access the history. This happens due to sync issues with iCloud. You can go to 
                    Settings>iCloud>iCloud Drive. Turn on the button for the WaterMinder. For more details, visit 
                    <a class="card-link font-medium" href="https://funnmedia.zendesk.com/hc/en-us/articles/205116150-My-history-disappeared-after-an-update-What-do-I-do-now-" rel="noopener noreferrer" target="_blank"><span>here.</span></a>
                  </p>
                </div>
            </details>

            <details class="faq-box">
                <summary class="faq-header bg-light dark:bg-dark-2">
                    What Are Activity Levels, and How Do They Work?
                </summary>
                <div class="faq-content">
                  <p>
                    The WaterMinder calculates your water intake on the basis of your activity level. There are four options in the Activity level menu- Sedentary, Lightly Active, Moderately Active
                     and Very Active. You can choose the most convenient option by going to the profile menu. Check out the detailed guide 

                    <a class="card-link font-medium" href="https://funnmedia.zendesk.com/hc/en-us/articles/360040360231-What-Are-Activity-Levels-and-How-Do-They-Work-" rel="noopener noreferrer" target="_blank"><span>here.</span></a>
                  </p>
                </div>
            </details>

            <details class="faq-box">
                <summary class="faq-header bg-light dark:bg-dark-2">
                Can I log in the water intake using the Apple Watch Siri watch face?
                </summary>
                <div class="faq-content">
                  <p>
                    You can now log in to the water intake using the Siri Cards on the Apple Watch. WaterMinder cards will suggest logging your favorite drink right from the Siri watch face. The suggestion cards will 
                    appear around the reminder times set in your app. Check out the steps 

                    <a class="card-link font-medium" href="https://funnmedia.zendesk.com/hc/en-us/articles/360016354672-WaterMinder-and-Apple-Watch-Siri-watch-face" rel="noopener noreferrer" target="_blank"><span>here.</span></a>
                  </p>
                </div>
            </details>

            <details class="faq-box">
                <summary class="faq-header bg-light dark:bg-dark-2">
                 What do I do when the WaterMinder app is stuck on "Please set up your profile screen" on the Apple Watch?
                </summary>
                <div class="faq-content">
                  <p>
                    In this situation, you should remove the app from your phone and watch. Restart the devices and reinstall the application on both devices. Then open the app on both of them, the starting screen will appear. Check out our guide 

                    <a class="card-link font-medium" href="https://funnmedia.zendesk.com/hc/en-us/articles/360007804891-WaterMinder-Apple-Watch-app-stuck-on-Please-setup-your-profile-screen" rel="noopener noreferrer" target="_blank"><span>here.</span></a>
                  </p>
                </div>
            </details>

            <details class="faq-box">
                <summary class="faq-header bg-light dark:bg-dark-2">
                Can I modify the default cup sizes?
                </summary>
                <div class="faq-content">
                  <p>
                    Yes, you can modify the default cups by clicking on them in the Settings menu. Tap on the cup and change the settings according to your preference.For a step by step process, click 
                   
                    <a class="card-link font-medium" href="https://funnmedia.zendesk.com/hc/en-us/articles/205115670-Can-I-modify-the-default-cup-sizes-" rel="noopener noreferrer" target="_blank"><span>here.</span></a>
                  </p>
                </div>
            </details>

            <details class="faq-box">
                <summary class="faq-header bg-light dark:bg-dark-2">
               How do I add drink intake to the previous days?
                </summary>
                <div class="faq-content">
                  <p>
                    You can add the water intake for the previous day by tapping on the history icon at the bottom of the home screen. Check out the detailed guide

                    <a class="card-link font-medium" href="https://funnmedia.zendesk.com/hc/en-us/articles/204284070-How-do-you-add-drinks-to-previous-days-" rel="noopener noreferrer" target="_blank"><span>here.</span></a>
                  </p>
                </div>
            </details>

            <details class="faq-box">
                <summary class="faq-header bg-light dark:bg-dark-2">
                How do I delete the incorrect logs?
                </summary>
                <div class="faq-content">
                  <p>You can delete the incorrect log by two ways- </p>
                    <ul style="list-style-type:circle; padding-left: 30px;">
                        <li>You can either go to the history section and delete it.</li>
                        <li>When you log your water intake, a message flashes on the screen that says "Shake To Undo". If you shake your device, the drink you have just entered will be removed.</li>
                    
                    </ul>
                
                 
                </div>
            </details>

            <details class="faq-box">
                <summary class="faq-header bg-light dark:bg-dark-2">
                    Why am I not getting reminders from the app?
                </summary>
                <div class="faq-content">
                  <p>You might not be receiving the reminders from the app due to various reasons. There are four main things that stop the WaterMinder app from sending you reminders: </p>
                    <ul style="list-style-type:circle; padding-left: 30px;">
                        <li>You have already reached your daily Water Intake Goal</li>
                        <li>Reminders are switched off</li>
                        <li>Your reminder type settings</li>
                        <li>Weekday settings</li>
                    
                    </ul>
                    <p> Here is a  <a class="card-link font-medium" href="https://funnmedia.zendesk.com/hc/en-us/articles/203791244-I-am-not-getting-reminders-Any-reason-why-" rel="noopener noreferrer" target="_blank"><span>detailed guide</span></a> to how you can solve these issues and continue receiving notifications. </p>
                 
                </div>
            </details>

            <details class="faq-box">
                <summary class="faq-header bg-light dark:bg-dark-2">
                    How do reminders work?
                </summary>
                <div class="faq-content">
                  <p>The main purpose of the WaterMinder app is to give you regular reminders to stay hydrated throughout the day. There are different types of reminders that are available in the application. Learn in detail about the reminders
              <a class="card-link font-medium" href="https://funnmedia.zendesk.com/hc/en-us/articles/203791214-How-do-reminders-work-" rel="noopener noreferrer" target="_blank"><span> here.</span></a> </p>
                 
                </div>
            </details>

            <details class="faq-box">
                <summary class="faq-header bg-light dark:bg-dark-2">
                    How do I change my daily water intake Goal?
                </summary>
                <div class="faq-content">
                  <p>The WaterMinder app assigns a default daily Water Intake Goal for you based on your weight. But that does not take into account other factors, like whether you are in a hot climate, are very active, or are pregnant. It is therefore possible to change the Water Intake Goal to suit your environment, 
                    lifestyle, and what your body is telling you. Check out the detailed process 
              <a class="card-link font-medium" href="https://funnmedia.zendesk.com/hc/en-us/articles/204146680-How-do-I-change-my-daily-Water-Intake-Goal-" rel="noopener noreferrer" target="_blank"><span> here.</span></a> </p>
                 
                </div>
            </details>

            <details class="faq-box">
                <summary class="faq-header bg-light dark:bg-dark-2">
                    Does coffee or tea count towards my daily goal?
                </summary>
                <div class="faq-content">
                  <p>Yes, it counts towards your daily intake goal. Despite water being the best source of hydration, coffee or tea are also sources of hydration as they contain water. Check out 
              <a class="card-link font-medium" href="https://funnmedia.zendesk.com/hc/en-us/articles/203791184-Does-coffee-or-tea-count-towards-my-daily-goal-" rel="noopener noreferrer" target="_blank"><span>how they impact your hydration levels. </span></a> </p>
                 
                </div>
            </details>

            <details class="faq-box">
                <summary class="faq-header bg-light dark:bg-dark-2">
                    How much water should I drink? 
                </summary>
                <div class="faq-content">
                  <p>The minimum water intake for every individual should be around 8 glasses every day. The ideal water intake ranges around 13 cups for men and 9 cups for women. It further depends on your body, and you should consult your doctor for a precise quantity. For more details, visit 
              <a class="card-link font-medium" href="https://www.umsystem.edu/totalrewards/wellness/how-to-calculate-how-much-water-you-should-drink" rel="noopener noreferrer" target="_blank"><span>here. </span></a> </p>
                 
                </div>
            </details>
      
      
         
           
        
        </div>
       
        
      
        </div>
        
       
        
        
        </section>


    

   
        
    
 <!-- section end --><!-- section start FAQ -->



<section class="section" id="book">
<div class="max-w-container ">
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 items-center justify-center mt-5">
<div class="md:p-20 text-center" data-aos="text-jump-up" data-aos-delay="1000" data-aos-duration="3000"><a href="https://books.apple.com/us/book/id1590953066" rel="noopener noreferrer" target="_blank"><span class="text-primary-500 font-medium">Buy Our Book </span> </a>

<div class="section-title-wrapper">
<h2 data-aos="text-fade-ltr" data-aos-duration="1500">Hydration Guide</h2>

<p class="text-lg mb-2 font-medium" data-aos="text-fade-ltr" data-aos-duration="1500">Ultimate Guide To Restore, Rejuvinate and Refine Your Body</p>

<p class="text-base">We help people stay hydrated with the WaterMinder App. Now you can learn everything you need to know about water and your health, how to stay hydrated, and much more with our new hydration book!</p>

<div class="flex items-center gap-3 mt-4">
<div><img alt="Hydration guides & tips" class="w-[6rem] rounded-full" src="./images/users/guide.png" / loading="lazy"></div>

<div>
<p>Kriss Smolka</p>

<p>From The Creators Of The</p>

<p>Waterminder App</p>
</div>
</div>

<div class="mt-4"><a class="card-link font-medium" href="https://hydrationbook.com/" rel="noopener noreferrer" target="_blank"><span>View more</span></a></div>
</div>
</div>

<div class="grid  place-content-center"><img alt="Read hydration guides" src="./images/guide/guides.png" / loading="lazy"></div>
</div>
</div>
</section>
<!-- section end --><!-- section start -->

<section class="section bg-light-gradient dark:bg-dark-gradient text-white relative" id="support">
<div class="max-w-container ">
<div class="section-title-wrapper text-center">
<h2 class="section-title max-w-4xl mx-auto">Hydration and Wellness at your fingertips!</h2>

<p class="mt-2">Download WaterMinder - the ultimate water tracker app!</p>
</div>

<div class="flex justify-center gap-4 dark:hidden">
<div><a href="https://apps.apple.com/app/apple-store/id653031147?pt=2102403&amp;ct=website&amp;mt=8" rel="noopener noreferrer" target="_blank"><img alt="iOS" src="./images/ios.svg" / loading="lazy"> </a></div>

<div><a href="https://play.google.com/store/apps/details?id=com.funnmedia.waterminder" rel="noopener noreferrer" target="_blank"><img alt="Android" src="./images/android.svg" / loading="lazy"> </a></div>

<div><a href="https://itunes.apple.com/us/app/waterminder/id1415257369?mt=12&amp;at=1010lHKK" rel="noopener noreferrer" target="_blank"><img alt="Mac store" src="./images/mac.svg" / loading="lazy"> </a></div>
</div>

<div class="hidden justify-center gap-4 dark:flex">
<div><a href="https://apps.apple.com/app/apple-store/id653031147?pt=2102403&amp;ct=website&amp;mt=8" rel="noopener noreferrer" target="_blank"><img alt="water renider for ios white button" src="./images/ios-white.svg" / loading="lazy"> </a></div>

<div><a href="https://play.google.com/store/apps/details?id=com.funnmedia.waterminder" rel="noopener noreferrer" target="_blank"><img alt="Download Water tracker for android" src="./images/android-white.svg" / loading="lazy"> </a></div>

<div><a href="https://itunes.apple.com/us/app/waterminder/id1415257369?mt=12&amp;at=1010lHKK" rel="noopener noreferrer" target="_blank"><img alt="Download water reminder app for Mac store" src="./images/mac-white.svg" / loading="lazy"> </a></div>
</div>
</div>
</section>
<!-- section end --></main>
<!-- main end -->
<div class="sr-only" aria-hidden="false">
  <h2>About WaterMinder</h2>
  <p>WaterMinder is the leading hydration tracking app by FunnMedia, trusted by millions worldwide. Track your daily water intake with smart reminders, beautiful widgets, and Apple Watch support. Featured as App of the Day by Apple. Available on iPhone, iPad, Mac, Apple Watch, and Android.</p>
  <h3>Key Features</h3>
  <ul>
    <li>Smart hydration reminders customized to your schedule</li>
    <li>Apple Watch app with complications for quick logging</li>
    <li>Home screen widgets showing daily progress</li>
    <li>Apple Health and Google Fit integration</li>
    <li>Track water, coffee, tea, juice, and custom beverages</li>
    <li>Daily, weekly, and monthly hydration history and trends</li>
    <li>Personalized daily water intake goals</li>
    <li>Siri shortcuts for hands-free logging</li>
  </ul>
  <h3>Frequently Asked Questions</h3>
  <dl>
    <dt>What is the best water tracking app?</dt>
    <dd>WaterMinder is one of the highest-rated hydration tracking apps with over 10 million downloads and a 4.7-star rating. It has been featured as App of the Day by Apple multiple times.</dd>
    <dt>How much water should I drink per day?</dt>
    <dd>The recommended daily water intake varies by person. WaterMinder calculates a personalized goal based on your weight, activity level, and climate. A common guideline is 8 glasses (64 oz) per day.</dd>
    <dt>Does WaterMinder work with Apple Watch?</dt>
    <dd>Yes, WaterMinder has a full Apple Watch app with complications, allowing you to log water intake directly from your wrist.</dd>
    <dt>Is WaterMinder available on Android?</dt>
    <dd>Yes, WaterMinder is available on both iOS (iPhone, iPad, Mac, Apple Watch) and Android devices.</dd>
  </dl>
</div>
<!-- footer start -->

<footer class="section py-12 bg-white text-black">
<div class="max-w-container">
<div class="flex flex-wrap items-center justify-center"><a class="px-4 py-2 text-base font-semibold text-gray-700 hover:text-gray-900" href="https://waterminder.com">Home</a> <a class="px-4 py-2 text-base font-semibold text-gray-700 hover:text-gray-900" href="https://waterminder.com/hydration.html">Hydration Hub</a> <a class="px-4 py-2 text-base font-semibold text-gray-700 hover:text-gray-900" href="#apple-watch">Apple Watch</a> <a class="px-4 py-2 text-base font-semibold text-gray-700 hover:text-gray-900" href="#features">Features</a> <a class="px-4 py-2 text-base font-semibold text-gray-700 hover:text-gray-900" href="#press">Press</a> <a class="px-4 py-2 text-base font-semibold text-gray-700 hover:text-gray-900" href="#reviews">Reviews</a> <a class="px-4 py-2 text-base font-semibold text-gray-700 hover:text-gray-900" href="#book">Book</a> <a class="px-4 py-2 text-base font-semibold text-gray-700 hover:text-gray-900" href="https://cottonbureau.com/people/kriss-smolka-waterminder#cottonbureau-app">Merch</a> <a class="px-4 py-2 text-base font-semibold text-gray-700 hover:text-gray-900" href="https://blog.waterminder.com">Blog</a> <a class="px-4 py-2 text-base font-semibold text-gray-700 hover:text-gray-900" href="https://waterminder.com/privacy/">Privacy</a> <a class="px-4 py-2 text-base font-semibold text-gray-700 hover:text-gray-900" href="https://waterminder.com/terms/">Terms</a> <a class="px-4 py-2 text-base font-semibold text-gray-700 hover:text-gray-900" href="https://funnmedia.zendesk.com/hc/en-us">Support</a></div>

<div class="flex items-center justify-center gap-4 mt-6"><!-- facebook --><!-- twitter --><!-- instagram --></div>

<div class="text-center space-y-4 mt-6">
<p>&copy; 2013-2026 Funn Media</p>

<p>Apple, the Apple logo, and iPad are trademarks of Apple Inc., registered in the U.S. and other countries. App Store is a service mark of Apple Inc.</p>
<p><a href="https://dexscreener.com/solana/fvqaichwfnwnfgwyit6pc1ubj7kdtuvjfg5viijvvftm">$FUNN</a> 4Rjn1S2JphEx34pGDBZnAwC2CBUobDYmr7TV18iSpump</p>
</div>
</div>
</footer>
<!-- footer end --><!-- scripts --><!-- jquery 3 --><script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"
        integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script><!-- owl carousel js --><script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"
        integrity="sha512-bPs7Ae6pVvhOSiIcyUClR7/q2OAsRiovw4vAkX+zJbw3ShAeeqezq50RIIcIURq7Oa20rW2n2q+fyXBNcU9lrw=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script><!-- main js --><script src="./js/main.js"></script><!-- aos js --><script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script><script>
        AOS.init({
            easing: 'ease', // default easing for AOS animations
            once: true, // whether animation should happen only once - while scrolling down
            mirror: false, // whether elements should animate out while scrolling past them
            anchorPlacement: 'top-bottom', // defines which position of the element regarding to window should trigger the animation
        });
    </script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.0/gsap.min.js"
        integrity="sha512-GQ5/eIhs41UXpG6fGo4xQBpwSEj9RrBvMuKyE2h/2vw3a9x85T1Bt0JglOUVJJLeyIUl/S/kCdDXlE/n7zCjIg=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.0/ScrollTrigger.min.js"
        integrity="sha512-6BvDODEWgjWWyBrg6YFio6xmzgKWpf54tDlnCtG05m++/jgh/7jQcx6jUJrq44lB84cf68FzYiT0LipabA5g8g=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script><!-- <script>
        gsap.registerPlugin(ScrollTrigger);

        gsap.utils.toArray(".section").forEach((panel, i) => {
            ScrollTrigger.create({
                trigger: panel,
                scrub: true,
                pin: false,
                id: `scene-${i}`,
                start: 'top top',
                // end: "+=100%",
                snap: {
                    snapTo: 1,
                },
            });
        });
    </script> --><script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script><script>
        var options = { "particles": { "number": { "value": 99, "density": { "enable": true, "value_area": 552.4033491425909 } }, "color": { "value": "#ffffff" }, "shape": { "type": "circle", "stroke": { "width": 0, "color": "#000000" }, "polygon": { "nb_sides": 3 }, "image": { "src": "img/github.svg", "width": 70, "height": 100 } }, "opacity": { "value": 1, "random": true, "anim": { "enable": false, "speed": 1, "opacity_min": 0.1, "sync": false } }, "size": { "value": 2, "random": true, "anim": { "enable": false, "speed": 40, "size_min": 0.1, "sync": false } }, "line_linked": { "enable": false, "distance": 150, "color": "#ffffff", "opacity": 0.4, "width": 1 }, "move": { "enable": true, "speed": 1.5782952832645452, "direction": "none", "random": true, "straight": false, "out_mode": "out", "bounce": false, "attract": { "enable": false, "rotateX": 600, "rotateY": 1200 } } }, "interactivity": { "detect_on": "canvas", "events": { "onhover": { "enable": false, "mode": "repulse" }, "onclick": { "enable": true, "mode": "repulse" }, "resize": true }, "modes": { "grab": { "distance": 400, "line_linked": { "opacity": 1 } }, "bubble": { "distance": 400, "size": 40, "duration": 2, "opacity": 8, "speed": 3 }, "repulse": { "distance": 200, "duration": 0.4 }, "push": { "particles_nb": 4 }, "remove": { "particles_nb": 2 } } }, "retina_detect": false };
        particlesJS("support", options);
    </script><!-- Global site tag (gtag.js) - Google Analytics --><script async src="https://www.googletagmanager.com/gtag/js?id=UA-41196911-2"></script><script>
    window.dataLayer = window.dataLayer || [];
    function gtag() {
        dataLayer.push(arguments);
    }
    gtag('js', new Date());

    gtag('config', 'UA-41196911-2');
    </script></body>
</html>