changes

app/page.tsx

@@ -1,6 +1,6 @@
 import { HeroSection } from "@/components/sections/HeroSection";
+import { CalculatorTeaser } from "@/components/sections/CalculatorTeaser";
 import { ServicesGrid } from "@/components/sections/ServicesGrid";
-import { WhyUs } from "@/components/sections/WhyUs";
 import { FeaturedProducts } from "@/components/sections/FeaturedProducts";
 import { BlogPreview } from "@/components/sections/BlogPreview";
 import { CtaBanner } from "@/components/sections/CtaBanner";
@@ -130,16 +130,10 @@ export default function Home() {
       <JsonLd data={jsonLd} />
 
       <HeroSection />
-      <ServicesGrid />
+      <CalculatorTeaser />
+      
       {/* BrandsBar will go here in Group B */}
       <FeaturedProducts />
-      <WhyUs />
-      {/* ProjectsSection will go here in Group B */}
-      {/* <Testimonials /> (Ukryte na czas zbierania autentycznych opinii) */}
-
-
-
-      <BlogPreview />
       <section className="bg-white py-16 px-4">
         <div className="bg-slate-50 max-w-7xl mx-auto rounded-[2.5rem] p-6 sm:p-10 lg:p-14">
           <div className="max-w-7xl mx-auto flex flex-col gap-8">
@@ -241,14 +235,12 @@ export default function Home() {
                    <p className="text-sm text-text-muted leading-relaxed">Nasi certyfikowani technicy są dostępni od poniedziałku do soboty. Zarezerwuj termin już dziś, aby uniknąć kolejek w sezonie.</p>
                  </div>
                  <div className="flex flex-col sm:flex-row items-center gap-4 shrink-0 w-full lg:w-auto justify-center lg:justify-end">
-                   <Link href="/kontakt" className="w-fit sm:w-auto flex justify-center items-center gap-2 px-6 py-3.5 bg-accent text-white font-bold text-sm hover:bg-accent/90 transition-colors rounded-xl">
-                     Umów serwis <Calendar className="size-4" />
+                   <Link href="/kontakt" className={buttonClasses({ variant: 'primary', size: 'lg' })}>
+                     Umów darmową wycenę <ArrowRight className="size-4" />
+                   </Link>
+                   <Link href="/cennik-montazu" className={buttonClasses({ variant: 'outline', size: 'lg' })}>
+                     Zobacz pełny cennik <ArrowRight className="size-4" />
                    </Link>
-                   <a href={`tel:${companyDetails.phoneRaw}`} className="w-fit sm:w-auto">
-                     <button className="w-fit sm:w-auto flex justify-center items-center gap-2 px-6 py-3.5 bg-white text-primary border border-border font-bold text-sm hover:bg-slate-50 transition-colors rounded-xl">
-                       <Phone className="size-4" /> Zadzwoń do nas
-                     </button>
-                   </a>
                  </div>
               </div>
 
@@ -257,6 +249,12 @@ export default function Home() {
         </div>
       </section>
 
+      <ServicesGrid />
+
+      {/* ProjectsSection will go here in Group B */}
+      {/* <Testimonials /> (Ukryte na czas zbierania autentycznych opinii) */}
+      
+      <BlogPreview />
       <CtaBanner bgVariant="accent-light" />
     </>
   );