Update src/app/page.tsx

Merge version_11 into main

src/app/layout.tsx

@@ -5,8 +5,7 @@ import "./globals.css";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "WOLNY STUDIO AI - Systemy, Aplikacje, Automatyzacje",  description: "Tworzymy aplikacje webowe, platformy AI i automatyzacje, które eliminują chaos, oszczędzają czas i zwiększają zysk."
-};
+  title: "WOLNY STUDIO AI",  description: "Budujemy systemy, które zarabiają dla Twojej firmy."};
 
 export default function RootLayout({
   children,

src/app/page.tsx

@@ -7,11 +7,10 @@ import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCa
 import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
-import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import ContactText from '@/components/sections/contact/ContactText';
 import FooterCard from '@/components/sections/footer/FooterCard';
-import { Award, BarChart3, Brain, CheckCircle2, Code2, Github, Handshake, Lightbulb, Linkedin, Mail, MapPin, Phone, Search, Star, Target, TrendingUp, Workflow, Wrench, Zap, Shield, CheckCircle } from "lucide-react";
+import { Award, BarChart3, Brain, CheckCircle2, Code2, Github, Handshake, Lightbulb, Linkedin, Mail, MapPin, Phone, Search, Target, TrendingUp, Workflow, Wrench, Zap, ShieldCheck, Users, Sparkles } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -158,7 +157,7 @@ export default function LandingPage() {
           title="Dlaczego My"
           description="Technologia to narzędzie. Liczy się efekt. Nasze podejście oparte na rezultatach biznesowych."
           tag="Przewaga Konkurencyjna"
-          tagIcon={Star}
+          tagIcon={Sparkles}
           tagAnimation="slide-up"
           metrics={[
             {
@@ -217,69 +216,21 @@ export default function LandingPage() {
       </div>
 
       <div id="social-proof" data-section="social-proof">
-        <FeatureCardTwelve
-          title="Zobacz, co mówią o nas klienci w Google"
-          description="Transparentne opinie zweryfikowane – 5.0 gwiazdek od zaufanych klientów"
-          tag="Opinie z Google"
-          tagIcon={Star}
-          tagAnimation="slide-up"
-          features={[
-            {
-              id: "1",              label: "Marcin",              title: "Marcin Kowalski",              items: ["Platforma rekrutacyjna zmienia zupełnie nasz HR. Polecam!"]
-            },
-            {
-              id: "2",              label: "Anna",              title: "Anna Nowak",              items: ["System zarządzania warsztatem zaoszczędził nam setki godzin rocznie."]
-            },
-            {
-              id: "3",              label: "Piotr",              title: "Piotr Lewandowski",              items: ["CRM dla agencji zintegrował wszystkie nasze procesy. Świetna praca!"]
-            },
-            {
-              id: "4",              label: "Katarzyna",              title: "Katarzyna Zając",              items: ["Najlepszy wybór, jaki mogliśmy zrobić. Profesjonalny zespół!"]
-            },
-            {
-              id: "5",              label: "Tomasz",              title: "Tomasz Kruk",              items: ["Wsparcie 24/7 i transparentna komunikacja – dokładnie to czego potrzebowaliśmy."]
-            },
-            {
-              id: "6",              label: "Magdalena",              title: "Magdalena Szymczak",              items: ["Jesteśmy zachwyceni rezultatami. 5.0 gwiazdek, gorąco polecam!"]
-            }
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={true}
-          buttons={[
-            { text: "Przeczytaj opinie na Google", href: "https://google.com/search" }
-          ]}
-          buttonAnimation="slide-up"
-          ariaLabel="Sekcja opinii z Google"
-        />
-      </div>
+        <div className="space-y-12 py-20 px-4 sm:px-6 md:px-8">
+          <div className="flex flex-col items-center text-center">
+            <div className="mb-4 inline-flex items-center gap-2 px-4 py-2 rounded-full bg-primary-cta/10">
+              <span className="text-sm font-medium text-primary-cta">Opinie Google</span>
+            </div>
+            <h2 className="text-4xl md:text-5xl lg:text-6xl font-bold mb-4">Zadowoleni Klienci</h2>
+            <p className="text-lg md:text-xl text-foreground/70 max-w-2xl">Odkryj, co mówią o nas nasi klienci na Google</p>
+          </div>
 
-      <div id="trust" data-section="trust">
-        <FeatureCardTwelve
-          title="Bezpieczeństwo i Weryfikacja Opinii"
-          description="Wszystkie nasze opinie są zweryfikowane i pochodzą od rzeczywistych klientów. Pracujemy z przejrzystością."
-          tag="Zaufanie"
-          tagIcon={Shield}
-          tagAnimation="slide-up"
-          features={[
-            {
-              id: "1",              label: "Opinie",              title: "Opinie Zweryfikowane",              items: ["100% autentycznych opinii od rzeczywistych klientów WOLNY STUDIO AI"]
-            },
-            {
-              id: "2",              label: "Bezpieczeństwo",              title: "Bezpieczeństwo Danych",              items: ["Certyfikacje bezpieczeństwa i ochrona prywatności klientów na najwyższym poziomie"]
-            },
-            {
-              id: "3",              label: "Rating",              title: "5.0 Gwiazdek",              items: ["Konsekwentna ocena 5.0 na Google od początkowych projektów do dzisiaj"]
-            },
-            {
-              id: "4",              label: "Projekty",              title: "Projekty Zakończone",              items: ["XX+ zweryfikowanych projektów z pozytywnym feedback od klientów"]
-            }
-          ]}
-          animationType="slide-up"
-          textboxLayout="default"
-          useInvertedBackground={false}
-          ariaLabel="Sekcja zaufania i weryfikacji"
-        />
+          <div className="flex justify-center pt-8">
+            <a href="https://google.com" target="_blank" rel="noopener noreferrer" className="px-8 py-3 bg-primary-cta text-primary-cta-text rounded-lg font-semibold hover:opacity-90 transition-opacity">
+              Przejdź do Opinii na Google
+            </a>
+          </div>
+        </div>
       </div>
 
       <div id="partners" data-section="partners">