Update src/app/page.tsx

src/app/layout.tsx

@@ -5,7 +5,8 @@ import "./globals.css";
 const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
-  title: "WOLNY STUDIO AI",  description: "Budujemy systemy, które zarabiają dla Twojej firmy."};
+  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."
+};
 
 export default function RootLayout({
   children,
@@ -1384,4 +1385,4 @@ export default function RootLayout({
       </body>
     </html>
   );
-}
+}

src/app/page.tsx

@@ -7,10 +7,11 @@ 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 TeamCardTwo from '@/components/sections/team/TeamCardTwo';
 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, Target, TrendingUp, Workflow, Wrench, Zap, ShieldCheck, Users, Sparkles } from "lucide-react";
+import { Award, BarChart3, Brain, CheckCircle2, Code2, Github, Handshake, Lightbulb, Linkedin, Mail, MapPin, Phone, Search, Star, Target, TrendingUp, Workflow, Wrench, Zap } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -157,7 +158,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={Sparkles}
+          tagIcon={Star}
           tagAnimation="slide-up"
           metrics={[
             {
@@ -216,21 +217,19 @@ export default function LandingPage() {
       </div>
 
       <div id="social-proof" data-section="social-proof">
-        <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 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>
+        <SocialProofOne
+          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"
+          names={["Marcin Kowalski", "Anna Nowak", "Piotr Lewandowski", "Katarzyna Zając", "Tomasz Kruk", "Magdalena Szymczak"]}
+          textboxLayout="default"
+          useInvertedBackground={true}
+          speed={40}
+          showCard={true}
+          ariaLabel="Sekcja opinii z Google"
+        />
       </div>
 
       <div id="partners" data-section="partners">
@@ -277,4 +276,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}