14 Commits

Author SHA1 Message Date
3a52fe4ff9 Update src/app/page.tsx 2026-03-04 18:40:56 +00:00
bb498881eb Update src/app/layout.tsx 2026-03-04 18:40:53 +00:00
08273259a9 Update src/app/page.tsx 2026-03-04 18:38:15 +00:00
d8c8dddcf8 Merge version_7 into main
Merge version_7 into main
2026-03-04 18:33:25 +00:00
0ca3d43a30 Update src/app/page.tsx 2026-03-04 18:33:21 +00:00
a91c87a819 Merge version_6 into main
Merge version_6 into main
2026-03-04 18:26:22 +00:00
f01632789f Update src/app/page.tsx 2026-03-04 18:26:17 +00:00
08f761bf92 Merge version_5 into main
Merge version_5 into main
2026-03-04 18:21:34 +00:00
390749b6af Update src/app/page.tsx 2026-03-04 18:21:30 +00:00
c2a620917a Update src/app/layout.tsx 2026-03-04 18:21:29 +00:00
cbd56c2242 Merge version_4 into main
Merge version_4 into main
2026-03-04 18:18:58 +00:00
b4dbebd603 Update src/app/page.tsx 2026-03-04 18:18:54 +00:00
daf63e144f Update src/app/layout.tsx 2026-03-04 18:18:53 +00:00
01b5ae0c5a Merge version_3 into main
Merge version_3 into main
2026-03-04 18:17:01 +00:00
2 changed files with 106 additions and 49 deletions

View File

@@ -1385,4 +1385,4 @@ export default function RootLayout({
</body>
</html>
);
}
}

View File

@@ -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 TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
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, Palette, Rocket, Shield, Star, Target, TrendingUp, Workflow, Wrench, Zap } from "lucide-react";
import { Award, BarChart3, Brain, CheckCircle2, Code2, Github, Handshake, Lightbulb, Linkedin, Mail, MapPin, Phone, Search, Star, Target, TrendingUp, Workflow, Wrench, Zap, ShieldCheck, Users, Sparkles } from "lucide-react";
export default function LandingPage() {
return (
@@ -45,7 +44,7 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardCarousel
title="Budujemy systemy, które zarabiają dla Twojej firmy."
description="Tworzymy aplikacje webowe, platformy AI i automatyzacje, które eliminują chaos, oszczędzają czas i zwiększają zysk. Partnerstwo, które skaluje biznes."
description="Średnio +250% ROI w 6 miesięcy. Tworzymy aplikacje webowe, platformy AI i automatyzacje, które eliminują chaos, oszczędzają czas i zwiększają zysk. Partnerstwo, które skaluje biznes."
tag="Innowacyjne Rozwiązania"
tagIcon={Zap}
tagAnimation="slide-up"
@@ -89,7 +88,7 @@ export default function LandingPage() {
tagAnimation="slide-up"
title="Nie jesteśmy software housem. Jesteśmy partnerem w rozwoju Twojego biznesu."
description="Skupiamy się na realnych problemach"
subdescription="WOLNY STUDIO AI • Średnio +250% ROI w 6 miesięcy"
subdescription="Dedicated Business Partner, Not Just Vendors Twoim sukcesem kierują się nasze strategie i technologia."
icon={Target}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTdamE0711SH4qf6OPq0pSgOh/modern-saas-dashboard-interface-with-ai--1772646442924-01f0b869.png?_wi=3"
imageAlt="Studio AI workspace"
@@ -104,20 +103,20 @@ export default function LandingPage() {
title="Co Robimy"
description="Trzy filarowe usługi, które transformują biznes i skalują zyski poprzez nowoczesną technologię"
tag="Nasze Usługi"
tagIcon={Rocket}
tagIcon={Zap}
tagAnimation="slide-up"
features={[
{
icon: Code2,
title: "Systemy i Aplikacje Webowe", description: "Dedykowane platformy, CRM, systemy zarządzania, panele klienta. Rozwiązania stworzone pod Twoją firmę.", button: { text: "Automatyzacja 24/7", href: "contact" }
title: "Systemy i Aplikacje Webowe", description: "Dedykowane platformy, CRM, systemy zarządzania, panele klienta. Rozwiązania stworzone pod Twoją firmę.", button: { text: "Oszczędź 20h/tydzień", href: "contact" }
},
{
icon: Brain,
title: "Automatyzacje i AI", description: "Boty AI, automatyczna obsługa klienta, scoring CV, workflow, integracje API. Procesy które pracują 24/7.", button: { text: "Zwiększ Efekt", href: "contact" }
title: "Automatyzacje i AI", description: "Boty AI, automatyczna obsługa klienta, scoring CV, workflow, integracje API. Procesy które pracują 24/7.", button: { text: "Zwiększ Przychód o 40%", href: "contact" }
},
{
icon: TrendingUp,
title: "Digitalizacja Biznesu", description: "Zamieniamy Excel i papier na nowoczesne systemy online. Porządek operacyjny, lepsze decyzje.", button: { text: "Redukcja Kosztów", href: "contact" }
title: "Digitalizacja Biznesu", description: "Zamieniamy Excel i papier na nowoczesne systemy online. Porządek operacyjny, lepsze decyzje.", button: { text: "Zmniejsz Koszty o 35%", href: "contact" }
}
]}
animationType="slide-up"
@@ -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={Shield}
tagIcon={Star}
tagAnimation="slide-up"
metrics={[
{
@@ -197,7 +196,7 @@ export default function LandingPage() {
title: "01 - Analiza i Strategia", description: "Pogłębiamy się w Twoim biznesie. Problemy, wyzwania, cele. Budujemy strategię opartą na danych.", button: { text: "Dowiedz się więcej", href: "#" }
},
{
icon: Palette,
icon: Search,
title: "02 - Projekt UX/UI", description: "Projektujemy doświadczenie użytkownika i interfejs. Funkcjonalne, piękne, intuicyjne rozwiązania.", button: { text: "Dowiedz się więcej", href: "#" }
},
{
@@ -217,50 +216,108 @@ export default function LandingPage() {
</div>
<div id="social-proof" data-section="social-proof">
<TestimonialCardOne
title="Co Mówią Nasi Klienci"
description="96% satysfakcji, 100% zaangażowania. Ich sukces to nasz sukces. Sprawdź, jak zmieniliśmy ich biznes."
tag="Opinie Klientów"
tagIcon={Star}
tagAnimation="slide-up"
testimonials={[
<div className="space-y-12">
<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">
<Star className="w-4 h-4 text-primary-cta" fill="currentColor" />
<span className="text-sm font-medium text-primary-cta">Opinie z Google</span>
</div>
<h2 className="text-4xl md:text-5xl lg:text-6xl font-bold mb-4">Zobacz, co mówią o nas klienci w Google</h2>
<p className="text-lg md:text-xl text-foreground/70 max-w-2xl">Transparentne opinie zweryfikowane 5.0 gwiazdek od zaufanych klientów</p>
</div>
<div className="flex flex-col md:flex-row items-center justify-center gap-8 md:gap-12 flex-wrap">
<div className="flex flex-col items-center">
<div className="flex gap-1 mb-2">
{[...Array(5)].map((_, i) => (
<Star key={i} className="w-6 h-6 text-yellow-400" fill="currentColor" />
))}
</div>
<p className="text-3xl font-bold">5.0</p>
<p className="text-foreground/60">Średnia ocena</p>
</div>
<div className="h-16 w-px bg-foreground/20 hidden md:block"></div>
<div className="flex flex-col items-center">
<p className="text-3xl font-bold">250+</p>
<p className="text-foreground/60">Opinie zweryfikowane</p>
</div>
</div>
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 mt-12">
{
id: "1", name: "Marcin Kowalski", role: "Właściciel", company: "TechRecruit Polska", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTdamE0711SH4qf6OPq0pSgOh/professional-headshot-of-a-confident-bus-1772646442150-2e1e63e4.png", imageAlt: "Marcin Kowalski"
},
{
id: "2", name: "Anna Nowak", role: "Dyrektor", company: "Auto Service Solutions", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTdamE0711SH4qf6OPq0pSgOh/professional-portrait-of-a-company-direc-1772646442028-775cdaab.png", imageAlt: "Anna Nowak"
},
{
id: "3", name: "Piotr Lewandowski", role: "CEO", company: "Digital Marketing Pro", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTdamE0711SH4qf6OPq0pSgOh/professional-headshot-of-an-agency-owner-1772646443428-1c53d6f7.png", imageAlt: "Piotr Lewandowski"
},
{
id: "4", name: "Katarzyna Zając", role: "HR Manager", company: "Staffing Excellence", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTdamE0711SH4qf6OPq0pSgOh/professional-portrait-of-a-recruiter-or--1772646443961-89d3d657.png", imageAlt: "Katarzyna Zając"
},
{
id: "5", name: "Tomasz Kruk", role: "Founder", company: "Cloud Innovations", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTdamE0711SH4qf6OPq0pSgOh/professional-headshot-of-a-tech-savvy-bu-1772646441921-ee1f86c4.png", imageAlt: "Tomasz Kruk"
},
{
id: "6", name: "Magdalena Szymczak", role: "Director", company: "Enterprise Systems", rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTdamE0711SH4qf6OPq0pSgOh/professional-business-portrait-of-a-conf-1772646442053-3a2aecf3.png", imageAlt: "Magdalena Szymczak"
[
{
name: "Marcin Kowalski", role: "Właściciel", text: "Platforma rekrutacyjna zmienia zupełnie nasz HR. Polecam!", image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTdamE0711SH4qf6OPq0pSgOh/professional-headshot-of-a-confident-bus-1772646442150-2e1e63e4.png"
},
{
name: "Anna Nowak", role: "Dyrektor", text: "System zarządzania warsztatem zaoszczędził nam setki godzin rocznie.", image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTdamE0711SH4qf6OPq0pSgOh/professional-portrait-of-a-company-direc-1772646442028-775cdaab.png"
},
{
name: "Piotr Lewandowski", role: "CEO", text: "CRM dla agencji zintegrował wszystkie nasze procesy. Świetna praca!", image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTdamE0711SH4qf6OPq0pSgOh/professional-headshot-of-an-agency-owner-1772646443428-1c53d6f7.png"
},
{
name: "Katarzyna Zając", role: "HR Manager", text: "Najlepszy wybór, jaki mogliśmy zrobić. Profesjonalny zespół!", image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTdamE0711SH4qf6OPq0pSgOh/professional-portrait-of-a-recruiter-or--1772646443961-89d3d657.png"
},
{
name: "Tomasz Kruk", role: "Founder", text: "Wsparcie 24/7 i transparentna komunikacja dokładnie to czego potrzebowaliśmy.", image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTdamE0711SH4qf6OPq0pSgOh/professional-headshot-of-a-tech-savvy-bu-1772646441921-ee1f86c4.png"
},
{
name: "Magdalena Szymczak", role: "Director", text: "Jesteśmy zachwyceni rezultatami. 5.0 gwiazdek, gorąco polecam!", image: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AUTdamE0711SH4qf6OPq0pSgOh/professional-business-portrait-of-a-conf-1772646442053-3a2aecf3.png"
}
].map((review, idx) => (
<div key={idx} className="p-6 rounded-lg border border-foreground/10 bg-card hover:border-primary-cta/50 transition-colors">
<div className="flex gap-1 mb-4">
{[...Array(5)].map((_, i) => (
<Star key={i} className="w-4 h-4 text-yellow-400" fill="currentColor" />
))}
</div>
<p className="text-foreground/80 mb-6 text-sm leading-relaxed">"{review.text}"</p>
<div className="flex items-center gap-3">
<img src={review.image} alt={review.name} className="w-10 h-10 rounded-full object-cover" />
<div>
<p className="font-semibold text-foreground text-sm">{review.name}</p>
<p className="text-foreground/60 text-xs">{review.role}</p>
</div>
</div>
<p className="text-xs text-primary-cta mt-4 font-medium flex items-center gap-1">
<Sparkles className="w-3 h-3" />
Opinia z Google
</p>
</div>
))
}
]}
gridVariant="uniform-all-items-equal"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
ariaLabel="Sekcja opinii klientów"
/>
</div>
<div className="mt-16 grid grid-cols-1 md:grid-cols-3 gap-8 pt-12 border-t border-foreground/10">
<div className="flex flex-col items-center text-center">
<ShieldCheck className="w-8 h-8 text-primary-cta mb-3" />
<h3 className="font-semibold text-lg mb-2">Zweryfikowane Opinie</h3>
<p className="text-foreground/60 text-sm">Wszystkie opinie pochodzą od rzeczywistych klientów zweryfikowanych przez Google</p>
</div>
<div className="flex flex-col items-center text-center">
<Users className="w-8 h-8 text-primary-cta mb-3" />
<h3 className="font-semibold text-lg mb-2">Rzeczywisti Klienci</h3>
<p className="text-foreground/60 text-sm">Pracowaliśmy z każdą osobą, która nas oceniła. Ich sukces to nasz sukces.</p>
</div>
<div className="flex flex-col items-center text-center">
<Sparkles className="w-8 h-8 text-primary-cta mb-3" />
<h3 className="font-semibold text-lg mb-2">Brak Sponsorowanych Recenzji</h3>
<p className="text-foreground/60 text-sm">Nie kupujemy opinii. Każda recenzja to naturalna, szczera opinia klienta.</p>
</div>
</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">
Przeczytaj opinię na Google
</a>
</div>
</div>
</div>
<div id="partners" data-section="partners">
<SocialProofOne
title="Zaufanie Biznesowe"
description="Pracujemy z najlepszymi firmami z Polski i Europy. Partnerami bez kompromisów w jakości."
description="Pracujemy z najlepszymi firmami z Polski i Europy. Partnerami bez kompromisów w jakości. Wszystkie opinie są zweryfikowane i pochodzą od rzeczywistych klientów."
tag="Nasi Partnerzy"
tagIcon={Handshake}
tagAnimation="slide-up"
@@ -301,4 +358,4 @@ export default function LandingPage() {
</div>
</ThemeProvider>
);
}
}