Compare commits
10 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| dd608ec06b | |||
| 8752ab227c | |||
| 8f30d5a468 | |||
| 71354b9385 | |||
| 39dead47cf | |||
| 589401bf2c | |||
| e81ddb7c7e | |||
| 4c9d8e968b | |||
| be9321e136 | |||
| d1b8f5ceda |
122
src/app/page.tsx
122
src/app/page.tsx
@@ -5,10 +5,9 @@ import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleAp
|
||||
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import { Shield, Star } from 'lucide-react';
|
||||
import { Shield, MapPin, Phone, Mail, Building2 } from 'lucide-react';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -38,7 +37,7 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="TrenART – Twoje wsparcie w świecie technologii"
|
||||
title="Twoje wsparcie w świecie technologii"
|
||||
description="Profesjonalne usługi IT dla biznesu. Zdalna pomoc techniczna dostępna od ręki."
|
||||
tag="Zaufany Partner IT"
|
||||
tagIcon={Shield}
|
||||
@@ -106,6 +105,7 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
mediaClassName="object-cover object-center w-full h-full"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -127,30 +127,6 @@ export default function LandingPage() {
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
cardTitle="Zaufani przez tysiące firm - Twoi partnerzy w transformacji cyfrowej"
|
||||
cardTag="Rekomendacje Klientów"
|
||||
cardTagIcon={Star}
|
||||
cardAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Anna Kowalski", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq0ng5IUBu9tCsx5BCWMkvtvV9/professional-business-person-headshot-fo-1773305533588-01ba2a4c.png", imageAlt: "Anna Kowalski"
|
||||
},
|
||||
{
|
||||
id: "2", name: "Piotr Nowak", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq0ng5IUBu9tCsx5BCWMkvtvV9/professional-business-person-headshot-fo-1773305533409-9393e46f.png", imageAlt: "Piotr Nowak"
|
||||
},
|
||||
{
|
||||
id: "3", name: "Magdalena Lewandowska", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq0ng5IUBu9tCsx5BCWMkvtvV9/professional-business-person-headshot-fo-1773305532532-b7d55462.png", imageAlt: "Magdalena Lewandowska"
|
||||
},
|
||||
{
|
||||
id: "4", name: "Krzysztof Wojcik", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq0ng5IUBu9tCsx5BCWMkvtvV9/professional-business-person-headshot-fo-1773305533046-6790a663.png", imageAlt: "Krzysztof Wojcik"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
title="Skontaktuj się z Nami"
|
||||
@@ -158,22 +134,104 @@ export default function LandingPage() {
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Twoje imię", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Twój email", required: true },
|
||||
{ name: "company", type: "text", placeholder: "Nazwa firmy", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "Numer telefonu", required: true }
|
||||
{ name: "subject", type: "text", placeholder: "Temat", required: true }
|
||||
]}
|
||||
textarea={{
|
||||
name: "message", placeholder: "Opisz swoje wyzwanie technologiczne...", rows: 5,
|
||||
name: "message", placeholder: "Twoja wiadomość...", rows: 4,
|
||||
required: true
|
||||
}}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Aq0ng5IUBu9tCsx5BCWMkvtvV9/professional-it-support-team-working-env-1773305533515-d2d8af33.png"
|
||||
imageAlt="IT Support Team"
|
||||
mediaAnimation="slide-up"
|
||||
mediaPosition="right"
|
||||
buttonText="Wyślij Zapytanie"
|
||||
mediaPosition="left"
|
||||
buttonText="Wyślij"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact-info" data-section="contact-info" className="w-full bg-gradient-to-b from-transparent to-background py-20 px-6 md:px-10">
|
||||
<div className="max-w-screen-lg mx-auto">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-12 md:gap-16">
|
||||
{/* Left Column - Google Map and Location */}
|
||||
<div className="flex flex-col gap-8">
|
||||
<div className="rounded-2xl overflow-hidden shadow-lg h-80 md:h-96">
|
||||
<iframe
|
||||
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2556.7816732393046!2d17.04147!3d51.10394!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x470fe9c9d2e9b8a1%3A0x1234567890ab!2sTrenArt%20Usługi%20Informatyczne!5e0!3m2!1spl!2spl!4v1234567890123"
|
||||
width="100%"
|
||||
height="100%"
|
||||
style={{ border: 0 }}
|
||||
allowFullScreen={true}
|
||||
loading="lazy"
|
||||
referrerPolicy="no-referrer-when-downgrade"
|
||||
title="TrenART Location - ul. Ślężna 112a, Wrocław"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex items-start gap-3">
|
||||
<MapPin className="w-6 h-6 text-primary-cta flex-shrink-0 mt-1" />
|
||||
<div>
|
||||
<p className="font-semibold text-foreground">Adres</p>
|
||||
<p className="text-foreground/80">ul. Ślężna 112a</p>
|
||||
<p className="text-foreground/80">Wrocław, Polska</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Right Column - Contact Information */}
|
||||
<div className="flex flex-col gap-8">
|
||||
<div>
|
||||
<h3 className="text-2xl md:text-3xl font-bold text-foreground mb-8">Informacje Kontaktowe</h3>
|
||||
</div>
|
||||
|
||||
{/* Company Info */}
|
||||
<div className="flex items-start gap-3 p-6 rounded-xl bg-card/50 backdrop-blur-sm border border-accent/20">
|
||||
<Building2 className="w-6 h-6 text-primary-cta flex-shrink-0 mt-1" />
|
||||
<div>
|
||||
<p className="font-semibold text-foreground">TrenArt Usługi Informatyczne</p>
|
||||
<p className="text-sm text-foreground/70 mt-2">Właściciel: Artur Mroczko</p>
|
||||
<p className="text-sm text-foreground/70">NIP: PL 8851413054</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Phone Numbers */}
|
||||
<div className="space-y-3">
|
||||
<h4 className="font-semibold text-foreground">Numery Telefonów</h4>
|
||||
<a
|
||||
href="tel:+48501769327"
|
||||
className="flex items-center gap-3 p-4 rounded-lg bg-card/50 hover:bg-card transition-colors border border-accent/20 hover:border-primary-cta/50"
|
||||
>
|
||||
<Phone className="w-5 h-5 text-primary-cta flex-shrink-0" />
|
||||
<div>
|
||||
<p className="text-sm text-foreground/70">Artur</p>
|
||||
<p className="font-semibold text-foreground">+48 501 769 327</p>
|
||||
</div>
|
||||
</a>
|
||||
<a
|
||||
href="tel:+48798425014"
|
||||
className="flex items-center gap-3 p-4 rounded-lg bg-card/50 hover:bg-card transition-colors border border-accent/20 hover:border-primary-cta/50"
|
||||
>
|
||||
<Phone className="w-5 h-5 text-primary-cta flex-shrink-0" />
|
||||
<div>
|
||||
<p className="text-sm text-foreground/70">Arek</p>
|
||||
<p className="font-semibold text-foreground">+48 798 425 014</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
{/* Email */}
|
||||
<div className="flex items-start gap-3 p-4 rounded-lg bg-card/50 border border-accent/20">
|
||||
<Mail className="w-5 h-5 text-primary-cta flex-shrink-0 mt-1" />
|
||||
<div>
|
||||
<p className="text-sm text-foreground/70">Email</p>
|
||||
<a href="mailto:info@trenart.pl" className="font-semibold text-primary-cta hover:underline">
|
||||
info@trenart.pl
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
logoText="TrenART"
|
||||
|
||||
@@ -14,7 +14,7 @@
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--primary-cta-text: #000000;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
|
||||
Reference in New Issue
Block a user