Merge version_2 into main #2
79
src/app/about-us/page.tsx
Normal file
79
src/app/about-us/page.tsx
Normal file
@@ -0,0 +1,79 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
|
||||
export default function AboutUsPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Główna", id: "home"},
|
||||
{
|
||||
name: "O nas", id: "/about-us"},
|
||||
{
|
||||
name: "Usługi", id: "services"},
|
||||
{
|
||||
name: "Pakiety", id: "packages"},
|
||||
{
|
||||
name: "Cennik", id: "pricing"},
|
||||
{
|
||||
name: "Opinie", id: "testimonials"},
|
||||
{
|
||||
name: "Kontakt", id: "contact"},
|
||||
]}
|
||||
brandName="AutoRust Protect"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about-us" data-section="about-us">
|
||||
<MetricSplitMediaAbout
|
||||
title="O AutoRust Protect"
|
||||
description="Jesteśmy zespołem pasjonatów motoryzacji, specjalizującym się w kompleksowej ochronie podwozi samochodów. Nasza misja to zapewnienie długowieczności i bezpieczeństwa Twojego pojazdu poprzez profesjonalne usługi antykorozyjne i konserwacyjne."
|
||||
metrics={[
|
||||
{ value: "10+", title: "Lat doświadczenia" },
|
||||
{ value: "500+", title: "Zabezpieczonych pojazdów" },
|
||||
{ value: "99%", title: "Zadowolonych klientów" }
|
||||
]}
|
||||
useInvertedBackground={false}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/diverse-colleagues-discussing-work-office_23-2149028886.jpg"
|
||||
imageAlt="Team working in an office"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="AutoRust Protect"
|
||||
copyrightText="© 2024 AutoRust Protect. Wszelkie prawa zastrzeżone."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "https://www.facebook.com/p/AutoRust-Protect-Konserwacja-podwozia-61564736897226/", ariaLabel: "Facebook link"},
|
||||
{
|
||||
icon: MapPin,
|
||||
href: "https://www.google.com/maps/place/AutoRust+Protect+-+Konserwacja+zabezpieczenie+podwozi/@51.7288673,19.539869,17z/data=!3m1!4b1!4m6!3m5!1s0x471bb57233f20739:0x2213796245d8b857!8m2!3d51.7288673!4d19.5424439!16s%2Fg%2F11vv4800y?hl=pl&entry=ttu", ariaLabel: "Google Maps link"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -200,9 +200,9 @@ export default function LandingPage() {
|
||||
variant: "plain"}}
|
||||
tag="Kontakt"
|
||||
title="Skontaktuj się z Nami"
|
||||
description="Gotowy na zabezpieczenie swojego pojazdu? Wypełnij formularz lub zadzwoń, a my odpowiemy najszybciej, jak to możliwe. Zapraszamy do naszego warsztatu w Łodzi."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-basketball-field_23-2149231820.jpg"
|
||||
imageAlt="modern car workshop exterior"
|
||||
description="Masz pytania lub chcesz umówić wizytę? Wypełnij poniższy formularz, zadzwoń do nas lub odwiedź nasz warsztat.\nJesteśmy dostępni, aby pomóc Twojemu samochodowi!\n\n**AutoRust Protect**\nul. Piotrkowska 123, 90-006 Łódź\nTelefon: +48 123 456 789\nEmail: kontakt@autorustprotect.pl\n\nGodziny otwarcia:\nPon-Pt: 9:00 - 17:00\nSob: 9:00 - 13:00\nNiedziela: Zamknięte\n\nZnajdź nas na mapie i śledź nasze media społecznościowe w stopce strony."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-examining-car_107420-95949.jpg"
|
||||
imageAlt="mechanic inspecting car in workshop"
|
||||
mediaAnimation="slide-up"
|
||||
inputPlaceholder="Wpisz swój adres e-mail"
|
||||
buttonText="Wyślij zapytanie"
|
||||
|
||||
83
src/app/product-categories/page.tsx
Normal file
83
src/app/product-categories/page.tsx
Normal file
@@ -0,0 +1,83 @@
|
||||
"use client";
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
|
||||
export default function ProductCategoriesPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="compact"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="double-inset"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Główna", id: "/" },
|
||||
{ name: "Usługi", id: "/#services" },
|
||||
{ name: "Pakiety", id: "/#packages" },
|
||||
{ name: "Cennik", id: "/#pricing" },
|
||||
{ name: "Kategorie Produktów", id: "/product-categories" },
|
||||
{ name: "Opinie", id: "/#testimonials" },
|
||||
{ name: "Kontakt", id: "/#contact" }
|
||||
]}
|
||||
brandName="AutoRust Protect"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="product-categories-intro" data-section="product-categories-intro">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
title="Nasze Kategorie Produktów Hurtowych"
|
||||
description="Odkryj naszą różnorodną ofertę produktów hurtowych, idealną dla Twojego biznesu. Poniżej znajdziesz kategorie, które pomogą Ci szybko znaleźć to, czego potrzebujesz."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
gridClassName="grid-cols-1 md:grid-cols-2 lg:grid-cols-3"
|
||||
features={[
|
||||
{
|
||||
id: "electronics", title: "Elektronika Użytkowa", description: "Szeroki wybór elektroniki, od smartfonów po akcesoria komputerowe, w konkurencyjnych cenach hurtowych.", imageSrc: "https://img.b2bpic.net/free-photo/modern-gadgets-collection_23-2149341490.jpg", imageAlt: "wholesale electronics products", buttons: [{ text: "Zobacz produkty" }]
|
||||
},
|
||||
{
|
||||
id: "apparel", title: "Odzież i Akcesoria", description: "Modna odzież męska, damska i dziecięca, a także bogata oferta akcesoriów, idealna dla sklepów odzieżowych.", imageSrc: "https://img.b2bpic.net/free-photo/fashion-clothes-hanger-composition_23-2149360589.jpg", imageAlt: "wholesale apparel and accessories", buttons: [{ text: "Zobacz produkty" }]
|
||||
},
|
||||
{
|
||||
id: "home-goods", title: "Artykuły Gospodarstwa Domowego", description: "Funkcjonalne i estetyczne produkty do domu, od kuchni po salon, dla sklepów z wyposażeniem wnętrz.", imageSrc: "https://img.b2bpic.net/free-photo/set-plastic-kitchen-ware-utensils_23-2148767664.jpg", imageAlt: "wholesale home goods", buttons: [{ text: "Zobacz produkty" }]
|
||||
},
|
||||
{
|
||||
id: "industrial-supplies", title: "Materiały Przemysłowe", description: "Wysokiej jakości komponenty i materiały dla branży produkcyjnej i budowlanej.", imageSrc: "https://img.b2bpic.net/free-photo/steel-pipes-construction-site_1122-1983.jpg", imageAlt: "wholesale industrial supplies", buttons: [{ text: "Zobacz produkty" }]
|
||||
},
|
||||
{
|
||||
id: "food-beverages", title: "Żywność i Napoje", description: "Szeroki asortyment produktów spożywczych, świeżych i pakowanych, oraz napojów dla gastronomii i handlu.", imageSrc: "https://img.b2bpic.net/free-photo/assortment-fresh-fruits-vegetables-market_23-2149721727.jpg", imageAlt: "wholesale food and beverages", buttons: [{ text: "Zobacz produkty" }]
|
||||
},
|
||||
{
|
||||
id: "automotive", title: "Części Samochodowe", description: "Oryginalne i zamienne części samochodowe, oleje, płyny i akcesoria do warsztatów i sklepów motoryzacyjnych.", imageSrc: "https://img.b2bpic.net/free-photo/car-engine-repair_23-2149386377.jpg", imageAlt: "wholesale automotive parts", buttons: [{ text: "Zobacz produkty" }]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="AutoRust Protect"
|
||||
copyrightText="© 2024 AutoRust Protect. Wszelkie prawa zastrzeżone."
|
||||
socialLinks={[
|
||||
{ icon: "Facebook", href: "https://www.facebook.com/p/AutoRust-Protect-Konserwacja-podwozia-61564736897226/", ariaLabel: "Facebook link" },
|
||||
{ icon: "MapPin", href: "https://www.google.com/maps/place/AutoRust+Protect+-+Konserwacja+zabezpieczenie+podwozi/@51.7288673,19.539869,17z/data=!3m1!4b1!4m6!3m5!1s0x471bb57233f20739:0x2213796245d8b857!8m2!3d51.7288673!4d19.5424439!16s%2Fg%2F11vv4800y?hl=pl&entry=ttu", ariaLabel: "Google Maps link" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-dm-sans), sans-serif;
|
||||
font-family: var(--font-manrope), sans-serif;
|
||||
}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000f06e6;
|
||||
--primary-cta: #0a7039;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta-text: #000f06e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1f3251;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #15479c;
|
||||
--background-accent: #a8cce8;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user