feat(web + backend): advanced and simple quote.

frontend/src/app/home/home.component.html

@@ -0,0 +1,38 @@
+<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>