www.spaceplanner.app

commit 3bbbe8dd81f2390fe6efaf3d051a65b0a2d4a99f
parent 0512584ebb54b061047cb7262967d949495b3ae0
Author: Jacob R. Edwards <jacob@jacobedwards.org>
Date:   Thu, 31 Oct 2024 15:36:48 -0700

Update landing page

Change the styling a bit and add some more information about the
service with links to other places of interest, etc.

Diffstat:
M
files/css/main.css
 | 
4
++--
M
files/index.html
 | 
40
++++++++++++++++++++++++++--------------
M
files/main.css
 | 
16
++++++++++------

3 files changed, 38 insertions(+), 22 deletions(-)
diff --git a/files/css/main.css b/files/css/main.css
@@ -161,8 +161,8 @@ a.button:hover {
 }
 
 a.button {
-	padding: .4em .8em;
-	border-radius: .6em;
+	padding: .3em .8em;
+	border-radius: .25em;
 	text-decoration: none;
 	border: thin solid lightgrey;
 	color: black;
diff --git a/files/index.html b/files/index.html
@@ -13,23 +13,35 @@
 		<h1>Spaceplanner</h1>
 		<span class="slogan">Easy. Fast. Simple.</span>
 
-		<ul class="points">
-			<li>
-				<a href="/register">Quickly create accurate floor plans</a> for you or your client's new home
-			</li>
+		<p>Quickly create accurate floor plans with all
+		your furniture to determine the best furniture
+		placement for you or your client's new home.</p>
+
+		<a class="ir" href="/register">Get started</a>
 
-			<li>
-				<a href="/register">Create furniture</a> in whatever size you need
-			</li>
+		<h2>Space Planning Made Easy</h2>
 
-			<li>
-				<a href="/register">Use the best device for the situation at hand</a> seamlessly switching between them
-			</li>
+		<ul class="points">
+			<li>Create furniture of any size</li>
+			<li>Seamlessly switch between all your devices</li>
+			<li>Easily switch between furniture layouts (<a href="/features/upcoming.html">coming soon</a>)</li>
+			<li>Create thousands of floor plans</li>
+			<li><a href="/register">Get started in minutes</a></li>
 		</ul>
 
-                <p><a href="/floorplans/floorplan/?id=flp_demo">Try
-                out the demo</a> without an account and see what
-                you think, or <a href="/register">signup</a>
-                now!</p>
+                <p><a href="/register" class="ir">Create an account</a>
+                or try out the <a
+                href="/floorplans/floorplan/?id=flp_demo">demo</a>.</p>
+
+		<h2 id="responsive">Putting Our Customers First</h2>
+
+                <p>We believe listening to <a href="/register">our
+                users</a> feedback is necessary for continuing to
+                deliver an extrodinary service, so we welcome you
+                to <a href="/register">create an account</a> and
+                send feature requests or other feedback to <a
+                href="mailto:dev@spaceplanner.app">dev@spaceplanner.app</a>
+                and have a real impact on the future of
+                Spaceplanner.App.</p>
         </body>
 </html>
diff --git a/files/main.css b/files/main.css
@@ -17,12 +17,16 @@ aside {
 	max-width: 30ch;
 }
 
-ul.points {
-	/*list-style-type: none;
-	padding-left: 0;*/
-}
-
 ul.points > li {
-	margin-bottom: 1em;
 	max-width: max(40ch, 40vw);
 }
+
+a.ir {
+	display: inline-block;
+	padding: .2em .8em;
+	border-radius: 1em;
+	background-color: blue;
+	color: white;
+	font-weight: bold;
+	text-decoration: none;
+}