Merge version_3 into main #12
183
src/app/about/page.tsx
Normal file
183
src/app/about/page.tsx
Normal file
@@ -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>
|
||||
);
|
||||
}
|
||||
@@ -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,
|
||||
|
||||
@@ -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" }
|
||||
|
||||
Reference in New Issue
Block a user