Spaces:
Running
Running
Add 3 files
Browse files- README.md +6 -4
- index.html +39 -17
- prompts.txt +2 -0
README.md
CHANGED
|
@@ -1,10 +1,12 @@
|
|
| 1 |
---
|
| 2 |
-
title:
|
| 3 |
-
emoji:
|
| 4 |
colorFrom: gray
|
| 5 |
-
colorTo:
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
|
|
|
|
|
|
| 8 |
---
|
| 9 |
|
| 10 |
-
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
|
|
|
| 1 |
---
|
| 2 |
+
title: website-builder
|
| 3 |
+
emoji: 🐳
|
| 4 |
colorFrom: gray
|
| 5 |
+
colorTo: yellow
|
| 6 |
sdk: static
|
| 7 |
pinned: false
|
| 8 |
+
tags:
|
| 9 |
+
- genesis
|
| 10 |
---
|
| 11 |
|
| 12 |
+
Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
|
index.html
CHANGED
|
@@ -1,19 +1,41 @@
|
|
| 1 |
-
<!
|
| 2 |
<html>
|
| 3 |
-
|
| 4 |
-
|
| 5 |
-
|
| 6 |
-
|
| 7 |
-
|
| 8 |
-
|
| 9 |
-
|
| 10 |
-
|
| 11 |
-
|
| 12 |
-
|
| 13 |
-
|
| 14 |
-
|
| 15 |
-
|
| 16 |
-
|
| 17 |
-
|
| 18 |
-
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 19 |
</html>
|
|
|
|
| 1 |
+
<!DOCTYPE html>
|
| 2 |
<html>
|
| 3 |
+
<head>
|
| 4 |
+
<title>My app</title>
|
| 5 |
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
| 6 |
+
<meta charset="utf-8">
|
| 7 |
+
<style>
|
| 8 |
+
body {
|
| 9 |
+
display: flex;
|
| 10 |
+
justify-content: center;
|
| 11 |
+
align-items: center;
|
| 12 |
+
overflow: hidden;
|
| 13 |
+
height: 100dvh;
|
| 14 |
+
font-family: "Arial", sans-serif;
|
| 15 |
+
text-align: center;
|
| 16 |
+
}
|
| 17 |
+
.arrow {
|
| 18 |
+
position: absolute;
|
| 19 |
+
bottom: 32px;
|
| 20 |
+
left: 0px;
|
| 21 |
+
width: 100px;
|
| 22 |
+
transform: rotate(30deg);
|
| 23 |
+
}
|
| 24 |
+
h1 {
|
| 25 |
+
font-size: 50px;
|
| 26 |
+
}
|
| 27 |
+
h1 span {
|
| 28 |
+
color: #acacac;
|
| 29 |
+
font-size: 32px;
|
| 30 |
+
}
|
| 31 |
+
</style>
|
| 32 |
+
</head>
|
| 33 |
+
<body>
|
| 34 |
+
<h1>
|
| 35 |
+
<span>I'm ready to work,</span><br />
|
| 36 |
+
Ask me anything.
|
| 37 |
+
</h1>
|
| 38 |
+
<img src="https://aazzrrooddeell-genesis.hf.space/arrow.svg" class="arrow" />
|
| 39 |
+
<script></script>
|
| 40 |
+
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="src/assets/logo.gif" alt="Genesis Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://aazzrrooddeell-genesis.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >Genesis</a> - 🧬 <a href="https://aazzrrooddeell-genesis.hf.space?remix=aazzrrooddeell/website-builder" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
|
| 41 |
</html>
|
prompts.txt
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
|
|
|
|
|
|
|
| 1 |
+
Make a website for my lawn care comany S&E lawn care Overall Style & Vibe The website should feel clean, trustworthy, and easy to navigate. Prioritize function over flash: this is a working service site, not a portfolio. Use earth tones (greens, browns, and neutral shades) to reflect the outdoor, natural aspect of the business. Use clear, bold fonts — nothing overly stylized or script. Make sure the site works just as well on a phone as it does on a desktop. No unnecessary animation or slow-loading content. Homepage Goals This page should immediately communicate: What S&E Lawn Care does Where the business operates A clear call to action to schedule service Content needed: Business name and tagline up top (“S&E Lawn Care – Reliable, Professional Yard Services”) A strong hero image — think: freshly cut lawn, action shot of mowing or trimming A button that says “Schedule Service” — very prominent, ideally near the top and also repeated throughout the page A short section that outlines 3–5 core services (with icons or small images) A section showing 5-star customer testimonials — pull in a few great quotes and leave space for live reviews Footer with contact info, business hours, and social links Schedule Page (Booking System) This is a function-first page, and it should be simple and direct. What this page needs to include: A built-in scheduling tool that: Lists the services available (e.g., Lawn Mowing, Aeration, Spring/Fall Cleanup) Allows users to select a date and time Collects basic customer info (name, address, phone, email) Sends an automatic confirmation email to both the customer and S&E Lawn Care If recurring service is offered, there should be a checkbox or dropdown for that Optional note field for customers to add special instructions A callout for current service areas (to prevent people from scheduling outside of range) Goal: Someone should be able to book a service in under 2 minutes. Reviews Page This is where customers can read and leave reviews. What should be here: A live feed or grid of recent reviews (pulled in from Google, Facebook, or entered directly) Star ratings visible for each review A simple, clean “Leave a Review” form at the top or side with: Name Star rating Written feedback Optional: allow people to upload photos of their lawn/job result Tone: Friendly and real — prioritize authentic feedback, not polished marketing copy. Other Pages to Include About Page Tell the story of S&E Lawn Care: when it started, who runs it, what makes the service reliable or different. Use a photo of the owner(s) or team to build trust. Emphasize values like punctuality, quality, and honest pricing. Services Page List each service separately with a short description and pricing if available. Keep it to the point: what’s included, how long it takes, and any seasonal considerations. Include “Schedule Now” buttons next to each one. Contact Page Simple form (name, email, message) Phone number with click-to-call Business email Possibly embed a map or simply list city/region of service Technical & Admin Notes Set up a custom domain (e.g., www.selawncare.com) Connect Google Analytics for traffic tracking Set up Google Business Profile to connect and display reviews Enable SSL (secure connection) Add alt text to all images for accessibility and SEO Optimize for fast load speed and mobile responsiveness Final Thoughts The website should do three main things: Build trust with a clean, professional layout and real customer feedback. Make it effortless to schedule a lawn care service. Give customers a place to share and read experiences, reinforcing word-of-mouth growth.
|
| 2 |
+
Make a website for my lawn care comany S&E lawn care Overall Style & Vibe The website should feel clean, trustworthy, and easy to navigate. Prioritize function over flash: this is a working service site, not a portfolio. Use earth tones (greens, browns, and neutral shades) to reflect the outdoor, natural aspect of the business. Use clear, bold fonts — nothing overly stylized or script. Make sure the site works just as well on a phone as it does on a desktop. No unnecessary animation or slow-loading content. Homepage Goals This page should immediately communicate: What S&E Lawn Care does Where the business operates A clear call to action to schedule service Content needed: Business name and tagline up top (“S&E Lawn Care – Reliable, Professional Yard Services”) A strong hero image — think: freshly cut lawn, action shot of mowing or trimming A button that says “Schedule Service” — very prominent, ideally near the top and also repeated throughout the page A short section that outlines 3–5 core services (with icons or small images) A section showing 5-star customer testimonials — pull in a few great quotes and leave space for live reviews Footer with contact info, business hours, and social links Schedule Page (Booking System) This is a function-first page, and it should be simple and direct. What this page needs to include: A built-in scheduling tool that: Lists the services available (e.g., Lawn Mowing, Aeration, Spring/Fall Cleanup) Allows users to select a date and time Collects basic customer info (name, address, phone, email) Sends an automatic confirmation email to both the customer and S&E Lawn Care If recurring service is offered, there should be a checkbox or dropdown for that Optional note field for customers to add special instructions A callout for current service areas (to prevent people from scheduling outside of range) Goal: Someone should be able to book a service in under 2 minutes. Reviews Page This is where customers can read and leave reviews. What should be here: A live feed or grid of recent reviews (pulled in from Google, Facebook, or entered directly) Star ratings visible for each review A simple, clean “Leave a Review” form at the top or side with: Name Star rating Written feedback Optional: allow people to upload photos of their lawn/job result Tone: Friendly and real — prioritize authentic feedback, not polished marketing copy. Other Pages to Include About Page Tell the story of S&E Lawn Care: when it started, who runs it, what makes the service reliable or different. Use a photo of the owner(s) or team to build trust. Emphasize values like punctuality, quality, and honest pricing. Services Page List each service separately with a short description and pricing if available. Keep it to the point: what’s included, how long it takes, and any seasonal considerations. Include “Schedule Now” buttons next to each one. Contact Page Simple form (name, email, message) Phone number with click-to-call Business email Possibly embed a map or simply list city/region of service Technical & Admin Notes Set up a custom domain (e.g., www.selawncare.com) Connect Google Analytics for traffic tracking Set up Google Business Profile to connect and display reviews Enable SSL (secure connection) Add alt text to all images for accessibility and SEO Optimize for fast load speed and mobile responsiveness Final Thoughts The website should do three main things: Build trust with a clean, professional layout and real customer feedback. Make it effortless to schedule a lawn care service. Give customers a place to share and read experiences, reinforcing word-of-mouth growth.
|