imlemented step 16 by Gemini

- Template

src/Templates/css/site.css

@@ -81,3 +81,104 @@ footer {
 	padding: 4rem 0;
 	margin-top: 2rem;
 }
+
+/* Section specific */
+.section-header {
+	text-align: center;
+	margin-bottom: 3rem;
+}
+
+/* Hero */
+.hero {
+	background-color: #f3f4f6;
+	text-align: center;
+	padding: 8rem 1.5rem;
+}
+
+.hero h1 {
+	font-size: 3rem;
+	font-weight: 800;
+}
+
+.hero .subtitle {
+	font-size: 1.25rem;
+	color: #4b5563;
+	margin-bottom: 2rem;
+}
+
+/* Services */
+.services-grid {
+	display: grid;
+	grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+	gap: 2rem;
+}
+
+.service-card {
+	padding: 2rem;
+	border: 1px solid #e5e7eb;
+	border-radius: 0.5rem;
+	transition: transform 0.2s;
+}
+
+.service-card:hover {
+	transform: translateY(-5px);
+}
+
+.price {
+	font-weight: 700;
+	color: var(--primary-color);
+	margin-top: 1rem;
+}
+
+/* Gallery */
+.gallery-grid {
+	display: grid;
+	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+	gap: 1rem;
+}
+
+.gallery-item img {
+	width: 100%;
+	height: 250px;
+	object-fit: cover;
+	border-radius: 0.5rem;
+}
+
+/* FAQ */
+.faq-list {
+	max-width: 800px;
+	margin: 0 auto;
+}
+
+.faq-item {
+	margin-bottom: 2rem;
+	border-bottom: 1px solid #e5e7eb;
+	padding-bottom: 1.5rem;
+}
+
+/* Contact */
+.contact-grid {
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+	gap: 4rem;
+}
+
+.contact-form .form-group {
+	margin-bottom: 1rem;
+}
+
+.contact-form input, .contact-form textarea {
+	width: 100%;
+	padding: 0.75rem;
+	border: 1px solid #e5e7eb;
+	border-radius: 0.25rem;
+}
+
+@media (max-width: 768px) {
+	.contact-grid {
+		grid-template-columns: 1fr;
+	}
+	.hero h1 {
+		font-size: 2rem;
+	}
+}