Update src/app/page.tsx

Merge version_2 into main

src/app/about/page.tsx

@@ -0,0 +1,183 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import MediaAbout from '@/components/sections/about/MediaAbout';
+import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import FaqBase from '@/components/sections/faq/FaqBase';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { CheckCircle, Phone, MapPin, Clock } from 'lucide-react';
+
+export default function AboutPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="expand-hover"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="rounded"
+      contentWidth="smallMedium"
+      sizing="largeSmall"
+      background="circleGradient"
+      cardStyle="glass-depth"
+      primaryButtonStyle="primary-glow"
+      secondaryButtonStyle="solid"
+      headingFontWeight="medium"
+    >
+      <div id="nav" data-section="nav">
+        <NavbarStyleFullscreen
+          navItems={[
+            { name: "Početna", id: "/" },
+            { name: "O nama", id: "/about" },
+            { name: "Usluge", id: "services" },
+            { name: "Recenzije", id: "testimonials" },
+            { name: "Kontakt", id: "contact" }
+          ]}
+          brandName="Dentlife"
+          bottomLeftText="Sarajevo, Bosnia"
+          bottomRightText="033 648-370"
+        />
+      </div>
+
+      <div id="about" data-section="about">
+        <MediaAbout
+          title="Dentlife - Naša priča"
+          description="Dentlife je osnovan sa vizijom da pruži vrhunsku stomatološku njegu svakom pacijentu. Sa iskustvom od preko 15 godina, naš tim je posvećen inovaciji, kvaliteti i brizi o vašem zdravlju zuba."
+          tag="O nama"
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772718642524-h6z7fm8f.jpg?_wi=3"
+          imageAlt="Dentlife ordinacija"
+          buttons={[
+            { text: "Zakažite pregled", href: "#contact" },
+            { text: "Naše usluge", href: "services" }
+          ]}
+          useInvertedBackground={true}
+          ariaLabel="O Dentlife sekcija"
+        />
+      </div>
+
+      <div id="services" data-section="services">
+        <FeatureCardTen
+          title="Naš pristup i vrijednosti"
+          description="Temeljimo se na principima profesionalnosti, inovacije i brizi o pacijentu"
+          tag="Naši principi"
+          features={[
+            {
+              id: "1",              title: "Profesionalnost",              description: "Naš tim se konstantno usavršava i primjenjuje najnovije tehnike i tehnologije u stomatologiji",              media: {
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772720746176-rvf7ceje.jpg",                imageAlt: "Profesionalni tim"
+              },
+              items: [
+                { icon: CheckCircle, text: "Certifikovani stručnjaci" },
+                { icon: CheckCircle, text: "Kontinuirano obrazovanje" },
+                { icon: CheckCircle, text: "Najbolje prakse" }
+              ],
+              reverse: false
+            },
+            {
+              id: "2",              title: "Inovacija",              description: "Ulaganja u najnoviju opremu i tehnologiju omogućavaju nam da pružimo najbolje rezultate",              media: {
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772720777525-txqqknlk.jpg",                imageAlt: "Moderna oprema"
+              },
+              items: [
+                { icon: CheckCircle, text: "Najnovija tehnologija" },
+                { icon: CheckCircle, text: "Digitalni sistemi" },
+                { icon: CheckCircle, text: "Efikasni tretmani" }
+              ],
+              reverse: true
+            },
+            {
+              id: "3",              title: "Briga o pacijentu",              description: "Svaki pacijent je jedinstven i zaslužuje personaliziran pristup i toplinu",              media: {
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772720853569-566gdysj.png",                imageAlt: "Pacija i doktor"
+              },
+              items: [
+                { icon: CheckCircle, text: "Individualni pristup" },
+                { icon: CheckCircle, text: "Bezbolni tretmani" },
+                { icon: CheckCircle, text: "Komfornog okruženja" }
+              ],
+              reverse: false
+            }
+          ]}
+          textboxLayout="default"
+          animationType="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardTwo
+          title="Što kažu naši pacijenti"
+          description="Autentične recenzije od zadovoljnih pacijenata"
+          tag="Recenzije"
+          testimonials={[
+            {
+              id: "1",              name: "Amra Hodžić",              role: "Inženjerka",              testimonial: "Odličan pristup, stručnjaci sa iznimnom ljubaznošću. Hirurginje su iznimne! Preporučujem svim prijateljima.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772718642524-h6z7fm8f.jpg?_wi=8",              imageAlt: "Amra Hodžić"
+            },
+            {
+              id: "2",              name: "Marko Jurić",              role: "Menadžer",              testimonial: "Vrhunska usluga i profesionalnost. Nema čekanja, svi su ljubazni i pažljivi. Sigurno ću se vratiti!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772718642524-h6z7fm8f.jpg?_wi=9",              imageAlt: "Marko Jurić"
+            },
+            {
+              id: "3",              name: "Jasmina Begović",              role: "Učiteljica",              testimonial: "Bezbolni tretmani, moderna oprema, osjećam se kao u sigurnim rukama. Samo pohvale za cijeli tim!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772721609818-cucrl49w.png0",              imageAlt: "Jasmina Begović"
+            },
+            {
+              id: "4",              name: "Petar Stojanović",              role: "Poduzetnik",              testimonial: "Iskusni doktori, brz pregled, provjera zdravlja sa najnovijom tehnologijom. Svakako preporučujem!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772721609818-cucrl49w.png1",              imageAlt: "Petar Stojanović"
+            },
+            {
+              id: "5",              name: "Dijana Kovačević",              role: "Medicinarka",              testimonial: "Kao stručnjakinja mogu reći - odličan standard. Hirurginja je vrlo stručna i njezin pristup je primjeran.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772721609818-cucrl49w.png2",              imageAlt: "Dijana Kovačević"
+            },
+            {
+              id: "6",              name: "Nikola Radić",              role: "Arhitekt",              testimonial: "Profesionalno i toplo okruženje. Sve je čisto, moderano i ugodno. Odličan omjer cijene i kvalitete!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772721609818-cucrl49w.png3",              imageAlt: "Nikola Radić"
+            }
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          carouselMode="buttons"
+        />
+      </div>
+
+      <div id="faq" data-section="faq">
+        <FaqBase
+          title="Često postavljana pitanja"
+          description="Odgovori na najčešća pitanja o Dentlife ordinaciji"
+          tag="FAQ"
+          faqs={[
+            {
+              id: "1",              title: "Kako je Dentlife osnovana?",              content: "Dentlife je osnovana sa vizijom da pruži vrhunsku stomatološku njegu. Naš tim stomatologista sa višegodišnjim iskustvom radi sa dedikacijom da učini vašu zaštitu zuba prioritetom."
+            },
+            {
+              id: "2",              title: "Koliko dugo ste u poslu?",              content: "Imamo preko 15 godina iskustva u pružanju stomatoloških usluga. Tokom tog vremena, izgradili smo reputaciju pouzdanosti, profesionalnosti i brije o pacijentima."
+            },
+            {
+              id: "3",              title: "Koji su vam specijalizovani tretmani?",              content: "Pružamo sve vrste stomatoloških usluga: opšte preglede, liječenje karijesa, implantate, estetsku stomatologiju, ortopediju i još mnogo toga. Naš tim je specijalizovan za sve vrste tretmana."
+            },
+            {
+              id: "4",              title: "Kako je strukturiran vaš tim?",              content: "Naš tim se sastoji od iskusnih stomatologista, ortodontista, hirurga i stručnog medicinskog osoblja. Svi su posvećeni vašem zdravlju i komfortu."
+            }
+          ]}
+          textboxLayout="default"
+          useInvertedBackground={true}
+          faqsAnimation="slide-up"
+          animationType="smooth"
+        />
+      </div>
+
+      <div id="footer" data-section="footer">
+        <FooterCard
+          logoText="Dentlife"
+          copyrightText="© 2025 Stomatološka ordinacija Dentlife. Sva prava zadržana."
+          socialLinks={[
+            {
+              icon: Phone,
+              href: "tel:033648370",              ariaLabel: "Pozovite nas"
+            },
+            {
+              icon: MapPin,
+              href: "https://maps.google.com/?q=Envera+Šehovića+30,+71000+Sarajevo",              ariaLabel: "Lokacija na mapi"
+            },
+            {
+              icon: Clock,
+              href: "#faq",              ariaLabel: "Radni sati"
+            }
+          ]}
+        />
+      </div>
+    </ThemeProvider>
+  );
+}

src/app/layout.tsx

@@ -3,7 +3,8 @@ import "./styles/variables.css";
 import "./globals.css";
 
 export const metadata: Metadata = {
-  title: "Dentlife - Stomatološka ordinacija u Sarajevu",  description: "Pouzdana i moderna stomatološka ordinacija u Sarajevu sa iskusnim doktorima, modernom opremom i individualnim pristupom."};
+  title: "Dentlife - Stomatološka ordinacija u Sarajevu",  description: "Pouzdana i moderna stomatološka ordinacija u Sarajevu sa iskusnim doktorima, modernom opremom i individualnim pristupom."
+};
 
 export default function RootLayout({
   children,

src/app/page.tsx

@@ -29,8 +29,8 @@ export default function LandingPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleFullscreen
           navItems={[
-            { name: "Početna", id: "home" },
-            { name: "O nama", id: "about" },
+            { name: "Početna", id: "/" },
+            { name: "O nama", id: "/about" },
             { name: "Usluge", id: "services" },
             { name: "Recenzije", id: "testimonials" },
             { name: "Kontakt", id: "contact" }
@@ -56,10 +56,10 @@ export default function LandingPage() {
           buttonAnimation="slide-up"
           mediaItems={[
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772718642524-h6z7fm8f.jpg?_wi=1",              imageAlt: "Profil fotografija Dentlife ordinacije"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772721609818-cucrl49w.png",              imageAlt: "Profil fotografija Dentlife ordinacije"
             },
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772718642524-h6z7fm8f.jpg?_wi=2",              imageAlt: "Dentlife logotip i branding"
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772721365204-c0ui3gvq.png",              imageAlt: "Dentlife logotip i branding"
             }
           ]}
           mediaAnimation="slide-up"
@@ -93,7 +93,7 @@ export default function LandingPage() {
           features={[
             {
               id: "1",              title: "Opšti stomatološki pregledi",              description: "Redovni pregledi i preventivna njega za zdravlje zuba cijelog života",              media: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772719106201-kly5sosu.png",                imageAlt: "Profesionalna čišćenja zuba"
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772719106201-kly5sosu.png?_wi=1",                imageAlt: "Profesionalna čišćenja zuba"
               },
               items: [
                 { icon: CheckCircle, text: "Detaljni pregled zuba" },
@@ -104,7 +104,7 @@ export default function LandingPage() {
             },
             {
               id: "2",              title: "Liječenje karijesa",              description: "Moderan i bezboalan pristup liječenju karijesa sa trajnim restauracijama",              media: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772719276592-62ogxkdv.png",                imageAlt: "Dental fillings and cavity treatment"
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772719276592-62ogxkdv.png?_wi=1",                imageAlt: "Dental fillings and cavity treatment"
               },
               items: [
                 { icon: CheckCircle, text: "Bezbolne procedure" },
@@ -115,7 +115,7 @@ export default function LandingPage() {
             },
             {
               id: "3",              title: "Implantati",              description: "Najnovija tehnologija u implantaciji za potpunu restauraciju osmjeha",              media: {
-                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772719365988-qmsap5nq.png",                imageAlt: "Dental implant procedure"
+                imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772719365988-qmsap5nq.png?_wi=1",                imageAlt: "Dental implant procedure"
               },
               items: [
                 { icon: CheckCircle, text: "Napredna implantna tehnologija" },
@@ -173,16 +173,16 @@ export default function LandingPage() {
               id: "2",              name: "Marko Jurić",              role: "Menadžer",              testimonial: "Vrhunska usluga i profesionalnost. Nema čekanja, svi su ljubazni i pažljivi. Sigurno ću se vratiti!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772718642524-h6z7fm8f.jpg?_wi=9",              imageAlt: "Marko Jurić"
             },
             {
-              id: "3",              name: "Jasmina Begović",              role: "Učiteljica",              testimonial: "Bezbolni tretmani, moderna oprema, osjećam se kao u sigurnim rukama. Samo pohvale za cijeli tim!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772718642524-h6z7fm8f.jpg?_wi=10",              imageAlt: "Jasmina Begović"
+              id: "3",              name: "Jasmina Begović",              role: "Učiteljica",              testimonial: "Bezbolni tretmani, moderna oprema, osjećam se kao u sigurnim rukama. Samo pohvale za cijeli tim!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772721609818-cucrl49w.png0",              imageAlt: "Jasmina Begović"
             },
             {
-              id: "4",              name: "Petar Stojanović",              role: "Poduzetnik",              testimonial: "Iskusni doktori, brz pregled, provjera zdravlja sa najnovijom tehnologijom. Svakako preporučujem!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772718642524-h6z7fm8f.jpg?_wi=11",              imageAlt: "Petar Stojanović"
+              id: "4",              name: "Petar Stojanović",              role: "Poduzetnik",              testimonial: "Iskusni doktori, brz pregled, provjera zdravlja sa najnovijom tehnologijom. Svakako preporučujem!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772721609818-cucrl49w.png1",              imageAlt: "Petar Stojanović"
             },
             {
-              id: "5",              name: "Dijana Kovačević",              role: "Medicinarka",              testimonial: "Kao stručnjakinja mogu reći - odličan standard. Hirurginja je vrlo stručna i njezin pristup je primjeran.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772718642524-h6z7fm8f.jpg?_wi=12",              imageAlt: "Dijana Kovačević"
+              id: "5",              name: "Dijana Kovačević",              role: "Medicinarka",              testimonial: "Kao stručnjakinja mogu reći - odličan standard. Hirurginja je vrlo stručna i njezin pristup je primjeran.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772721609818-cucrl49w.png2",              imageAlt: "Dijana Kovačević"
             },
             {
-              id: "6",              name: "Nikola Radić",              role: "Arhitekt",              testimonial: "Profesionalno i toplo okruženje. Sve je čisto, moderano i ugodno. Odličan omjer cijene i kvalitete!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772718642524-h6z7fm8f.jpg?_wi=13",              imageAlt: "Nikola Radić"
+              id: "6",              name: "Nikola Radić",              role: "Arhitekt",              testimonial: "Profesionalno i toplo okruženje. Sve je čisto, moderano i ugodno. Odličan omjer cijene i kvalitete!",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AWpNj4KJB3QJAHveK7yzqaL4ve/uploaded-1772721609818-cucrl49w.png3",              imageAlt: "Nikola Radić"
             }
           ]}
           animationType="slide-up"