Merge version_1 into main #2
298
src/app/page.tsx
298
src/app/page.tsx
@@ -16,27 +16,22 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Products", id: "products" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Support", id: "faq" }
|
||||
]}
|
||||
brandName="AutoGadget"
|
||||
/>
|
||||
@@ -44,98 +39,31 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Nowoczesne gadżety do Twojego auta"
|
||||
description="7-calowy Bezprzewodowy Ekran Android/Apple AutoLink Pro. Podnieś standard swojej jazdy już dzisiaj."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Marek K.",
|
||||
handle: "@marekk",
|
||||
testimonial: "Genialne urządzenie, montaż zajął 5 minut!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-men-taking-selfie_23-2148320221.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Anna S.",
|
||||
handle: "@annas",
|
||||
testimonial: "AutoLink Pro to najlepsza rzecz, jaką kupiłam do auta.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-men-taking-selfie_23-2148320221.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
name: "Piotr W.",
|
||||
handle: "@piotrw",
|
||||
testimonial: "Świetna jakość obrazu i szybkie łączenie.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-men-taking-selfie_23-2148320221.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
name: "Katarzyna L.",
|
||||
handle: "@katl",
|
||||
testimonial: "Warta każdej złotówki, odmieniła wnętrze auta.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-men-taking-selfie_23-2148320221.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
name: "Tomasz M.",
|
||||
handle: "@tomek_m",
|
||||
testimonial: "Działa bezbłędnie z moim telefonem.",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-men-taking-selfie_23-2148320221.jpg?_wi=5",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Kup teraz",
|
||||
href: "#products",
|
||||
},
|
||||
{ name: "Marek K.", handle: "@marekk", testimonial: "Genialne urządzenie, montaż zajął 5 minut!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-men-taking-selfie_23-2148320221.jpg" },
|
||||
{ name: "Anna S.", handle: "@annas", testimonial: "AutoLink Pro to najlepsza rzecz, jaką kupiłam do auta.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-men-taking-selfie_23-2148320221.jpg" },
|
||||
{ name: "Piotr W.", handle: "@piotrw", testimonial: "Świetna jakość obrazu i szybkie łączenie.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-men-taking-selfie_23-2148320221.jpg" },
|
||||
{ name: "Katarzyna L.", handle: "@katl", testimonial: "Warta każdej złotówki, odmieniła wnętrze auta.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-men-taking-selfie_23-2148320221.jpg" },
|
||||
{ name: "Tomasz M.", handle: "@tomek_m", testimonial: "Działa bezbłędnie z moim telefonem.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/happy-men-taking-selfie_23-2148320221.jpg" }
|
||||
]}
|
||||
buttons={[{ text: "Kup teraz", href: "#products" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/car-navigation-display-multimedia-panel-auto-route-map_169016-68672.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-men-taking-selfie_23-2148320221.jpg",
|
||||
alt: "user",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-men-taking-selfie_23-2148320221.jpg",
|
||||
alt: "user",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-men-taking-selfie_23-2148320221.jpg",
|
||||
alt: "user",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-men-taking-selfie_23-2148320221.jpg",
|
||||
alt: "user",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-men-taking-selfie_23-2148320221.jpg",
|
||||
alt: "user",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-men-taking-selfie_23-2148320221.jpg", alt: "user" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-men-taking-selfie_23-2148320221.jpg", alt: "user" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-men-taking-selfie_23-2148320221.jpg", alt: "user" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-men-taking-selfie_23-2148320221.jpg", alt: "user" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-men-taking-selfie_23-2148320221.jpg", alt: "user" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Bezprzewodowe połączenie",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Android Auto",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Apple CarPlay",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Plug & Play",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ekran HD",
|
||||
},
|
||||
{ type: "text", text: "Bezprzewodowe połączenie" },
|
||||
{ type: "text", text: "Android Auto" },
|
||||
{ type: "text", text: "Apple CarPlay" },
|
||||
{ type: "text", text: "Plug & Play" },
|
||||
{ type: "text", text: "Ekran HD" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -147,60 +75,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "AutoGadget",
|
||||
name: "7-calowy Bezprzewodowy Ekran Android/Apple AutoLink Pro",
|
||||
price: "499 PLN",
|
||||
rating: 5,
|
||||
reviewCount: "128",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-trying-car-navigation_23-2148332966.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "AutoGadget",
|
||||
name: "Kamera cofania HD",
|
||||
price: "199 PLN",
|
||||
rating: 4,
|
||||
reviewCount: "89",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-trying-car-navigation_23-2148332966.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "AutoGadget",
|
||||
name: "Szybka ładowarka samochodowa 65W",
|
||||
price: "89 PLN",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-trying-car-navigation_23-2148332966.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "AutoGadget",
|
||||
name: "Uchwyt magnetyczny na telefon",
|
||||
price: "59 PLN",
|
||||
rating: 4,
|
||||
reviewCount: "156",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-trying-car-navigation_23-2148332966.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "AutoGadget",
|
||||
name: "Organizer do bagażnika",
|
||||
price: "129 PLN",
|
||||
rating: 5,
|
||||
reviewCount: "72",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-trying-car-navigation_23-2148332966.jpg?_wi=5",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "AutoGadget",
|
||||
name: "Transmiter Bluetooth 5.0",
|
||||
price: "79 PLN",
|
||||
rating: 4,
|
||||
reviewCount: "340",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-trying-car-navigation_23-2148332966.jpg?_wi=6",
|
||||
},
|
||||
{ id: "p1", brand: "AutoGadget", name: "7-calowy Bezprzewodowy Ekran Android/Apple AutoLink Pro", price: "499 PLN", rating: 5, reviewCount: "128", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-trying-car-navigation_23-2148332966.jpg" },
|
||||
{ id: "p2", brand: "AutoGadget", name: "Kamera cofania HD", price: "199 PLN", rating: 4, reviewCount: "89", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-trying-car-navigation_23-2148332966.jpg" },
|
||||
{ id: "p3", brand: "AutoGadget", name: "Szybka ładowarka samochodowa 65W", price: "89 PLN", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-trying-car-navigation_23-2148332966.jpg" },
|
||||
{ id: "p4", brand: "AutoGadget", name: "Uchwyt magnetyczny na telefon", price: "59 PLN", rating: 4, reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-trying-car-navigation_23-2148332966.jpg" },
|
||||
{ id: "p5", brand: "AutoGadget", name: "Organizer do bagażnika", price: "129 PLN", rating: 5, reviewCount: "72", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-trying-car-navigation_23-2148332966.jpg" },
|
||||
{ id: "p6", brand: "AutoGadget", name: "Transmiter Bluetooth 5.0", price: "79 PLN", rating: 4, reviewCount: "340", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-trying-car-navigation_23-2148332966.jpg" }
|
||||
]}
|
||||
title="Nasze Produkty"
|
||||
description="Kliknij swój produkt i sprawdź szczegóły."
|
||||
@@ -213,36 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Kompatybilność",
|
||||
title: "Apple CarPlay i Android Auto",
|
||||
items: [
|
||||
"Bezprzewodowe połączenie",
|
||||
"Płynna obsługa map",
|
||||
"Wsparcie dla muzyki",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Instalacja",
|
||||
title: "Plug & Play",
|
||||
items: [
|
||||
"Brak ingerencji w deskę",
|
||||
"Montaż w 5 minut",
|
||||
"Zasilanie z zapalniczki",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Ekran",
|
||||
title: "7-cali Full HD",
|
||||
items: [
|
||||
"Wysoka jasność",
|
||||
"Czuły dotyk",
|
||||
"Antyrefleksyjna powłoka",
|
||||
],
|
||||
},
|
||||
{ id: "f1", label: "Kompatybilność", title: "Apple CarPlay i Android Auto", items: ["Bezprzewodowe połączenie", "Płynna obsługa map", "Wsparcie dla muzyki"] },
|
||||
{ id: "f2", label: "Instalacja", title: "Plug & Play", items: ["Brak ingerencji w deskę", "Montaż w 5 minut", "Zasilanie z zapalniczki"] },
|
||||
{ id: "f3", label: "Ekran", title: "7-cali Full HD", items: ["Wysoka jasność", "Czuły dotyk", "Antyrefleksyjna powłoka"] }
|
||||
]}
|
||||
title="Dlaczego AutoLink Pro?"
|
||||
description="Technologia, która odmieni każdą podróż."
|
||||
@@ -254,21 +107,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "Czy pasuje do każdego auta?",
|
||||
content: "Tak, urządzenie łączy się przez Bluetooth i AUX/FM.",
|
||||
},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Czy instalacja wymaga mechanika?",
|
||||
content: "Absolutnie nie, instalacja jest dziecinnie prosta.",
|
||||
},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Czy otrzymam gwarancję?",
|
||||
content: "Tak, oferujemy 24-miesięczną gwarancję producenta.",
|
||||
},
|
||||
{ id: "faq1", title: "Czy pasuje do każdego auta?", content: "Tak, urządzenie łączy się przez Bluetooth i AUX/FM." },
|
||||
{ id: "faq2", title: "Czy instalacja wymaga mechanika?", content: "Absolutnie nie, instalacja jest dziecinnie prosta." },
|
||||
{ id: "faq3", title: "Czy otrzymam gwarancję?", content: "Tak, oferujemy 24-miesięczną gwarancję producenta." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/young-car-repairman-talking-with-his-coworker-while-checking-engine-performance-with-diagnostic-tools-auto-repair-shop_637285-4277.jpg"
|
||||
title="Często Zadawane Pytania"
|
||||
@@ -285,37 +126,8 @@ export default function LandingPage() {
|
||||
title="Wybierz swój zestaw"
|
||||
description="Elastyczne opcje dla każdego kierowcy."
|
||||
plans={[
|
||||
{
|
||||
id: "starter",
|
||||
title: "Podstawowy",
|
||||
price: "199 PLN",
|
||||
period: "jednorazowo",
|
||||
features: [
|
||||
"Kamera cofania",
|
||||
"Montaż DIY",
|
||||
],
|
||||
button: {
|
||||
text: "Wybierz",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-trying-car-navigation_23-2148332966.jpg?_wi=7",
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
title: "Premium",
|
||||
price: "499 PLN",
|
||||
period: "jednorazowo",
|
||||
features: [
|
||||
"Ekran 7-cali",
|
||||
"Android Auto",
|
||||
"Apple CarPlay",
|
||||
],
|
||||
button: {
|
||||
text: "Wybierz",
|
||||
href: "#",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-trying-car-navigation_23-2148332966.jpg?_wi=8",
|
||||
},
|
||||
{ id: "starter", title: "Podstawowy", price: "199 PLN", period: "jednorazowo", features: ["Kamera cofania", "Montaż DIY"], button: { text: "Wybierz", href: "#" }, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-trying-car-navigation_23-2148332966.jpg" },
|
||||
{ id: "pro", title: "Premium", price: "499 PLN", period: "jednorazowo", features: ["Ekran 7-cali", "Android Auto", "Apple CarPlay"], button: { text: "Wybierz", href: "#" }, imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-trying-car-navigation_23-2148332966.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -323,30 +135,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "YouTube",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "TikTok",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "Facebook", href: "#" }, { label: "Instagram", href: "#" }] },
|
||||
{ items: [{ label: "YouTube", href: "#" }, { label: "TikTok", href: "#" }] }
|
||||
]}
|
||||
logoText="AutoGadget"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user