src/app/page.tsx

@@ -11,7 +11,7 @@ import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
-import { Award, Building2, Calendar, HardHat, ShieldCheck, CheckCircle } from "lucide-react";
+import { Building2, ShieldCheck, HardHat, CheckCircle } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -44,6 +44,7 @@ export default function LandingPage() {
       <HeroBillboardCarousel
       title="Hamza Gradnja d.o.o. – Vrhunska gradnja i adaptacija"
       description="Vaš pouzdan partner za sve vrste građevinskih radova. Spajamo tradiciju, znanje i suvremene tehnologije za dugotrajne rezultate."
+      background={{ variant: "plain" }}
       mediaItems={[
         { imageSrc: "http://img.b2bpic.net/free-photo/round-saw-hands-builder-work-laying-paving-slabs_1150-10080.jpg?_wi=1", imageAlt: "Građevinski radovi" },
         { imageSrc: "http://img.b2bpic.net/free-photo/low-angle-shot-big-blue-metal-bridge-sunny-day_181624-2755.jpg?_wi=1", imageAlt: "Infrastrukturni projekt" }
@@ -58,6 +59,9 @@ export default function LandingPage() {
       description="Hamza Gradnja d.o.o. donosi višegodišnju stručnost u niskogradnji i visokogradnji. Svaki projekt tretiramo s istom pažnjom prema detaljima."
       metrics={[{ value: "15+", title: "Godina rada" }, { value: "200+", title: "Projekata" }]}
       imageSrc="http://img.b2bpic.net/free-photo/stuido-portrait-happy-cheerful-young-businessman_273609-12506.jpg"
+      useInvertedBackground={false}
+      mediaAnimation="slide-up"
+      metricsAnimation="slide-up"
     />
   </div>
 
@@ -73,12 +77,14 @@ export default function LandingPage() {
       gridVariant="three-columns-all-equal-width"
       animationType="slide-up"
       textboxLayout="default"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="metrics" data-section="metrics">
       <MetricCardThree
       title="Naš učinak u brojkama"
+      description="Pokazatelji našeg uspjeha kroz godine poslovanja."
       metrics={[
         { id: "m1", icon: Building2, title: "Objekata", value: "200+" },
         { id: "m2", icon: ShieldCheck, title: "Sigurnost", value: "100%" },
@@ -86,29 +92,35 @@ export default function LandingPage() {
       ]}
       animationType="slide-up"
       textboxLayout="default"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="testimonials-section" data-section="testimonials-section">
       <TestimonialCardTwo
       title="Klijenti o nama"
+      description="Što naši zadovoljni klijenti kažu o našim uslugama."
       testimonials={[
         { id: "t1", name: "Marko I.", role: "Investitor", testimonial: "Hamza Gradnja je ispunila sva očekivanja. Sve pohvale!", icon: CheckCircle },
         { id: "t2", name: "Ana M.", role: "Arhitekt", testimonial: "Izuzetno precizni i pedantni u radu.", icon: CheckCircle },
       ]}
       animationType="blur-reveal"
+      textboxLayout="default"
+      useInvertedBackground={false}
     />
   </div>
 
   <div id="faq" data-section="faq">
       <FaqDouble
       title="Česta pitanja"
+      description="Saznajte odgovore na najčešća pitanja o našem radu."
       faqs={[
         { id: "f1", title: "Radite li procjene troškova?", content: "Da, izrađujemo detaljne predračune besplatno." },
         { id: "f2", title: "Koje je područje rada?", content: "Radimo na cijelom području Hrvatske." }
       ]}
       faqsAnimation="slide-up"
       textboxLayout="default"
+      useInvertedBackground={false}
     />
   </div>
 
@@ -118,6 +130,8 @@ export default function LandingPage() {
       title="Spremni za novi projekt?"
       description="Javite nam se s povjerenjem za sve vrste upita o gradnji."
       buttons={[{ text: "Pošaljite upit", href: "mailto:info@hamza-gradnja.hr" }]}
+      background={{ variant: "plain" }}
+      useInvertedBackground={false}
     />
   </div>