Files
da13c4fa-ac00-4b22-8bb2-930…/src/app/page.tsx
2026-04-08 21:45:23 +00:00

363 lines
12 KiB
TypeScript

"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Globe, Laptop, Wrench } from "lucide-react";
export default function LandingPage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="soft"
contentWidth="small"
sizing="mediumLarge"
background="blurBottom"
cardStyle="gradient-radial"
primaryButtonStyle="double-inset"
secondaryButtonStyle="solid"
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Usługi",
id: "services",
},
{
name: "Jak działamy",
id: "process",
},
{
name: "Opinie",
id: "testimonials",
},
{
name: "Kontakt",
id: "contact",
},
]}
brandName="VIKOMP"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
background={{
variant: "glowing-orb",
}}
title="Technologia, która naprawdę działa."
description="Naprawiamy laptopy, komputery, konsole i drukarki. Diagnozujemy i rozwiązujemy problemy sieciowe w firmach i szkołach. Profesjonalne wsparcie IT blisko Ciebie."
testimonials={[
{
name: "Janina Nowak",
handle: "Dyrektor SP nr 12",
testimonial: "Vikomp znalazł problem w ciągu godziny i naprawił go na stałe.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/server-infrastructure-systems-delivering-ai-automation-cloud-storage_482257-124360.jpg",
imageAlt: "it service lab dark",
},
{
name: "Marek Kowalski",
handle: "Klient indywidualny",
testimonial: "Laptop naprawiony w 24h, uczciwe podejście i świetna robota.",
rating: 5,
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mmed2q",
imageAlt: "laptop repair icon outline",
},
{
name: "Anna Piotrowska",
handle: "Dyrektor Biura",
testimonial: "Zero przestojów, pełen profesjonalizm i wiedza.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-psd/gamepad-game-controller-icon-isolated-3d-render-illustration_439185-11797.jpg",
imageAlt: "game console icon",
},
{
name: "Piotr Zieliński",
handle: "IT Manager",
testimonial: "Najlepsze wsparcie w regionie, polecam każdemu.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/save-icon-front-side-with-white-background_187299-39945.jpg",
imageAlt: "printer icon outline",
},
{
name: "Katarzyna Wójcik",
handle: "Klientka",
testimonial: "Szybko, tanio i bardzo solidnie. Polecam!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-dropbox-logo-isolated_53876-65413.jpg",
imageAlt: "network server icon",
},
]}
buttons={[
{
text: "Umów naprawę",
href: "#contact",
},
]}
imageSrc="http://img.b2bpic.net/free-photo/server-infrastructure-systems-delivering-ai-automation-cloud-storage_482257-124360.jpg"
mediaAnimation="slide-up"
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mmed2q",
alt: "Avatar 1",
},
{
src: "http://img.b2bpic.net/free-psd/gamepad-game-controller-icon-isolated-3d-render-illustration_439185-11797.jpg",
alt: "Avatar 2",
},
{
src: "http://img.b2bpic.net/free-photo/save-icon-front-side-with-white-background_187299-39945.jpg",
alt: "Avatar 3",
},
{
src: "http://img.b2bpic.net/free-photo/woman-holding-dropbox-logo-isolated_53876-65413.jpg",
alt: "Avatar 4",
},
{
src: "http://img.b2bpic.net/free-vector/internet-technology-vertical-banners_1284-48253.jpg",
alt: "Avatar 5",
},
]}
marqueeItems={[
{
type: "text",
text: "Naprawa Laptopów",
},
{
type: "text",
text: "Wsparcie Sieciowe",
},
{
type: "text",
text: "Serwis Konsol",
},
{
type: "text",
text: "Obsługa Firm",
},
{
type: "text",
text: "Cyberbezpieczeństwo",
},
]}
/>
</div>
<div id="services" data-section="services">
<FeatureCardTwentyFive
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
features={[
{
title: "Naprawa sprzętu",
description: "Laptopy, PC, konsole - profesjonalny serwis.",
icon: Laptop,
mediaItems: [
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mmed2q",
},
{
imageSrc: "http://img.b2bpic.net/free-psd/gamepad-game-controller-icon-isolated-3d-render-illustration_439185-11797.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-vector/internet-technology-vertical-banners_1284-48253.jpg",
imageAlt: "onsite support icon",
},
{
title: "Sieci i Serwery",
description: "Projektowanie i diagnostyka sieci firmowych.",
icon: Globe,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-dropbox-logo-isolated_53876-65413.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/digital-cybersecurity-shield-network-background_84443-85964.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/digital-cybersecurity-shield-network-background_84443-85964.jpg",
imageAlt: "security icon shield",
},
{
title: "Wsparcie On-Site",
description: "Dojazd do firm i serwis drukarek.",
icon: Wrench,
mediaItems: [
{
imageSrc: "http://img.b2bpic.net/free-photo/save-icon-front-side-with-white-background_187299-39945.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-vector/internet-technology-vertical-banners_1284-48253.jpg",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/server-infrastructure-systems-delivering-ai-automation-cloud-storage_482257-124360.jpg",
imageAlt: "it service lab dark",
},
]}
title="Wszystko, czego potrzebuje Twój sprzęt."
description="Profesjonalny serwis IT dla klientów indywidualnych oraz firm i placówek edukacyjnych."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTwo
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "Marek Kowalski",
role: "Klient",
testimonial: "Uczciwe podejście i świetna robota.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mmed2q",
imageAlt: "laptop repair icon outline",
},
{
id: "2",
name: "Anna Piotrowska",
role: "Dyrektor",
testimonial: "Zero przestojów, pełen profesjonalizm.",
imageSrc: "http://img.b2bpic.net/free-psd/gamepad-game-controller-icon-isolated-3d-render-illustration_439185-11797.jpg",
imageAlt: "game console icon",
},
{
id: "3",
name: "Janina Nowak",
role: "Dyrektor Szkoły",
testimonial: "W końcu sieć działa jak powinna.",
imageSrc: "http://img.b2bpic.net/free-photo/save-icon-front-side-with-white-background_187299-39945.jpg",
imageAlt: "printer icon outline",
},
{
id: "4",
name: "Piotr Zieliński",
role: "IT Manager",
testimonial: "Najlepsze wsparcie w regionie.",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-dropbox-logo-isolated_53876-65413.jpg",
imageAlt: "network server icon",
},
{
id: "5",
name: "Katarzyna Wójcik",
role: "Klient",
testimonial: "Szybko, tanio i solidnie.",
imageSrc: "http://img.b2bpic.net/free-vector/internet-technology-vertical-banners_1284-48253.jpg",
imageAlt: "onsite support icon",
},
]}
title="Opinie klientów"
description="Zaufanie potwierdzone latami współpracy."
/>
</div>
<div id="team" data-section="team">
<TeamCardFive
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
title="Nasz Zespół"
description="Poznaj specjalistów, którzy dbają o Twój sprzęt."
team={[
{
id: "1",
name: "Jan Kowalski",
role: "Technik Serwisu",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mmed2q",
},
{
id: "2",
name: "Anna Nowak",
role: "Specjalista Sieci",
imageSrc: "http://img.b2bpic.net/free-psd/gamepad-game-controller-icon-isolated-3d-render-illustration_439185-11797.jpg",
},
{
id: "3",
name: "Marek Wisniewski",
role: "Administrator IT",
imageSrc: "http://img.b2bpic.net/free-photo/save-icon-front-side-with-white-background_187299-39945.jpg",
},
{
id: "4",
name: "Zofia Lewandowska",
role: "Wsparcie Klienta",
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-dropbox-logo-isolated_53876-65413.jpg",
},
{
id: "5",
name: "Piotr Wójcik",
role: "Technik Mobilny",
imageSrc: "http://img.b2bpic.net/free-vector/internet-technology-vertical-banners_1284-48253.jpg",
},
]}
/>
</div>
<div id="contact" data-section="contact">
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
tag="Kontakt"
title="Zróbmy to razem"
description="Wycena jest bezpłatna i niezobowiązująca. Skontaktuj się już dziś."
buttons={[
{
text: "Wyślij zgłoszenie",
href: "#",
},
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
columns={[
{
title: "Usługi",
items: [
{
label: "Naprawa",
href: "#services",
},
{
label: "Sieci",
href: "#services",
},
],
},
{
title: "Firma",
items: [
{
label: "O nas",
href: "#",
},
{
label: "Kontakt",
href: "#contact",
},
],
},
]}
logoText="VIKOMP"
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}