Jessi/JMTS-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

More design work and a new card

Browse Source
This commit is contained in:
Jessi McKissick
2026-06-16 00:24:04 -07:00
parent 41e1ab64fc
commit 0a8a091585
4 changed files with 212 additions and 128 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/routes/home.tsx
+25 -11
View File
@@ -14,7 +14,7 @@ export default function Home() {
<div id="app">
<Header />
<div id="content">
<img id="hero" alt="Hero Image"/>
<img id="hero" alt="Hero Image" src="https://placehold.co/1200x400/blue/gray?text=Hero+image+placeholder"/>
<hr />
<div id="sales_plate">
<h3>High performance web application architecture and custom CMS solutions. Over 10 years of experience delivering speed, security, and scale.</h3>
@@ -22,7 +22,7 @@ export default function Home() {
Lorem Ipsum Dolor sit amet blah blah
</p>
</div>
<div id="info shelf">
<div id="info_shelf">
<h3>Why my services?</h3>
<div id="exec_summary">
<h3>Business</h3>
@@ -50,26 +50,40 @@ export default function Home() {
<p>This site itself is a custom React application served via Node.js, built with Vite and Tailwind CSS.</p>
</div>
</div>
<hr />
<div id="service_plate">
<h3>Services</h3>
<div id="web_cms_plate">
{/* plates for bespoke services and CMS services. side by side*/}
<div id="service_carousel">
<div id="bespoke_service_plate">
<img alt="Bespoke Web Applications" />
<img alt="Bespoke Web Applications" src="https://placehold.co/600x600"/>
<h4>Bespoke Web Applications</h4>
<p>End-to-end fully custom application development for when off-the-shelf solutions don't cut it. <br />Engineered for scale, security, and complex business logic to ensure a perfect fit.</p>
<h5 className="pricing">Starting at $45/h</h5>
<p className="npo_info"><i>Discounted services are available for 501(c)(3) non-profit organizations.</i></p>
</div>
<div id="CMS_service plate">
<img alt="Advanced CMS services" />
<div id="CMS_service_plate">
<img alt="Advanced CMS services" src="https://placehold.co/600x600"/>
<h4>Comprehensive CMS solutions</h4>
<p>High performance sites built on platforms of your choice.
<br />Optimized for core vitals, SEO, and effortless management by your team after launch.</p>
<h5 className="pricing">Starting at $25/h</h5>
<p className="npo_info"><i>Discounted services are available for 501(c)(3) non-profit organizations.</i></p>
</div>
<div id="consulting_service_plate">
<img alt="consulting services" src="https://placehold.co/600x600"/>
<h4>Consulting Services</h4>
<p>Consulting services across various information technology topics including general I.T., software development, web development, tutoring, and beyond.</p>
<h5 className="pricing">Starting at $20/h</h5>
<p className="npo_info"><i>Discounted services are available for 501(c)(3) non-profit organizations.</i></p>
</div>
<div id="general_infotech_service_plate">
<img alt="General information technology services" src="https://placehold.co/600x600"/>
<h4>Generalist Services</h4>
<p>General information technology related services including but not limited to DNS configuration, VPS setup and hardening, security services, etc.</p>
<h5 className="pricing">Starting at $25/h</h5>
<p className="npo_info"><i>Discounted services are available for 501(c)(3) non-profit organizations.</i></p>
</div>
</div>
<div id="alt_service_plate">
{/* plates for secondary services like consultation, design, refactors, etc. */}
</div>
</div>
</div>