This commit is contained in:
Kenneth Jannette
2024-04-19 23:17:26 -05:00
parent e07f7a6e17
commit e3b4eaf5e8
2 changed files with 54 additions and 3 deletions

View File

@@ -10,7 +10,7 @@ import { createUserWithEmailAndPassword } from "firebase/auth";
import { stateDataValues } from "../../Constants/Fields/SignupFields"; import { stateDataValues } from "../../Constants/Fields/SignupFields";
import "../../styles/homepage-b.scss"; import "../../styles/homepage-b.scss";
import LoadingSpinner from "../../pageElements/LoadingSpinner"; import LoadingSpinner from "../../pageElements/LoadingSpinner";
import { StarFill } from "react-bootstrap-icons";
const HomePageB = () => { const HomePageB = () => {
const navigate = useNavigate(); const navigate = useNavigate();
const [showPromoModal, setShowPromoModal] = useState(false); const [showPromoModal, setShowPromoModal] = useState(false);
@@ -288,7 +288,44 @@ const HomePageB = () => {
Reclaim hours every week. Spend more time growing your practice, Reclaim hours every week. Spend more time growing your practice,
or just get home in time for dinner. or just get home in time for dinner.
</div> </div>
<div className="hero-testi-box"></div> <div className="hero-testi-box">
<StarFill
style={{
color: "#FFD700",
height: "20px",
width: "20px",
marginRight: "6px",
}}
/>
<StarFill
style={{
color: "#FFD700",
height: "20px",
width: "20px",
marginRight: "6px",
}}
/>
<StarFill
style={{
color: "#FFD700",
height: "20px",
width: "20px",
marginRight: "6px",
}}
/>
<StarFill
style={{
color: "#FFD700",
height: "20px",
width: "20px",
marginRight: "6px",
}}
/>
<StarFill
style={{ color: "#FFD700", height: "20px", width: "20px" }}
/>
<div className="review-box">Used by over 600 subscribers</div>
</div>
</div> </div>
</div> </div>
</div> </div>

View File

@@ -122,11 +122,25 @@ section.section-one {
width: 980px; width: 980px;
} }
.review-box {
font-family: Roboto;
font-size: 1rem;
font-weight: 500;
display: flex;
margin-top: 5px;
margin-left: 8px;
}
.hero-testi-box { .hero-testi-box {
background-color: purple; display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 0px 8px;
height: 100px; height: 100px;
width: 700px; width: 700px;
} }
.text-block-1 { .text-block-1 {
padding: 20px 0px; padding: 20px 0px;
} }