From 41c114735d5ffecf014e72c4739051ad5a73ed42 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 5 Mar 2026 14:20:16 +0000
Subject: [PATCH 1/3] Add src/app/about/page.tsx

---
 src/app/about/page.tsx | 183 +++++++++++++++++++++++++++++++++++++++++
 1 file changed, 183 insertions(+)
 create mode 100644 src/app/about/page.tsx

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
new file mode 100644
index 0000000..7dca219
--- /dev/null
+++ b/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-1772719106201-kly5sosu.png",                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-1772719276592-62ogxkdv.png",                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-1772719365988-qmsap5nq.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-1772718642524-h6z7fm8f.jpg?_wi=10",              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: "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: "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ć"
+            }
+          ]}
+          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>
+  );
+}
-- 
2.49.1


From 86bf06da69fcc17b4e61c37f7edbb9ede5a7c481 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 5 Mar 2026 14:20:18 +0000
Subject: [PATCH 2/3] Update src/app/layout.tsx

---
 src/app/layout.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 3df0491..b869565 100644
--- a/src/app/layout.tsx
+++ b/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,
-- 
2.49.1


From da246070ec2e9089f2e8bd1c373ade92e34a8f97 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 5 Mar 2026 14:20:19 +0000
Subject: [PATCH 3/3] Update src/app/page.tsx

---
 src/app/page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index e8813a3..fb8da0d 100644
--- a/src/app/page.tsx
+++ b/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" }
-- 
2.49.1