-
-
Smetovi.ba
-
Web u izradi
-
Kontakt
+
+
+
+
Smetovi.ba
+
Web u izradi
+
Kontakt
+
-
+
+
\ No newline at end of file
diff --git a/src/app/pages/home/home.component.scss b/src/app/pages/home/home.component.scss
index e3d19e5..3e60668 100644
--- a/src/app/pages/home/home.component.scss
+++ b/src/app/pages/home/home.component.scss
@@ -1,32 +1,21 @@
.hero-section {
- height: 100vh;
- width: 100%;
- background-image: url("/assets/smetovi-bg.jpg");
+ background-image: url('/assets/smetovi-bg.jpg');
background-size: cover;
background-position: center;
- position: relative; /* Position relative to allow absolute positioning of the pseudo-element */
-
- &::before {
- content: "";
- position: absolute;
- top: 0;
- left: 0;
- height: 100%;
- width: 100%;
- background-color: rgba(0, 0, 0, 0.5); /* Black overlay with transparency */
- z-index: 1; /* Layer the overlay above the background */
- }
-
- .text-content {
- display: flex;
- align-items: center; /* Center vertically */
- justify-content: center; /* Center horizontally */
- position: relative; /* This ensures the text is above the overlay */
- height: 100%; /* Full height to ensure centering works */
- color: white; /* Text color */
- z-index: 2; /* Ensures the text is above the overlay */
- font-size: 40px;
- font-family: math;
- flex-direction: column;
- }
-}
\ No newline at end of file
+ background-repeat: no-repeat;
+ height: 100vh; // Full viewport height
+ width: 100%; // Full width
+ }
+
+ .text-content {
+ @apply text-center p-8 bg-white bg-opacity-80 shadow-lg rounded-lg;
+ }
+
+ .button {
+ @apply inline-block px-6 py-2 bg-blue-500 text-white rounded-lg shadow-md;
+ }
+
+ .button.primary {
+ @apply hover:bg-blue-600;
+ }
+
\ No newline at end of file
diff --git a/src/app/pages/home/home.component.ts b/src/app/pages/home/home.component.ts
index 820d900..49c72a7 100644
--- a/src/app/pages/home/home.component.ts
+++ b/src/app/pages/home/home.component.ts
@@ -1,9 +1,12 @@
import { Component } from '@angular/core';
+import { RouterLink } from '@angular/router';
@Component({
selector: 'app-home',
+ standalone: true,
templateUrl: './home.component.html',
- styleUrls: ['./home.component.scss']
+ styleUrls: ['./home.component.scss'],
+ imports: [RouterLink]
})
export class HomeComponent {
diff --git a/src/app/pages/location/location.component.html b/src/app/pages/location/location.component.html
new file mode 100644
index 0000000..b0b1497
--- /dev/null
+++ b/src/app/pages/location/location.component.html
@@ -0,0 +1,3 @@
+
+ U pripremi
+
\ No newline at end of file
diff --git a/src/app/pages/location/location.component.scss b/src/app/pages/location/location.component.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/pages/location/location.component.spec.ts b/src/app/pages/location/location.component.spec.ts
new file mode 100644
index 0000000..895c826
--- /dev/null
+++ b/src/app/pages/location/location.component.spec.ts
@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LocationComponent } from './location.component';
+
+describe('LocationComponent', () => {
+ let component: LocationComponent;
+ let fixture: ComponentFixture
;
+
+ beforeEach(async () => {
+ await TestBed.configureTestingModule({
+ imports: [LocationComponent]
+ })
+ .compileComponents();
+
+ fixture = TestBed.createComponent(LocationComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/pages/location/location.component.ts b/src/app/pages/location/location.component.ts
new file mode 100644
index 0000000..e596717
--- /dev/null
+++ b/src/app/pages/location/location.component.ts
@@ -0,0 +1,10 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-location',
+ templateUrl: './location.component.html',
+ styleUrls: ['./location.component.scss']
+})
+export class LocationComponent {
+
+}
diff --git a/src/main.ts b/src/main.ts
index c58dc05..918e1d9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,7 +1,10 @@
-import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+import { bootstrapApplication } from '@angular/platform-browser';
+import { AppComponent } from './app/app.component';
+import { provideRouter } from '@angular/router';
+import { routes } from './app/app-routing.module'; // Import your routes
-import { AppModule } from './app/app.module';
-
-
-platformBrowserDynamic().bootstrapModule(AppModule)
- .catch(err => console.error(err));
+bootstrapApplication(AppComponent, {
+ providers: [
+ provideRouter(routes) // Provide the routes
+ ]
+}).catch(err => console.error(err));
\ No newline at end of file
diff --git a/src/styles.scss b/src/styles.scss
index 0ddad26..575610e 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1,4 +1,10 @@
/* You can add global styles to this file, and also import other style files */
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap');
+
body {
padding: 0;
margin: 0;
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..f363376
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,21 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ content: [
+ "./src/**/*.{html,ts}",
+ ],
+ theme: {
+ extend: {
+ fontFamily: {
+ 'mountain': ['Poppins', 'sans-serif'], // Add custom font
+ },
+ backdropBlur: {
+ 'md': '5px',
+ },
+ colors: {
+ 'primary': '#1D4ED8', // Example primary color
+ },
+ },
+ },
+ plugins: [],
+}
+