253 lines
12 KiB
TypeScript
253 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 FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
|
|
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="text-stagger"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="smallMedium"
|
|
sizing="mediumLarge"
|
|
background="fluid"
|
|
cardStyle="outline"
|
|
primaryButtonStyle="flat"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="extrabold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{
|
|
name: "Sklep", id: "products"},
|
|
{
|
|
name: "O nas", id: "about"},
|
|
{
|
|
name: "Kontakt", id: "contact"},
|
|
]}
|
|
brandName="Antraks"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitTestimonial
|
|
background={{
|
|
variant: "gradient-bars"}}
|
|
title="Twój profesjonalny sklep RTV i AGD"
|
|
description="Oferujemy najnowocześniejszy sprzęt, szybką dostawę i fachowy montaż. Antraks - Twój partner w nowoczesnym domu."
|
|
testimonials={[
|
|
{
|
|
name: "Anna Kowalska", handle: "@anna", testimonial: "Szybka dostawa i świetna obsługa. Polecam!", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-looking-new-electric-oven-shopping-mall_93675-133482.jpg?_wi=1", imageAlt: "electronics store modern white red"},
|
|
{
|
|
name: "Marek Nowak", handle: "@marek", testimonial: "Profesjonalny montaż, sprzęt działa bez zarzutu.", rating: 5,
|
|
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DMa1SkfOPrje39VtWSrGh6xS6E/uploaded-1778094196146-68jfsmy8.jpg", imageAlt: "electronics store modern white red"},
|
|
{
|
|
name: "Tomasz Wiśniewski", handle: "@tomek", testimonial: "Najlepsza cena w Częstochowie.", rating: 4,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-delivery-woman-uniform-cap_141793-117598.jpg?_wi=1", imageAlt: "electronics store modern white red"},
|
|
{
|
|
name: "Karolina Nowak", handle: "@karolina_n", testimonial: "Szeroki wybór sprzętu, doradztwo na najwyższym poziomie.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-putting-raw-salmon-steak-into-oven_53876-24741.jpg?_wi=1", imageAlt: "electronics store modern white red"},
|
|
{
|
|
name: "Piotr Zieliński", handle: "@piotr_z", testimonial: "Bardzo szybka realizacja zamówienia. Polecam każdemu.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-use-credit-card-with-laptop-online-shopping_74190-10341.jpg?_wi=1", imageAlt: "electronics store modern white red"},
|
|
]}
|
|
buttons={[
|
|
{
|
|
text: "Zobacz ofertę", href: "#products"},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/young-woman-looking-new-electric-oven-shopping-mall_93675-133482.jpg?_wi=2"
|
|
mediaAnimation="slide-up"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/front-view-charming-girl-mall_23-2148225614.jpg", alt: "Front view charming girl at mall"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-pleased-woman-smiling-as-seeing-something-tempting-want-try_176420-26133.jpg", alt: "Close-up of pleased woman smiling"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-woman-with-red-hair-arms-crossed-smiling_23-2148222621.jpg", alt: "Young woman with red hair"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/friendly-looking-optimstic-handsome-mature-masculine-male-with-blue-eyes-bristle-smiling-joyfully-as-standing-casually-blue-shirt-against-gray-wall_176420-43532.jpg", alt: "Friendly-looking optimistic male"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-handsome-man-with-long-blonde-hair-wearing-red-jacket_23-2149020158.jpg", alt: "Portrait of handsome man"},
|
|
]}
|
|
avatarText="Ponad 1000 zadowolonych klientów"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "Szybka Dostawa"},
|
|
{
|
|
type: "text", text: "Profesjonalny Montaż"},
|
|
{
|
|
type: "text", text: "Gwarancja Jakości"},
|
|
{
|
|
type: "text", text: "Najlepsze Ceny"},
|
|
{
|
|
type: "text", text: "Wsparcie Techniczne"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="split"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
title: "Dostawa tego samego dnia", description: "Twój sprzęt trafi do Ciebie w ekspresowym tempie.", imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-delivery-woman-uniform-cap_141793-117598.jpg?_wi=2"},
|
|
{
|
|
title: "Profesjonalny montaż", description: "Nasi eksperci zajmą się instalacją i uruchomieniem.", imageSrc: "http://img.b2bpic.net/free-photo/man-putting-raw-salmon-steak-into-oven_53876-24741.jpg?_wi=2"},
|
|
{
|
|
title: "Bezpieczne płatności", description: "Wybierz wygodną formę płatności: BLIK, PayU, Stripe.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-use-credit-card-with-laptop-online-shopping_74190-10341.jpg?_wi=2"},
|
|
]}
|
|
title="Dlaczego Antraks?"
|
|
description="Stawiamy na jakość, szybkość i zadowolenie klienta."
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="scale-rotate"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={false}
|
|
products={[
|
|
{
|
|
id: "1", name: "Lodówka Samsung", price: "2999 PLN", imageSrc: "http://img.b2bpic.net/free-photo/modern-kitchen-interior-with-orange-refrigerator_23-2152012001.jpg"},
|
|
{
|
|
id: "2", name: "Pralka Bosch", price: "1899 PLN", imageSrc: "http://img.b2bpic.net/free-photo/blender-juice-machine_1203-7837.jpg"},
|
|
{
|
|
id: "3", name: "TV LG OLED", price: "4599 PLN", imageSrc: "http://img.b2bpic.net/free-photo/gamer-watching-online-tutorial-tv-made-by-content-creator-how-win-videogame_482257-82183.jpg"},
|
|
{
|
|
id: "4", name: "Ekspres DeLonghi", price: "1299 PLN", imageSrc: "http://img.b2bpic.net/free-photo/coffee-with-frothing-pouring-from-espresso-machine_23-2147834514.jpg"},
|
|
{
|
|
id: "5", name: "Odkurzacz Roomba", price: "1499 PLN", imageSrc: "http://img.b2bpic.net/free-photo/close-upon-robot-vacuum-cleaner-indoors_23-2150829970.jpg"},
|
|
{
|
|
id: "6", name: "Laptop Lenovo", price: "3199 PLN", imageSrc: "http://img.b2bpic.net/free-photo/desk-with-ssd-laptop-flat-lay_23-2149328275.jpg"},
|
|
]}
|
|
title="Bestsellery"
|
|
description="Najchętniej wybierane produkty w naszej ofercie."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardFourteen
|
|
useInvertedBackground={false}
|
|
title="Zaufali nam klienci"
|
|
tag="Statystyki"
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "169+", description: "Pozytywnych opinii"},
|
|
{
|
|
id: "m2", value: "4.5", description: "Średnia ocena"},
|
|
{
|
|
id: "m3", value: "100%", description: "Zadowolonych montaży"},
|
|
]}
|
|
metricsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardThirteen
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Anna K.", handle: "@anna", testimonial: "Wszystko zgodnie z opisem, szybko i profesjonalnie.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/girl-holding-shopping-bags-close-up_23-2148225710.jpg"},
|
|
{
|
|
id: "2", name: "Marek P.", handle: "@marek", testimonial: "Dostawa w dniu zamówienia, pełen profesjonalizm.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-attractive-girl-red-t-shirt-wearing-black-jeans-sunglasses-posing-smiling-coquette-white_140725-18402.jpg"},
|
|
{
|
|
id: "3", name: "Janina W.", handle: "@janina", testimonial: "Dobra obsługa i duży wybór produktów.", rating: 4,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-posing-with-flower_23-2149486766.jpg"},
|
|
{
|
|
id: "4", name: "Piotr R.", handle: "@piotr", testimonial: "Sklep godny polecenia, wszystko w porządku.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/two-young-friends-shopping-together_1301-6733.jpg"},
|
|
{
|
|
id: "5", name: "Karolina M.", handle: "@karolina", testimonial: "Szybki montaż, super sprzęt.", rating: 5,
|
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-paying-attention_1298-579.jpg"},
|
|
]}
|
|
showRating={true}
|
|
title="Co mówią nasi klienci?"
|
|
description="Nasza jakość potwierdzona opiniami."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{
|
|
id: "q1", title: "Czy dostarczacie sprzęt w weekendy?", content: "W święta godziny mogą się różnić, zapraszamy do kontaktu telefonicznego."},
|
|
{
|
|
id: "q2", title: "Czy montaż jest w cenie dostawy?", content: "Montaż to usługa dodatkowa, wyceniana indywidualnie."},
|
|
{
|
|
id: "q3", title: "Jakie metody płatności akceptujecie?", content: "Akceptujemy BLIK, PayU, Przelewy24, Stripe oraz gotówkę przy odbiorze."},
|
|
]}
|
|
title="Częste pytania"
|
|
description="Znajdź odpowiedzi na nurtujące pytania."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCTA
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "sparkles-gradient"}}
|
|
tag="Kontakt"
|
|
title="Jesteśmy tu dla Ciebie"
|
|
description="Zadzwoń do nas pod numer 784 363 351 lub odwiedź nas w Częstochowie."
|
|
buttons={[
|
|
{
|
|
text: "Zadzwoń teraz", href: "tel:784363351"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoEmphasis
|
|
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DMa1SkfOPrje39VtWSrGh6xS6E/uploaded-1778094196146-68jfsmy8.jpg"
|
|
columns={[
|
|
{
|
|
items: [
|
|
{
|
|
label: "Sklep", href: "#products"},
|
|
{
|
|
label: "Regulamin", href: "#"},
|
|
{
|
|
label: "Polityka prywatności", href: "#"},
|
|
],
|
|
},
|
|
{
|
|
items: [
|
|
{
|
|
label: "Kontakt", href: "#contact"},
|
|
{
|
|
label: "O nas", href: "#"},
|
|
],
|
|
},
|
|
]}
|
|
logoText="Antraks. FHU. Frydryński S."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|