Files
print-calculator/frontend/src/app/home/home.component.html

39 lines
1.4 KiB
HTML

<div class="container home-container">
<header class="hero">
<h1>3D Print Calculator</h1>
<p class="subtitle">Get instant quotes for your STL files or get in touch for custom projects.</p>
</header>
<div class="grid-2 cards-wrapper">
<!-- Quote Card -->
<a routerLink="/quote/basic" class="card action-card">
<div class="icon-wrapper">
<span class="material-icons">calculate</span>
</div>
<h2>Get a Quote</h2>
<p>Upload your STL file and get an instant price estimation based on material and print time.</p>
<span class="btn btn-primary">Start Calculation</span>
</a>
<!-- Advanced Quote Card -->
<a routerLink="/quote/advanced" class="card action-card">
<div class="icon-wrapper">
<span class="material-icons">science</span>
</div>
<h2>Advanced Quote</h2>
<p>Fine-tune print settings like layer height, infill, and more for specific needs.</p>
<span class="btn btn-secondary">Configure</span>
</a>
<!-- Contact Card -->
<a routerLink="/contact" class="card action-card">
<div class="icon-wrapper">
<span class="material-icons">mail</span>
</div>
<h2>Contact Me</h2>
<p>Need a custom design or have specific requirements? Send me a message directly.</p>
<span class="btn btn-secondary">Get in Touch</span>
</a>
</div>
</div>