bender/b2aa979f-3a02-49a6-8344-93ffe5413fab
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #7

Merged
bender merged 1 commits from version_3 into main 2026-03-12 09:14:01 +00:00
Conversation 0 Commits 1 Files Changed 1 +88 -7
1 changed files with 88 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
src/app/page.tsx
View File

@@ -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 (
@@ -135,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"