Update src/app/page.tsx
This commit is contained in:
353
src/app/page.tsx
353
src/app/page.tsx
@@ -26,256 +26,121 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "Produkty",
|
||||
id: "#products",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
]}
|
||||
brandName="Aroma Premium"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "/" },
|
||||
{ name: "Produkty", id: "#products" },
|
||||
{ name: "FAQ", id: "#faq" },
|
||||
]}
|
||||
brandName="Aroma Premium"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
logoText="Comet: Elegancja i Aromaterapia"
|
||||
description="Dyfuzor zapachowy Comet z grubego mlecznego szkła w kształcie kropli. Technologia ultradźwiękowa technologia, timer, LED i automatyczne wyłączenie. Elegancki design dla Twojego domu."
|
||||
buttons={[
|
||||
{
|
||||
text: "Zobacz produkt",
|
||||
href: "#products",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-dried-flowers-table_23-2149591635.jpg?_wi=1"
|
||||
imageAlt="elegant glass essential oil diffuser"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{ variant: "radial-gradient" }}
|
||||
logoText="Comet: Elegancja i Aromaterapia"
|
||||
description="Dyfuzor zapachowy Comet z grubego mlecznego szkła w kształcie kropli. Technologia ultradźwiękowa technologia, timer, LED i automatyczne wyłączenie. Elegancki design dla Twojego domu."
|
||||
buttons={[{ text: "Zobacz produkt", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-dried-flowers-table_23-2149591635.jpg"
|
||||
imageAlt="elegant glass essential oil diffuser"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Technologia ultradźwiękowa",
|
||||
description: "Cicha praca i delikatna mgiełka, która wypełnia pomieszczenie zapachem bez podgrzewania olejków, zachowując ich właściwości.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-burning-candles-books-tea_169016-49262.jpg",
|
||||
imageAlt: "ultrasonic diffuser technology steam",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Zap,
|
||||
text: "Cicha praca",
|
||||
},
|
||||
{
|
||||
icon: Droplets,
|
||||
text: "Delikatna mgiełka",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dried-flowers-table_23-2149591635.jpg?_wi=2",
|
||||
imageAlt: "ultrasonic diffuser technology steam",
|
||||
},
|
||||
{
|
||||
title: "Inteligentny Timer",
|
||||
description: "Pełna kontrola nad czasem pracy. Wybierz tryb ciągły do 8 godzin lub tryb przerywany do 16 godzin relaksu.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-oil-aroma-diffuser-close-up-blurred-background_169016-20824.jpg",
|
||||
imageAlt: "smart home diffuser timer settings",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Clock,
|
||||
text: "Timer do 16h",
|
||||
},
|
||||
{
|
||||
icon: Shield,
|
||||
text: "Auto-wyłącznik",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-home-composition-with-cup-tea-candles-knitted-element_169016-49173.jpg",
|
||||
imageAlt: "ultrasonic diffuser technology steam",
|
||||
},
|
||||
{
|
||||
title: "Nastrojowe oświetlenie LED",
|
||||
description: "Subtelne oświetlenie LED dodaje elegancji i tworzy wyjątkowy nastrój w każdym pomieszczeniu.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-cubes-transparent-glass-with-shadow-white-background_23-2147948662.jpg?_wi=1",
|
||||
imageAlt: "led lighting diffuser atmosphere",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Lightbulb,
|
||||
text: "Nastrojowe światło",
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
text: "Elegancki design",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-plastic-bottle-with-rosemary_23-2148431482.jpg?_wi=1",
|
||||
imageAlt: "ultrasonic diffuser technology steam",
|
||||
},
|
||||
]}
|
||||
title="Dlaczego warto wybrać Comet?"
|
||||
description="Technologia, która odmieni Twój domowy relaks i wprowadzi harmonię do codzienności."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Technologia ultradźwiękowa", description: "Cicha praca i delikatna mgiełka, która wypełnia pomieszczenie zapachem bez podgrzewania olejków, zachowując ich właściwości.", media: { imageSrc: "http://img.b2bpic.net/free-photo/cozy-composition-with-burning-candles-books-tea_169016-49262.jpg", imageAlt: "ultrasonic diffuser technology steam" },
|
||||
items: [
|
||||
{ icon: Zap, text: "Cicha praca" },
|
||||
{ icon: Droplets, text: "Delikatna mgiełka" },
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "Inteligentny Timer", description: "Pełna kontrola nad czasem pracy. Wybierz tryb ciągły do 8 godzin lub tryb przerywany do 16 godzin relaksu.", media: { imageSrc: "http://img.b2bpic.net/free-photo/modern-oil-aroma-diffuser-close-up-blurred-background_169016-20824.jpg", imageAlt: "smart home diffuser timer settings" },
|
||||
items: [
|
||||
{ icon: Clock, text: "Timer do 16h" },
|
||||
{ icon: Shield, text: "Auto-wyłącznik" },
|
||||
],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Nastrojowe oświetlenie LED", description: "Subtelne oświetlenie LED dodaje elegancji i tworzy wyjątkowy nastrój w każdym pomieszczeniu.", media: { imageSrc: "http://img.b2bpic.net/free-photo/ice-cubes-transparent-glass-with-shadow-white-background_23-2147948662.jpg", imageAlt: "led lighting diffuser atmosphere" },
|
||||
items: [
|
||||
{ icon: Lightbulb, text: "Nastrojowe światło" },
|
||||
{ icon: Star, text: "Elegancki design" },
|
||||
],
|
||||
reverse: false
|
||||
},
|
||||
]}
|
||||
title="Dlaczego warto wybrać Comet?"
|
||||
description="Technologia, która odmieni Twój domowy relaks i wprowadzi harmonię do codzienności."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Comet Szklany Dyfuzor",
|
||||
price: "315,00 zł",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ice-cubes-transparent-glass-with-shadow-white-background_23-2147948662.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Hydrolat Lawendowy",
|
||||
price: "196,00 zł",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-plastic-bottle-with-rosemary_23-2148431482.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Hydrolat z Kadzidłowca",
|
||||
price: "174,00 zł",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/essential-oil-aroma-diffuser-humidifier-diffusing-water-articles-air_169016-13376.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Yoyo Gold Dyfuzor",
|
||||
price: "280,00 zł",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aroma-oil-diffuser-lamp-flowers-knitted-element-blurred-background_169016-38779.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Vapor Green Dyfuzor",
|
||||
price: "270,00 zł",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/christmas-still-life-with-aroma-diffuser-moisturizing-air_169016-48364.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Vapor Grey Dyfuzor",
|
||||
price: "270,00 zł",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-winter-composition-with-essential-oil-aroma-diffuser_169016-48361.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nasze Produkty"
|
||||
description="Odkryj pełną gamę naszych dyfuzorów i olejków, które sprawią, że Twój dom stanie się oazą spokoju."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="two-columns-alternating-heights"
|
||||
animationType="slide-up"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Comet Szklany Dyfuzor", price: "315,00 zł", imageSrc: "http://img.b2bpic.net/free-photo/ice-cubes-transparent-glass-with-shadow-white-background_23-2147948662.jpg" },
|
||||
{ id: "p2", name: "Hydrolat Lawendowy", price: "196,00 zł", imageSrc: "http://img.b2bpic.net/free-photo/close-up-plastic-bottle-with-rosemary_23-2148431482.jpg" },
|
||||
{ id: "p3", name: "Hydrolat z Kadzidłowca", price: "174,00 zł", imageSrc: "http://img.b2bpic.net/free-photo/essential-oil-aroma-diffuser-humidifier-diffusing-water-articles-air_169016-13376.jpg" },
|
||||
{ id: "p4", name: "Yoyo Gold Dyfuzor", price: "280,00 zł", imageSrc: "http://img.b2bpic.net/free-photo/aroma-oil-diffuser-lamp-flowers-knitted-element-blurred-background_169016-38779.jpg" },
|
||||
{ id: "p5", name: "Vapor Green Dyfuzor", price: "270,00 zł", imageSrc: "http://img.b2bpic.net/free-photo/christmas-still-life-with-aroma-diffuser-moisturizing-air_169016-48364.jpg" },
|
||||
{ id: "p6", name: "Vapor Grey Dyfuzor", price: "270,00 zł", imageSrc: "http://img.b2bpic.net/free-photo/cozy-winter-composition-with-essential-oil-aroma-diffuser_169016-48361.jpg" },
|
||||
]}
|
||||
title="Nasze Produkty"
|
||||
description="Odkryj pełną gamę naszych dyfuzorów i olejków, które sprawią, że Twój dom stanie się oazą spokoju."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Na jaką powierzchnię nadaje się Comet?",
|
||||
content: "Comet przeznaczony jest do pomieszczeń od 15 do 35 m². Idealnie sprawdzi się w salonie, sypialni lub biurze.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Jak długo pracuje dyfuzor Comet?",
|
||||
content: "Zbiornik 150 ml pozwala na pracę do 8 godzin w trybie ciągłym lub 16 godzin w trybie przerywanym.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Jak czyścić dyfuzor?",
|
||||
content: "Raz w tygodniu płucz wnętrze ciepłą wodą (max 40°C) z delikatnym detergentem.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Najczęściej zadawane pytania"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Na jaką powierzchnię nadaje się Comet?", content: "Comet przeznaczony jest do pomieszczeń od 15 do 35 m². Idealnie sprawdzi się w salonie, sypialni lub biurze." },
|
||||
{ id: "q2", title: "Jak długo pracuje dyfuzor Comet?", content: "Zbiornik 150 ml pozwala na pracę do 8 godzin w trybie ciągłym lub 16 godzin w trybie przerywanym." },
|
||||
{ id: "q3", title: "Jak czyścić dyfuzor?", content: "Raz w tygodniu płucz wnętrze ciepłą wodą (max 40°C) z delikatnym detergentem." },
|
||||
]}
|
||||
sideTitle="Najczęściej zadawane pytania"
|
||||
faqsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Skontaktuj się z nami"
|
||||
description="Masz pytania dotyczące naszych produktów lub współpracy? Napisz do nas."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/christmas-still-life-with-aroma-diffuser-moisturizing-air-copy-space_169016-42659.jpg"
|
||||
imageAlt="Christmas still life with an aroma diffuser for moisturizing the air copy space"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Imię i nazwisko",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Twój adres e-mail",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Twoja wiadomość",
|
||||
rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Skontakt się z nami"
|
||||
description="Masz pytania dotyczące naszych produktów lub współpracy? Napisz do nas."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/christmas-still-life-with-aroma-diffuser-moisturizing-air-copy-space_169016-42659.jpg"
|
||||
imageAlt="Christmas still life with an aroma diffuser for moisturizing the air copy space"
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Imię i nazwisko", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Twój adres e-mail", required: true },
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Twoja wiadomość", rows: 4, required: true }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Aroma Premium"
|
||||
columns={[
|
||||
{
|
||||
title: "Kontakt",
|
||||
items: [
|
||||
{
|
||||
label: "Współpraca B2B",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Obsługa klienta",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Marki",
|
||||
items: [
|
||||
{
|
||||
label: "Marka Air/Aroma",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Marka Serene House",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Aroma Premium"
|
||||
columns={[
|
||||
{ title: "Kontakt", items: [{ label: "Współpraca B2B", href: "#" }, { label: "Obsługa klienta", href: "#" }] },
|
||||
{ title: "Marki", items: [{ label: "Marka Air/Aroma", href: "#" }, { label: "Marka Serene House", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user